SVG Images Do Not Export at Correct Size

[JS123]

I am new to this and using Affinity Designer 2. When I first started using the program, I could export images as SVG and they would keep their true size. For instance, I have my paper set up as a 8.5"x11" sheet, double column. Each column is 3.5". I would size it to fit in one column and export. When adding to my paper, it fit in the column perfectly. Now, the figures come out a lot larger. I don't think I changed anything but maybe I accidentally did? I uninstalled and reinstalled but I'm still having the same issue. Even when I "place" an SVG that was exported previously exported as the correct size, it imports much larger. How do I fix this? 

[v_kyr]

Hard to tell without seeing any example here, so how you setup your ADe 2 doc, the columns and what these do contain, how your SVG eport settings are setup and what is finally generated out as an SVG file. - For the export and a (re)import check that the doc's zoom level is and has for visable size comparisons always setup the same zoom level applied here then (...for example always a 100% or 150% view etc.).

[JS123]

I've attached a screenshot of my export screen, and uploaded the actual file. The grid is set to 1" so does that mean the zoom is 100%? I don't see an option to change the export size though. 

ExampleDesign1.afdesign

[v_kyr]

The export size depends and is taken from the ADe document size. - You SVG export option is setup the way to rasterize everything here, aka generates pixel/bitmap/image data out of the whole and thus no vectors!

If you want to have plain vectors, you shoudln't use that "SVG flatten" preset option (use the bottom "Flatten transforms" option instead) and also don't set "Rasterize: everything" there then, instead set it up to rasterize only unsupported properties, then only objects with applied FX effects, Gradients and transparency related settings/blend modes will be rasterized to image data.

 

 

As I use ADe v1 I can't open your ADe v2 file here, so somebody else with ADe v2 has to try out and inspect/see how exported and reimported SVG of that drawing behaves size wise then!

[JS123]

I changed the export settings to match your screenshots but the same thing happened. I've uploaded new screenshots of what I currently have. I also included a screenshot of my document settings since you cannot open them. The screenshot for my export settings has "selection only" which is what I had before when it was working. Not that it should matter, but I trie d "whole document" as you had, but the I still had the same issue.

 

[JS123]

I also want to add that I just drew a random line in the corner of a new document which has the same settings. I exported that to make sure it wasn't something specifically with my images and I had the same problem. The line I drew was 1 inch but when I imported it the new one is about 5.25 inch in length.

[v_kyr]

So let me ask for my understanding here ...

16 hours ago, JS123 said:

...I could export images as SVG and they would keep their true size. For instance, I have my paper set up as a 8.5"x11" sheet, double column. Each column is 3.5". I would size it to fit in one column and export. When adding to my paper, it fit in the column perfectly. Now, the figures come out a lot larger...

Where did you inspect the sizes after exporting the made selection only or whole document, in ADe or a Webbrowser etc.? - Can you attach the generated SVG file too, so I can take a look into that instead then?

[JS123]

That's actually a very good question. Actually, I didn't verify the size before. I'm using it in a LaTex where I defined the image as 3.5". I guess because of the figure, I didn't really notice it was resizing it and assumed it was the correct size. It was one specific figure that I made where arrows and text were out of place due to the resizing and this is what made me realize these weren't exported as I thought they were. I just placed all of the exported figures back into my current document and they're a lot larger too. I've attached one that I previously thought was the correct size. It should've been approximately 3.5" wide.

 

 ParallelConductors.svg

[v_kyr]

AFAI can see the whole generated SVG doc is 1369 pixel width (~19 inch at 72 DPI) and 785 pixel height (~11 inch at 72 DPI) ...

Quote

<svg width="100%" height="100%" viewBox="0 0 1369 785" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/
...
   <image id="_Image1" width="552px" height="308px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAigAAAE0CAYAAAAG8cj4AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAgAElEQVR4nO3dW2yc533n8d9QpsXhnN8RRxRJiRJFSrQom4xTOap8kKXYbuLTJg1SJwF2nSoIstkCdYsUGwfYAgWywS6yu91eNAiwgHvRXuxiuwnSJkZjpJt1Vq0TWRtLthSZJkUdLImmOZx3eBIpiyJnL+agl8N3hnM+fj83JIdD8kGAJD897//3PI5YLBYTAABADWmp9gIAoJ6ZkelqLwFoSPdUewEAUE/MyLTe/NXPNT76lkbPnZTX49StlVsyOnZLkgyjS0YwJKlNgWBIRjAkwwjFv5f4GsDmHDziAYDMrIHkvfP/...
...

... and contains a TIFF image (as base64 uuencoded raster graphics) of width="552px" and height="308px" (so w x h = ~7.7 x 4.3 inches) which will on a reimport transform to ~17.8 x 9.9 inches.

So when the SVG file is imported back into ADe and all is accordingly transformed ...

... and if we setup/convert all to inches we will see and get ...

  

 

So the included TIFF image size is much greater here than 3.5" !

------

 

 

 

 

[JS123]

Thanks for helping me identify part of the problem. Here's what I was trying to do.

 

I thought I was resizing the TIFF image to fit within the 3.5" column making it 3.5". Then, I added the arrows and text to fit around the resized TIFF which I thought was 3.5" wide. I wouldn't expect 14pt font to display so large next to an image that was so much larger. Because my document is 8.5"x11" and the scaled image fits in the column as I wanted, I would like to export the images scaled down to the size it shows on the 8.5"x11" page. 

 

Is there a way to do this in AD?

[v_kyr]

32 minutes ago, JS123 said:

Is there a way to do this in AD?

Sure, setup a document accordingly 8 x 11" place and redraw all as plain vectors!

Here's are your boards redrawn as vectors, take those rescale/resize things as you need accordingly, add measurements and then export as SVG.

• boards_8_x_11.afdesign
• doc_8x11.svg

 

[R C-R]

1 hour ago, JS123 said:

I thought I was resizing the TIFF image to fit within the 3.5" column making it 3.5". Then, I added the arrows and text to fit around the resized TIFF which I thought was 3.5" wide. I wouldn't expect 14pt font to display so large next to an image that was so much larger.

For one thing, your TIFF image layer was not sized all the way to the edges of the 3.5" wide column -- its width was 3.204". For another, there is no text, just 4 embedded documents, apparently derived from SVG's, each of which consists of one or more curve objects. There are also a lot of empty groups in the document, suggesting it was imported from some other format, possibly SVG or PDF?

Regardless, like @v_kyr said, it would be much easier to work with if you eliminated the TIFF image layer & replaced it with vectors. This would make it possible to use snapping to place the dimension marks accurately. You might also consider replacing the four embedded documents with characters from some suitable installed font.

[Jayro]

I'm actually having a similar problem -
I'm trying to export a .svg file to a cutting machine,
but get an error message that says the file is resized (so it's no longer accurate)

Decided to try exporting a simple 1" square .svg file to test this -

• when uploaded to the cutting machine software, the size of the square increased to over 3"
   
• when exported to an .svg and then printed (making sure the printer scale is set to 100%), the square is now less than an inch.

I've tried exporting the entire document, also tried exporting the selection only - but neither seem to be accurate.

I compared my export settings to what was already mentioned in this thread, so I'm really not sure why this continues to happen.

 

[BlueLiner]

To export an SVG for a Brother Scan'n'cut or Cricut so that the SVG imports at the same size in the cutting machine software, I use the following SVG Export settings and it works great:

[v_kyr]

3 hours ago, Jayro said:

Decided to try exporting a simple 1" square .svg file to test this -

• when uploaded to the cutting machine software, the size of the square increased to over 3"
   
• when exported to an .svg and then printed (making sure the printer scale is set to 100%), the square is now less than an inch.

I've tried exporting the entire document, also tried exporting the selection only - but neither seem to be accurate.

See what Blueliner had to do for his Brother Scan'n'Cut, instead of exporting a SVG with a docs default 72 DPI, he instead had to use a SVG export at 96 DPI, since that's probably what the Brother software expects as a SVG resolution. - So check what your Cutting machine software does expect here as a SVG file density resolution in DPIs (aka probably also 96 DPI).

So do another tryout test by creating a new 96 DPI document with an 1" square and export just the square selection as a 96 DPI SVG, with checked/enabled "[x] Flatten transform" option.

[BlueLiner]

... and for Affinity Designer v1, her are the export settings I use for Brother Scan'n'cut / Cricut so that I get a 1:1 size in cutting software. Total aside, but I think I use these same settings for Autodesk Fusion360 when I want to import an SVG file. I sometimes find it easier to make an SVG then extrude and tweak for 3D printing.

[Jayro]

@BlueLiner@v_kyr

:')
I can't even begin to express enough appreciation for these export settings...I've spent years re-sizing each project manually in the CanvasWorkspace software, which is already a challenge to use lol

You guys even knew exactly what program it was for - (my mistake was only contacting Brother CS about the issue all this time)