Skip to content

Instantly share code, notes, and snippets.

@JamieMagee
Created October 27, 2019 17:45
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JamieMagee/63feb6f16e0acb8f4624a0310a413661 to your computer and use it in GitHub Desktop.
Save JamieMagee/63feb6f16e0acb8f4624a0310a413661 to your computer and use it in GitHub Desktop.
@Potherca
Copy link

Potherca commented Jul 6, 2020

I've managed to shave 576 characters of the final image URL.

It comes at the (minor) cost of the colors not being 100% true to brand but since the image is displayed so small, I don't think it is really noticeable. Judge for yourself:

Characters Image
Original 3263
Minimized 2687

The URL is:

https://img.shields.io/badge/renovate-enabled-green?style=for-the-badge&logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjUgNSAzNzAgMzcwIj48Y2lyY2xlIGN4PSIxODkiIGN5PSIxOTAiIHI9IjE4NCIgZmlsbD0iI2ZlMiIvPjxwYXRoIGZpbGw9IiM4YmIiIGQ9Ik0yNTEgMjU2bC0zOC0zOGExNyAxNyAwIDAxMC0yNGw1Ni01NmMyLTIgMi02IDAtN2wtMjAtMjFhNSA1IDAgMDAtNyAwbC0xMyAxMi05LTggMTMtMTNhMTcgMTcgMCAwMTI0IDBsMjEgMjFjNyA3IDcgMTcgMCAyNGwtNTYgNTdhNSA1IDAgMDAwIDdsMzggMzh6Ii8+PHBhdGggZmlsbD0iI2Q1MSIgZD0iTTMwMCAyODhsLTggOGMtNCA0LTExIDQtMTYgMGwtNDYtNDZjLTUtNS01LTEyIDAtMTZsOC04YzQtNCAxMS00IDE1IDBsNDcgNDdjNCA0IDQgMTEgMCAxNXoiLz48cGF0aCBmaWxsPSIjYjMwIiBkPSJNMjg1IDI1OGw3IDdjNCA0IDQgMTEgMCAxNWwtOCA4Yy00IDQtMTEgNC0xNiAwbC02LTdjNCA1IDExIDUgMTUgMGw4LTdjNC01IDQtMTIgMC0xNnoiLz48cGF0aCBmaWxsPSIjYTMwIiBkPSJNMjkxIDI2NGw4IDhjNCA0IDQgMTEgMCAxNmwtOCA3Yy00IDUtMTEgNS0xNSAwbC05LThjNSA1IDEyIDUgMTYgMGw4LThjNC00IDQtMTEgMC0xNXoiLz48cGF0aCBmaWxsPSIjZTYyIiBkPSJNMjYwIDIzM2wtNC00Yy02LTYtMTctNi0yMyAwLTcgNy03IDE3IDAgMjRsNCA0Yy00LTUtNC0xMSAwLTE2bDgtOGM0LTQgMTEtNCAxNSAweiIvPjxwYXRoIGZpbGw9IiNiNDAiIGQ9Ik0yODQgMzA0Yy00IDAtOC0xLTExLTRsLTQ3LTQ3Yy02LTYtNi0xNiAwLTIybDgtOGM2LTYgMTYtNiAyMiAwbDQ3IDQ2YzYgNyA2IDE3IDAgMjNsLTggOGMtMyAzLTcgNC0xMSA0em0tMzktNzZjLTEgMC0zIDAtNCAybC04IDdjLTIgMy0yIDcgMCA5bDQ3IDQ3YTYgNiAwIDAwOSAwbDctOGMzLTIgMy02IDAtOWwtNDYtNDZjLTItMi0zLTItNS0yeiIvPjxwYXRoIGZpbGw9IiMxY2MiIGQ9Ik0xNTIgMTEzbDE4LTE4IDE4IDE4LTE4IDE4em0xLTM1bDE4LTE4IDE4IDE4LTE4IDE4em0tOTAgODlsMTgtMTggMTggMTgtMTggMTh6bTM1LTM2bDE4LTE4IDE4IDE4LTE4IDE4eiIvPjxwYXRoIGZpbGw9IiMxZGQiIGQ9Ik0xMzQgMTMxbDE4LTE4IDE4IDE4LTE4IDE4em0tMzUgMzZsMTgtMTggMTggMTgtMTggMTh6Ii8+PHBhdGggZmlsbD0iIzJiYiIgZD0iTTExNiAxNDlsMTgtMTggMTggMTgtMTggMTh6bTU0LTU0bDE4LTE4IDE4IDE4LTE4IDE4em0tODkgOTBsMTgtMTggMTggMTgtMTggMTh6bTEzOS04NWwyMyAyM2M0IDQgNCAxMSAwIDE2TDE0MiAyNDBjLTQgNC0xMSA0LTE1IDBsLTI0LTI0Yy00LTQtNC0xMSAwLTE1bDEwMS0xMDFjNS01IDEyLTUgMTYgMHoiLz48cGF0aCBmaWxsPSIjM2VlIiBkPSJNMTM0IDk1bDE4LTE4IDE4IDE4LTE4IDE4em0tNTQgMThsMTgtMTcgMTggMTctMTggMTh6bTU1LTUzbDE4LTE4IDE4IDE4LTE4IDE4em05MyA0OGwtOC04Yy00LTUtMTEtNS0xNiAwTDEwMyAyMDFjLTQgNC00IDExIDAgMTVsOCA4Yy00LTQtNC0xMSAwLTE1bDEwMS0xMDFjNS00IDEyLTQgMTYgMHoiLz48cGF0aCBmaWxsPSIjOWVlIiBkPSJNMjcgMTMxbDE4LTE4IDE4IDE4LTE4IDE4em01NC01M2wxOC0xOCAxOCAxOC0xOCAxOHoiLz48cGF0aCBmaWxsPSIjMGFhIiBkPSJNMjMwIDExMGwxMyAxM2M0IDQgNCAxMSAwIDE2TDE0MiAyNDBjLTQgNC0xMSA0LTE1IDBsLTEzLTEzYzQgNCAxMSA0IDE1IDBsMTAxLTEwMWM1LTUgNS0xMSAwLTE2eiIvPjxwYXRoIGZpbGw9IiMxYWIiIGQ9Ik0xMzQgMjQ4Yy00IDAtOC0yLTExLTVsLTIzLTIzYTE2IDE2IDAgMDEwLTIzTDIwMSA5NmExNiAxNiAwIDAxMjIgMGwyNCAyNGM2IDYgNiAxNiAwIDIyTDE0NiAyNDNjLTMgMy03IDUtMTIgNXptNzgtMTQ3bC00IDItMTAxIDEwMWE2IDYgMCAwMDAgOWwyMyAyM2E2IDYgMCAwMDkgMGwxMDEtMTAxYTYgNiAwIDAwMC05bC0yNC0yMy00LTJ6Ii8+PC9zdmc+

The SVG I used is:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="5 5 370 370"><circle cx="189" cy="190" r="184" fill="#fe2"/><path fill="#8bb" d="M251 256l-38-38a17 17 0 010-24l56-56c2-2 2-6 0-7l-20-21a5 5 0 00-7 0l-13 12-9-8 13-13a17 17 0 0124 0l21 21c7 7 7 17 0 24l-56 57a5 5 0 000 7l38 38z"/><path fill="#d51" d="M300 288l-8 8c-4 4-11 4-16 0l-46-46c-5-5-5-12 0-16l8-8c4-4 11-4 15 0l47 47c4 4 4 11 0 15z"/><path fill="#b30" d="M285 258l7 7c4 4 4 11 0 15l-8 8c-4 4-11 4-16 0l-6-7c4 5 11 5 15 0l8-7c4-5 4-12 0-16z"/><path fill="#a30" d="M291 264l8 8c4 4 4 11 0 16l-8 7c-4 5-11 5-15 0l-9-8c5 5 12 5 16 0l8-8c4-4 4-11 0-15z"/><path fill="#e62" d="M260 233l-4-4c-6-6-17-6-23 0-7 7-7 17 0 24l4 4c-4-5-4-11 0-16l8-8c4-4 11-4 15 0z"/><path fill="#b40" d="M284 304c-4 0-8-1-11-4l-47-47c-6-6-6-16 0-22l8-8c6-6 16-6 22 0l47 46c6 7 6 17 0 23l-8 8c-3 3-7 4-11 4zm-39-76c-1 0-3 0-4 2l-8 7c-2 3-2 7 0 9l47 47a6 6 0 009 0l7-8c3-2 3-6 0-9l-46-46c-2-2-3-2-5-2z"/><path fill="#1cc" d="M152 113l18-18 18 18-18 18zm1-35l18-18 18 18-18 18zm-90 89l18-18 18 18-18 18zm35-36l18-18 18 18-18 18z"/><path fill="#1dd" d="M134 131l18-18 18 18-18 18zm-35 36l18-18 18 18-18 18z"/><path fill="#2bb" d="M116 149l18-18 18 18-18 18zm54-54l18-18 18 18-18 18zm-89 90l18-18 18 18-18 18zm139-85l23 23c4 4 4 11 0 16L142 240c-4 4-11 4-15 0l-24-24c-4-4-4-11 0-15l101-101c5-5 12-5 16 0z"/><path fill="#3ee" d="M134 95l18-18 18 18-18 18zm-54 18l18-17 18 17-18 18zm55-53l18-18 18 18-18 18zm93 48l-8-8c-4-5-11-5-16 0L103 201c-4 4-4 11 0 15l8 8c-4-4-4-11 0-15l101-101c5-4 12-4 16 0z"/><path fill="#9ee" d="M27 131l18-18 18 18-18 18zm54-53l18-18 18 18-18 18z"/><path fill="#0aa" d="M230 110l13 13c4 4 4 11 0 16L142 240c-4 4-11 4-15 0l-13-13c4 4 11 4 15 0l101-101c5-5 5-11 0-16z"/><path fill="#1ab" d="M134 248c-4 0-8-2-11-5l-23-23a16 16 0 010-23L201 96a16 16 0 0122 0l24 24c6 6 6 16 0 22L146 243c-3 3-7 5-12 5zm78-147l-4 2-101 101a6 6 0 000 9l23 23a6 6 0 009 0l101-101a6 6 0 000-9l-24-23-4-2z"/></svg>

I think I could get it down even further. (Maybe later?)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment