Skip to main content

Hello everyone 😃 !


I have a problem when I include an image in my Figma file.

When i export my file in SVG, I got a xlink:href super long.


like this :



<image id=“image0_1_2” data-name=“WBA_transparent.png” width=“1380” height=“1110” xlink:href="data:image/png;base64,…



It s very long and make it very hard to use the code.

If you have any idea, please let ne know ! 😀

This is completely normal for raster images embedded in SVG. You can upload them somewhere and use a URL as a link instead of having them encoded as base64 in SVG to avoid having this long string.


Oh okay ! Thank you very much for the advice 😀


Is it possible to have the images stored in a folder next to my html file instead of online ?


Depends on your development setup. If you are using plain HTML and no server and simply opening it in the browser locally, yes. If you use a local server, the images need to be in a public folder of your server.