CODEWITHSUNDEEP
imagesvg
Messing
Messing

Reputation: 77

SVG Images Getting disappeared

I've noticed this strange "bug" on my website. Sometimes some svgs aren't loaded correctly. Some images are loaded just fine, some svgs get loaded but not fully. (some parts aren't shown)

Here are examples: Loaded fully, working fine - https://i.sstatic.net/xBgyk.png

After closing page and opening it up for few times - https://i.sstatic.net/UkHHR.png

Actual SVG image - https://www.dropbox.com/s/i1ln1a0diko0a12/parrothandshake.svg?dl=0

Upvotes: 0

Views: 576

Answers (1)

Persijn
Persijn

Reputation: 14990

You svg image: is a base64 converted png.

You can see it in the tag attribute here: xlink:href="data:img/png;base64,iVB[...]

I would not recommend using base64 at all. Even more so in a image tag inside an svg image. (This is debatable and opinion based)

I would recomend using Inkscape to convert png images to svg. There is a build in function for converting in the editor. Its also free and a handy tool to have when working with svg images.

Upvotes: 1

Related Questions