SVG gaps between paths when exporting to PNG

[bbest]

I am having some issues exporting PNGs from the SVGs in this pack from kenney.nl: http://kenney.nl/content/4-assets/41-platformer-art-deluxe/platformer-art-complete-pack-0.zip

 

The SVG file in that pack is in the following location "Base pack/Vector/tiles.svg"

 

An example of a properly exported PNG without weird gaps is here: "Base pack/Tiles/grassCenter.png"

 

Please find the result when I export that part of the SVG attached, it has either white gaps or transparent gaps (this depends on the section of the SVG I try and export).

 

I understand that there isn't any overlapping of the SVG paths and believe this might be the issue.

 

Suggestions on how to workaround this issue would be much appreciated.

[MEB]

Hi bbest,

Welcome to Affinity Forums :)

Yes, this is due to the antialiasing picking the background colour between the shapes.

You can either add a thin stroke to the darker shape (with the same colour as the fill) to cover the boundaries, or alternatively place a rectangle filled with one of the two colors used in the image behind the two shapes.

[bbest]

Hi MEB,

 

Thank you.

 

Okay cool that does work.

[begem0t]

MEB, this is a basic functionality. This should not be done through a workaround. Please, fix it.

 

I understand the reason, but from user perspective it feels like a bug. Every competitor has solved this problem one way or another.

[Pyedrono]

Just bought the award winning software, we are 5 years later and this bug is still not fixed...? 

.....why...?

[ashf]

This also happens in other vector graphic apps.
But Illustrator handles it well.
Thought it's partially natural behavior of vector graphics, people feel it's a bug like begem0t mentioned.
There are many topics about this in this forum.

I too requested this before.