Giter Club home page Giter Club logo

Comments (2)

chris48s avatar chris48s commented on June 5, 2024 2

I think the problem here is that GitHub apply a limit on the length of a URL. A sufficiently short custom URL can be embedded. For example:

- https://img.shields.io/badge/play-station-blue.svg?logo=data:image/svg%2bxml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSI2MDAiIGhlaWdodD0iNjAwIj48cGF0aCBkPSJNMTI5IDExMWMtNTUgNC05MyA2Ni05MyA3OEwwIDM5OGMtMiA3MCAzNiA5MiA2OSA5MWgxYzc5IDAgODctNTcgMTMwLTEyOGgyMDFjNDMgNzEgNTAgMTI4IDEyOSAxMjhoMWMzMyAxIDcxLTIxIDY5LTkxbC0zNi0yMDljMC0xMi00MC03OC05OC03OGgtMTBjLTYzIDAtOTIgMzUtOTIgNDJIMjM2YzAtNy0yOS00Mi05Mi00MmgtMTV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+

works fine, but

- https://img.shields.io/badge/Minecraft-1.20.4-success?logo=data:image/webp;base64,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

doesn't. You will notice that in the second case, GitHub's Camo proxy responds with 414 URI Too Long. This is a limitation imposed by GitHub not a problem with shields.That is why it works in other contexts.

If you want to get custom images to work when embedded in GitHub, I'd suggest starting with a SVG as the source image (rather than a raster) and run it through SVGO ( https://jakearchibald.github.io/svgomg/ ) to get it as small as possible before base64 encoding.

from shields.

JimiIT92 avatar JimiIT92 commented on June 5, 2024

So as I suspected is just a Github thing. Never heard of SVGO, I'll definitively give it a try :)

from shields.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.