Jump to content

Recommended Posts

Posted

Hi all

I am exporting an SVG file for use on a website. The SVG file includes a png image so I want to reference this file with its file path but when I export to SVG the png file gets mangled into 

<image width="1200px" height="1600px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAZAC...">

How can I save it with a file path (which I will update to my website) such as

<image width="1200px" height="1600px" xlink:href="/files/images/myfile.png"/>

 

Posted

Can't be done, even if you place an image file as linked rather than embedded, svg export will embed the image as base64 data as you've found. Use a text editor to put it right. I'm amazed that you have width="1200px" height="1600px", in V1 I get width="100%" height="100%"

Microsoft Windows 11 Home, Intel i7-1360P 2.20 GHz, 32 GB RAM, 1TB SSD, Intel Iris Xe
Affinity Photo - 24/05/20, Affinity Publisher - 06/12/20, KTM Superduke - 27/09/10

Posted

Well ADe can't do it, but you can of course setup the SVG file code manually via some text editor instead.

See therefor ...

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.