Exported PNG has boundaries outside of the object

[Andersmb]

I have made a small icon in Designer, and I would like to export it to a png file. I select the object and click on Export. However, there is empty space on one of the sides. See the images below. What have I dont to inflict this situation upon myself?

Designer Persona:

Export Persona:

PNG Preview

icons.afdesign

[MEB]

Hi @Andersmb,
Welcome to Affinity Forums
Can you attach the afdesign file for inspection please? Thank you.

[Andersmb]

28 minutes ago, MEB said:

Hi @Andersmb,
Welcome to Affinity Forums
Can you attach the afdesign file for inspection please? Thank you.

afdesign file attached  

[MEB]

The reason for the incorrect size is the stroke alignment which is centred - parts that lay outside the object boundary do not count for the total width/height indicated in the Transform panel. If you convert the stroke into a shape (menu Layer > Expand Stroke) and do the same for the arrow (you may want to add the two objects that compose the arrow after you expand its stroke so they become a single object again) and export it you will see that the export size do match the dimensions displayed in the Transform panel (with an additional pixel in each dimension - see below for more details about this). You can't set the stroke of open paths to inside (only for closed paths).

The additional pixel comes from the fact the larger object (the rectangle) is not correctly pixel aligned (its X, Y coordinates are not integer values). You may have to go to Affinity Preferences, User Interface, Decimal Places for Units Types section and increase the Pixels value to three or more so you can see more of the fractional part displayed in the Transform panel if necessary. If you correct the X, Y coordinates in the transform panel removing the fractional part then the object will export without that additional pixel in both dimensions matching the values displayed in the Transform panel.

The best way to ensure the objects are correctly pixel aligned while you created them is to use the preset UI Design in the Snapping Manager (menu View > Snapping Manager)

[Andersmb]

1 hour ago, MEB said:

The reason for the incorrect size is the stroke alignment which is centred - parts that lay outside the object boundary do not count for the total width/height indicated in the Transform panel. If you convert the stroke into a shape (menu Layer > Expand Stroke) and do the same for the arrow (you may want to add the two objects that compose the arrow after you expand its stroke so they become a single object again) and export it you will see that the export size do match the dimensions displayed in the Transform panel (with an additional pixel in each dimension - see below for more details about this). You can't set the stroke of open paths to inside (only for closed paths).

The additional pixel comes from the fact the larger object (the rectangle) is not correctly pixel aligned (its X, Y coordinates are not integer values). You may have to go to Affinity Preferences, User Interface, Decimal Places for Units Types section and increase the Pixels value to three or more so you can see more of the fractional part displayed in the Transform panel if necessary. If you correct the X, Y coordinates in the transform panel removing the fractional part then the object will export without that additional pixel in both dimensions matching the values displayed in the Transform panel.

The best way to ensure the objects are correctly pixel aligned while you created them is to use the preset UI Design in the Snapping Manager (menu View > Snapping Manager)

Cool, thanks for helping me out! I got it working the way I wanted.