Images Path xlink:href = TOO LONG

Hello everyone :smiley: !

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 ! :grinning:

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 :grinning:

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.

1 Like