Jump to content

Recommended Posts

I've created a logo for my website which is 250px x 250px.

I export it to SVG and it opens at the correct size in other applications, such as Sketch, but when I upload it to my CMS (Webflow) it is only 150px x 150px.

I've tried fiddling with the settings but can't seem to change it.

Is there something obvious I'm missing on export?

Share this post


Link to post
Share on other sites

Hmm, I'm not so sure.

My SVG's are displaying in Webflow, just at a reduced size.

To double check, I opened the the Affinity Designer SVG in Sketch, then exported it again as an SVG from Sketch.

The SVG exported from Sketch was then the correct size in Webflow.

Share this post


Link to post
Share on other sites

Sure, before I do, I've just spotted this difference in the SVG files produced, the following line appears in the AD version:

<g transform="matrix(1,0,0,1,-100,-100)">

'-100' is the exact amount the SVG images are being reduced by in Webflow. Could this be the reason?

Share this post


Link to post
Share on other sites

Your SVG has that extra line 

<g transform="matrix(1,0,0,1,-100,-100)">

While mine hasn't got it.

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 1280 800" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <rect x="100" y="100" width="300" height="300" style="fill:rgb(163,126,0);"/>
</svg>

Try to upload this version and check. Also, how do you export it? What preset? 

Mac or windows??

SVG Test(5).svg

Share this post


Link to post
Share on other sites

When I'm exporting, I select 'Selection Without Background' or I'll get the whole artboard, which is included in the file you just sent.

When uploaded, it seems to have included the artboard, but still made the image small - 250px x 150px.

I'm on Mac OS 10.13.5.

 

Share this post


Link to post
Share on other sites

I think I figured it out. AD always outputs the size as 100% x 100% no matter what the dimensions.

I change the XML to the pixel values and all worked correctly on upload.

Share this post


Link to post
Share on other sites

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

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.