AD2 - Blurred png export

[LaPeGa]

Started to use AD2 a few months ago, and is the first time I'm exporting icons to png format.

Use inkscape for years, the export workflow is so simple: select, export. The result is almost perfect (better than Illustrator).

But in AD2, the exported icons are very blurred, and if I use the Export persona, the exported size is different.

Just tried some things like pixel view, grid align, etc.

Nothing works, not even close to inkscape.

Here are an example:

Original icon in vector format (AD2), dimensions are 38x39px

 

Exported dialog in AD2, look at suggested dimensions, white space around and blurred lines:

 

Result png (left) vs inkscape exported png (right):
 

 

But... there's another thing very strange:

I'm working with an svg file made in inkscape,
- the existing icons exported using Export Persona are ok
- the new icons (created in AD2), still blurred

 

So, anybody has an idea how to improve the export?

I can use Inkscape for export, loved it when using linux for years, but now I'm a mac person and prefer the Affinity suite integration.

 

Thanks in advance!

 

 

 

 

[BlueLiner]

I have attached my work files but the exports look about the same to me. I tried different resampling as well. You say your AD file is 38x39px yet the PNG you show says 48 x 46. Could you be resizing in AD but outputting actual size in inkscape? This could explain it.

 

Below is my output. The first row in 100% and the 2nd is blown up.

 

PngTest_Files.zip

[GarryP]

Welcome to the forums @LaPeGa

It looks like, from what you wrote and what’s in your screenshots, that you have a 38×39 pixel design that you are trying to export as a 48×46 pixel image.

If that’s what you are trying to do you will naturally get some blurring as the software will need to create ‘sub-pixels’ to cope with the dimensional differences (stretching and difference in aspect ratio).

If that’s not the problem then if you can upload the Affinity document we should be able figure out what’s wrong.

[LaPeGa]

Hi @GarryP

Thank for the response.

I'm not trying to export in a different size, but when exporting the app suggests a different size.

Just did some tests, and the app have a problem with the lines at the border of the image:

Using the file given by @BlueLiner, I have this dimensions (44x44 at transform panel and export dialog):

I changed one of the green boxes for a yellow line, the app suggest 2px more in height:

 

8 hours ago, GarryP said:

Welcome to the forums @LaPeGa

It looks like, from what you wrote and what’s in your screenshots, that you have a 38×39 pixel design that you are trying to export as a 48×46 pixel image.

If that’s what you are trying to do you will naturally get some blurring as the software will need to create ‘sub-pixels’ to cope with the dimensional differences (stretching and difference in aspect ratio).

If that’s not the problem then if you can upload the Affinity document we should be able figure out what’s wrong.

 

[LaPeGa]

@BlueLiner thanks for the time for made an example.

I tried export your file and is ok now, but I found something regarding to the stroke alignment.

I have this box with this stroke configuration, is all ok.

 

But, when changing the stroke alignment, the export get blurred and the dimension change.

[lepr]

On 6/11/2024 at 3:42 PM, LaPeGa said:

Original icon in vector format (AD2), dimensions are 38x39px

 

That's actually 40 x 40 px

 

[BlueLiner]

Not sure this matters, but when I redrew your artwork in AD, I expanded the stroke to a curve before exporting to PNG. When I exported, I selected whole document set to 48 x 48 pixels. I am using AD 2.5.2 and my inkscape export was done using Inkscape v1.3.2. I have attached the SVG as well from Inkscape.

PngTestd.svg

[LaPeGa]

53 minutes ago, lepr said:

That's actually 40 x 40 px

Oh, I didn't count the pixels, just take the value from the Transform Panel, so maybe AD2 is counting / displaying something wrong? 

I was using a svg file generated in Inkscape, almost sure that could be the problem.

Edited June 12, 2024 by LaPeGa

[lepr]

12 minutes ago, LaPeGa said:

Oh, I didn't count the pixel, just take the value from the Transform Panel, so maybe AD2 is counting / displaying something wrong? 

AD does not include an object's stroke in its consideration of an object's dimensions. If your rounded rectangle has a centre-aligned stroke with width of 2 pixels, that will explain AD considering the icon to be only 38 x 39 pixels instead of 40 x 40 pixels while in vector form.

[BlueLiner]

For an icon I would export document with the pixel or two of white framing the blue. That's why my AD file I supplied was exported 48x48. Also, it is an icon so if it looks good at 100%, it is good no need to pixel peep in IMHO.