Shape Export Pixel for Pixel

[JMemphix]

Hi,

I'll be upfront, I am new, but can't find my solution...

I have shapes that I have drawn to exact pixels. However, no matter how I export as an SVG, some of the exports are not the dimension I created it to be.

My example shape is 364px by 25px. Other viewers online show it to be 364px by 24.5px etc... its not exporting it exactly how its drawn. Tends to be the wide (and not high shapes) that distort.

I have set drawing to pixels, decimal point to 6 for pixels. Tried many many different export settings. I've tried transforming the shape to more standard dimensions (400x25) by adding transparent space... nothing works, I'm stuck.

Any help really appreciated.

shape-364_25.svg shape-364_25.afdesign

Edited September 5, 2024 by JMemphix
typo

[NathanC]

Welcome to the forums @JMemphix apologies for the late reply,

I've inspected your .SVG file contents, it has the viewbox set at 1138x79, which indicates to me that it's been exported out of the app at 300DPI as opposed to your document DPI scale (96). I'd suggest using the default SVG 'For export' preset which uses the 'Use document resolution' option to prevent this scaling on export, and additionally check 'Flatten transforms' to remove the transform matrix data which can cause distortion when viewing in certain apps.

When I import the SVG into a different app such as Inkscape using this preset (and flatten transforms) i'm observing the expected dimensions on the shape.

[JMemphix]

Thanks Nathan. I have found since that the DPI setting was my biggest problem.

My understanding of DPI did not imply a change of scale or size but just the amount of dots per inch etc.