Shields: logo-url support?

Created on 15 Oct 2018  路  7Comments  路  Source: badges/shields

Currently github does not support long url.

where my badge:

https://img.shields.io/badge/style-group-green.svg?longCache=true&label=qq&colorB=blue&logo=data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4OHB4IiB2aWV3Qm94PSIwIDAgMTIwLjk5OTY5IDE0My44ODk4OCIgd2lkdGg9IjI0MnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHRyYW5zZm9ybT0ibWF0cml4KC4zNTI3Nzc3OSAwIDAgLjM1Mjc3Nzc5IC00NC4wMDAyMzc4IC0zMi45OTk4ODIpIj48cGF0aCBkPSJtMjk2LjIzMDQ3IDQ5Ni43MzQzN2MtMzUuNTI3MzUgMC02OC4xNDA2My0xMS44OTA2Mi04OS4xMzY3Mi0yOS42NTIzNC0xMC42NjQwNiAzLjE4NzUtMjQuMzA0NjkgOC4zMTI1LTMyLjkxMDE2IDE0LjY3MTg4LTcuMzY3MTggNS40Mzc1LTYuNDQ5MjIgMTAuOTgwNDYtNS4xMjEwOSAxMy4yMTg3NSA1LjgyODEyIDkuODM1OTMgOTkuOTg0MzcgNi4yODEyNSAxMjcuMTY3OTcgMy4yMTg3NXptMCAwIiBmaWxsPSIjZmFhYjA3Ii8+PHBhdGggZD0ibTI5Ni4yMzA0NyA0OTYuNzM0MzdjMzUuNTMxMjUgMCA2OC4xNDA2Mi0xMS44OTA2MiA4OS4xNDA2Mi0yOS42NTIzNCAxMC42NjAxNiAzLjE4NzUgMjQuMzAwNzggOC4zMTI1IDMyLjkxMDE2IDE0LjY3MTg4IDcuMzYzMjggNS40Mzc1IDYuNDQ1MzEgMTAuOTgwNDYgNS4xMTcxOSAxMy4yMTg3NS01LjgyODEzIDkuODM1OTMtOTkuOTg0MzggNi4yODEyNS0xMjcuMTY3OTcgMy4yMTg3NXptMCAwIiBmaWxsPSIjZmFhYjA3Ii8+PHBhdGggZD0ibTI5Ni40Mzc1IDI4My44MDA3OGM1OC42NzE4Ny0uMzk4NDQgMTA1LjY5MTQxLTExLjc1MzkxIDEyMS42MjUtMTYuMTA5MzcgMy43OTY4Ny0xLjAzOTA3IDUuODI4MTItMi45MDIzNSA1LjgyODEyLTIuOTAyMzUuMDE1Ni0uNTM1MTUuMjQyMTktOS41NTA3OC4yNDIxOS0xNC4yMDMxMiAwLTc4LjMyODEzLTM2Ljk3NjU2LTE1Ny4wMzkwNjUtMTI3LjkxNDA2LTE1Ny4wNDI5NzEtOTAuOTMzNTkuMDAzOS0xMjcuOTEwMTYgNzguNzE0ODQxLTEyNy45MTAxNiAxNTcuMDQyOTcxIDAgNC42NTIzNC4yMjY1NyAxMy42Njc5Ny4yNDIxOSAxNC4yMDMxMiAwIDAgMS42NTIzNCAxLjc0MjE5IDQuNjc5NjkgMi41ODU5NCAxNC43MTA5NCA0LjA5Mzc1IDYyLjYxNzE5IDE2LjAxNTYyIDEyMi43NzM0NCAxNi40MjU3OHptMCAwIi8+PHBhdGggZD0ibTQ1NS44NzEwOSAzNDkuMDU0NjljLTMuNjM2NzItMTEuNzAzMTMtOC42MDE1Ni0yNS4zNTE1Ny0xMy42Mjg5LTM4LjQ2MDk0IDAgMC0yLjg5MDYzLS4zNTU0Ny00LjM1NTQ3LjA2NjQtNDUuMTA5MzggMTMuMTA1NDYtOTkuNzg1MTYgMjEuNDU3MDMtMTQxLjQ0OTIyIDIwLjk1MzEyaC0uNDMzNTljLTQxLjQzMzYuNDk2MDktOTUuNzM4MjktNy43NTc4MS0xNDAuNjk1MzItMjAuNzM0MzctMS43MTg3NS0uNDk2MS01LjEwOTM3LS4yODUxNi01LjEwOTM3LS4yODUxNi01LjAyNzM1IDEzLjEwOTM3LTkuOTkyMTkgMjYuNzU3ODEtMTMuNjI4OTEgMzguNDYwOTQtMTcuMzQzNzUgNTUuODEyNS0xMS43MjI2NSA3OC45MTAxNS03LjQ0NTMxIDc5LjQyOTY4IDkuMTc5NjkgMS4xMDkzOCAzNS43MzQzNy00Mi4wMTU2MiAzNS43MzQzNy00Mi4wMTU2MiAwIDQzLjgyMDMxIDM5LjU2MjUgMTExLjEwNTQ3IDEzMC4xNjAxNiAxMTEuNzIyNjYuNDAyMzQtLjAwNCAyLS4wMDQgMi40MDIzNCAwIDkwLjU5NzY2LS42MTcxOSAxMzAuMTYwMTYtNjcuOTAyMzUgMTMwLjE2MDE2LTExMS43MjI2NiAwIDAgMjYuNTU0NjkgNDMuMTI1IDM1LjczNDM4IDQyLjAxNTYyIDQuMjc3MzQtLjUxOTUzIDkuODk4NDMtMjMuNjE3MTgtNy40NDUzMi03OS40Mjk2OCIvPjxwYXRoIGQ9Im0yNjMuODYzMjggMjA5LjI2NTYyYy0xMi4zMzU5NC41NTg2LTIyLjg3NS0xMy40OTYwOS0yMy41MzkwNi0zMS4zNTkzNy0uNjY3OTctMTcuODc1IDguNzgxMjUtMzIuODE2NDEgMjEuMTE3MTktMzMuMzc1IDEyLjMyNDIxLS41NTA3OCAyMi44NTkzNyAxMy40OTYwOSAyMy41MjczNCAzMS4zNjcxOS42NzU3OCAxNy44NzUtOC43NzczNCAzMi44MTY0LTIxLjEwNTQ3IDMzLjM2NzE4IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTM1Mi4xMTMyOCAxNzcuOTA2MjVjLS42NjAxNiAxNy44NjMyOC0xMS4xOTkyMiAzMS45MTc5Ny0yMy41MzUxNiAzMS4zNTkzNy0xMi4zMjgxMi0uNTU0NjgtMjEuNzgxMjUtMTUuNDkyMTgtMjEuMTA1NDYtMzMuMzY3MTguNjY3OTYtMTcuODcxMSAxMS4yMDMxMi0zMS45MTc5NyAyMy41MjczNC0zMS4zNjcxOSAxMi4zMzU5NC41NTg1OSAyMS43ODUxNiAxNS41IDIxLjExMzI4IDMzLjM3NSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0zNzQuMDM5MDYgMjM0LjQ5NjA5Yy0zLjI5Njg3LTcuMzAwNzgtMzYuNDk2MDktMTUuNDM3NS03Ny41OTc2NS0xNS40Mzc1aC0uNDQxNDFjLTQxLjEwMTU2IDAtNzQuMzAwNzggOC4xMzY3Mi03Ny41OTc2NiAxNS40Mzc1LS4xNDg0My4zMTY0MS0uMjQyMTguNjY3OTctLjI0MjE4IDEuMDM5MDcgMCAuNTI3MzQuMTc5NjggMSAuNDUzMTIgMS40MDYyNSAyLjc4MTI1IDQuMDQ2ODcgMzkuNjQ0NTMgMjQuMDU4NTkgNzcuMzg2NzIgMjQuMDU4NTloLjQ0MTQxYzM3Ljc0MjE4IDAgNzQuNjA1NDYtMjAuMDA3ODEgNzcuMzgyODEtMjQuMDU4NTkuMjc3MzQtLjQwMjM1LjQ1MzEyLS44ODI4Mi40NTMxMi0xLjQxMDE2IDAtLjM3MTA5LS4wODk4LS43MTg3NS0uMjM4MjgtMS4wMzUxNiIgZmlsbD0iI2ZhYWIwNyIvPjxwYXRoIGQ9Im0yNzkuMDI3MzQgMTc4LjE2Nzk3Yy41NjI1IDcuMDU4NTktMy4zMDg1OSAxMy4zMjgxMi04LjYzNjcyIDE0LjAxMTcyLTUuMzM1OTMuNjg3NS0xMC4xMTMyOC00LjQ3NjU3LTEwLjY3OTY4LTExLjUzOTA3LS41NTg2LTcuMDYyNSAzLjMwODU5LTEzLjMzMjAzIDguNjI1LTE0LjAxMTcxIDUuMzQ3NjUtLjY5MTQxIDEwLjEzMjgxIDQuNDgwNDYgMTAuNjkxNCAxMS41MzkwNiIvPjxwYXRoIGQ9Im0zMTIuOTE3OTcgMTgwLjUyNzM0YzEuMDg5ODQtMS45NTMxMiA4LjUxNTYyLTEyLjIyMjY1IDIzLjg4NjcyLTguNDg0MzcgNC4wMzkwNi45ODQzNyA1LjkwNjI1IDIuNDI5NjkgNi4zMDA3OCAyLjk5NjA5LjU4MjAzLjgzOTg1Ljc0MjE5IDIuMDM1MTYuMTUyMzQgMy42NDQ1My0xLjE2Nzk3IDMuMTkxNDEtMy41ODIwMyAzLjEwNTQ3LTQuOTE3OTcgMi40ODA0Ny0uODYzMjgtLjQwMjM0LTExLjU3MDMxLTcuNTM5MDYtMjEuNDMzNTkgMy4xMDkzOC0uNjc5NjkuNzMwNDctMS44OTQ1My45ODA0Ny0zLjA0Mjk3LjExMzI4LTEuMTUyMzQtLjg3MTEtMS42MjUtMi42MzI4MS0uOTQ1MzEtMy44NTkzOCIvPjxwYXRoIGQ9Im0yOTYuNDM3NSAzMjkuMDQyOTdoLS40MzM1OWMtMjguMzM1OTQuMzQzNzUtNjIuNjkxNDEtMy40MTAxNi05NS45NjQ4NS05Ljk2ODc1LTIuODQ3NjUgMTYuNDkyMTktNC41NjY0IDM3LjIyMjY1LTMuMDg5ODQgNjEuOTQ1MzEgMy43MzA0NyA2Mi40ODQzOCA0MC44Mzk4NCAxMDEuNzYxNzIgOTguMTE3MTkgMTAyLjMzMjAzaDIuMzI4MTJjNTcuMjgxMjUtLjU3MDMxIDk0LjM4NjcyLTM5Ljg0NzY1IDk4LjEyMTA5LTEwMi4zMzIwMyAxLjQ3NjU3LTI0LjcyNjU2LS4yNDYwOS00NS40NTMxMi0zLjA5Mzc1LTYxLjk0OTIyLTMzLjI3NzM0IDYuNTYyNS02Ny42NDA2MiAxMC4zMTY0MS05NS45ODQzNyA5Ljk3MjY2IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTIxNS43MjI2NiAzMjMuODE2NDF2NjEuNDkyMThzMjguMTY3OTYgNS42Nzk2OSA1Ni4zOTA2MiAxLjc0NjF2LTU2LjcxODc1Yy0xNy44Nzg5MS0xLjAxMTcyLTM3LjE2MDE2LTMuMjY1NjMtNTYuMzkwNjItNi41MTk1MyIgZmlsbD0iI2ViMTkyMyIvPjxwYXRoIGQ9Im00MjMuODkwNjIgMjY0Ljc4OTA2cy01NC43OTI5NiAxNy4yOTY4OC0xMjcuNDUzMTIgMTcuNzg5MDZoLS40MzM1OWMtNzIuNTQyOTctLjQ4ODI4LTEyNy4yNjU2My0xNy43MzA0Ni0xMjcuNDUzMTMtMTcuNzg5MDZsLTE4LjM1MTU2IDQ1LjgwNDY5YzQ1LjkwMjM0IDEzLjgzOTg0IDEwMi43ODkwNiAyMi43NTc4MSAxNDUuODA0NjkgMjIuMjM4MjhoLjQzMzU5YzQzLjAxNTYyLjUxOTUzIDk5Ljg5ODQ0LTguMzk4NDQgMTQ1LjgwNDY5LTIyLjIzODI4em0wIDAiIGZpbGw9IiNlYjE5MjMiLz48L2c+PC9zdmc+

can not be shown by now.

If logo url is enabled

then I would be able to use

https://img.shields.io/badge/style-group-green.svg?longCache=true&label=qq&colorB=blue&logo-url-=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fzh%2F9%2F99%2FTencent_QQ.svg

to display my logo,
where

https://upload.wikimedia.org/wikipedia/zh/9/99/Tencent_QQ.svg

is the original image file.

service-badge

Most helpful comment

SVG logo from remote inside SVG badge works pretty well, but only served from local filesystem in browser ;-)
I replaced data:image/svg+xml;base64,PHN2Zy... in a content of your badge with https://upload.wikimedia.org/wikipedia/zh/9/99/Tencent_QQ.svg
Hosted here https://gist.github.com/platan/eb6eef2e665abdb490df952916f60eb3 does not work.

All 7 comments

Interesting idea. I wonder if it will work with https://stackoverflow.com/questions/5451135/embed-svg-in-svg.

seems not work well.

I think this is a reasonable feature request. In the meantime, you can probably solve your issue by minifying the SVG e,g:

https://img.shields.io/badge/style-group-green.svg?longCache=true&label=qq&colorB=blue&logo=data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4OCIgdmlld0JveD0iMCAwIDEyMSAxNDQiIHdpZHRoPSIyNDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYxIDE0MmMtMTMgMC0yNS00LTMyLTEwbC0xMiA1Yy0yIDItMiA0LTEgNSAyIDMgMzUgMiA0NSAxem0wIDBNNjEgMTQyYzEyIDAgMjQtNCAzMS0xMGwxMiA1YzIgMiAyIDQgMSA1LTIgMy0zNSAyLTQ0IDF6bTAgMCIgZmlsbD0iI2ZhYWIwNyIvPjxwYXRoIGQ9Ik02MSA2N2MyMCAwIDM3LTQgNDItNmwzLTF2LTVjMC0yNy0xMy01NS00Ni01NS0zMiAwLTQ1IDI4LTQ1IDU1djVsMiAxYzUgMiAyMiA2IDQzIDZ6bTAgME0xMTcgOTBsLTUtMTNoLTJjLTE1IDQtMzUgNy00OSA3aC0xYy0xNCAwLTMzLTMtNDktN0g5TDQgOTBjLTYgMjAtNCAyOC0yIDI4IDMgMSAxMi0xNSAxMi0xNSAwIDE2IDE0IDQwIDQ2IDQwaDFjMzIgMCA0Ni0yNCA0Ni00MCAwIDAgOSAxNiAxMiAxNSAyIDAgNC04LTItMjgiLz48cGF0aCBkPSJNNDkgNDFjLTQgMC04LTUtOC0xMSAwLTcgMy0xMiA3LTEyIDUgMCA4IDUgOSAxMSAwIDYtNCAxMi04IDEyTTgwIDMwYzAgNi00IDExLTggMTFzLTgtNi04LTEyYzEtNiA0LTExIDktMTEgNCAwIDcgNSA3IDEyIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTg4IDUwYy0xLTMtMTMtNi0yNy02aC0xYy0xNCAwLTI2IDMtMjcgNnYxYzEgMSAxNCA4IDI3IDhoMWMxMyAwIDI2LTcgMjctOHYtMSIgZmlsbD0iI2ZhYWIwNyIvPjxwYXRoIGQ9Ik01NCAzMGMxIDItMSA1LTMgNS0xIDAtMy0yLTMtNC0xLTMgMS01IDMtNXMzIDEgMyA0TTY2IDMxYzEtMSAzLTUgOS0zbDIgMXYxbC0yIDFzLTQtMy03IDFoLTFsLTEtMSIvPjxwYXRoIGQ9Ik02MSA4M2gtMWwtMzMtMy0yIDIxYzIgMjIgMTUgMzYgMzUgMzdoMWMyMC0xIDMzLTE1IDM1LTM3bC0yLTIxLTMzIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzIgODF2MjJzMTAgMiAyMCAxVjg0bC0yMC0zIiBmaWxsPSIjZWIxOTIzIi8+PHBhdGggZD0iTTEwNiA2MHMtMjAgNy00NSA3aC0xYy0yNSAwLTQ0LTctNDUtN0w5IDc3YzE2IDQgMzYgOCA1MSA3aDFjMTUgMSAzNS0zIDUxLTd6bTAgMCIgZmlsbD0iI2ViMTkyMyIvPjwvc3ZnPg==

I ran your image through https://jakearchibald.github.io/svgomg/ to generate that

SVG logo from remote inside SVG badge works pretty well, but only served from local filesystem in browser ;-)
I replaced data:image/svg+xml;base64,PHN2Zy... in a content of your badge with https://upload.wikimedia.org/wikipedia/zh/9/99/Tencent_QQ.svg
Hosted here https://gist.github.com/platan/eb6eef2e665abdb490df952916f60eb3 does not work.

I seem to remember in previous discussions something about not wanting to add support for external images due to the possibility of them being able to track you.

_Note: from memory, so i may be mistaken._

Also as seen above in @platan's comment, it does not seem to work when used in an <img src="">, although it may work in an <object>?

related Issue: #760

Thanks for posting that. I'm going to close this as a dupe of https://github.com/badges/shields/issues/760

Reading that I think I'm convinced that adding this feature would introduce unnecessary vectors for abuse/attack that would be hard to mitigate. OP's original issue can be solved by minifying.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

irgolic picture irgolic  路  3Comments

calebcartwright picture calebcartwright  路  3Comments

stclairdaniel picture stclairdaniel  路  3Comments

rominf picture rominf  路  3Comments

korenyoni picture korenyoni  路  3Comments