Jump to content
Michal Stadnicki

[By Design] Visible gaps between the layers on the screen and exported image

Recommended Posts

Posted (edited)

Hey there, I'm having a problem with those gaps/lines/edges of pixel layers (affinity.png)

I made this sample file: test.afphoto

This is what I have done, step by step:
1. Created a layer
2. Filled it with black
3. Resized canvas - 4 times of the original size
4. Duplicated the all-black layer 15 times
5. Snapped all layers side by side
6.  Added a red background (just to show the problem)

And now the problems:
1. Affinty Photo shows the gaps (having the color of the backgorund, white when no background, here - red) between the layers when the zoom is less than 100%, above 100% gaps disappear (affinity.png)
2. When exported on it's original size - there are no gaps (red lines) (height: 6000 - testh6000.jpg) but when exported on smaller size - gaps appear (height: 4000 - testh4000.jpg)
 

Is there a bug or I'm doing something wrong?
I would really appriciate a hint how to get rid of these lines both from exported files and from screen.
I could probably resize the original and then export it, but I'm not sure if it works always.
I was testing it few times, with different resamplers but haven't done any notes.
Just that Nearest Neighbour resampler helps with this problem more often than other resamplers

affinity.png
affinity.thumb.png.31b8b3c4378759a85ca980da632e52fd.png

 

I'm using Affinity Photo 1.6.5.123 and was testing it on Affinity Photo Customer Beta 1.7.0.258 and beta behaves the same.

 

test.afphoto

testh4000.jpg

testh4000.jpg

testh6000.jpg:
testh6000.jpg

Edited by Michal Stadnicki

Share this post


Link to post
Share on other sites

Hi @Michal Stadnicki

Welcome to the forums. 

The lines you see are caused by anti-alias. When you resize your document to 4000px on the long edge, it does not have integer values for position/size. If you want to get rid of the gaps, you would need to manually adjust the size to match integer numbers. 

image.png

image.png

Thanks,

Gabe. 

Share this post


Link to post
Share on other sites
Posted (edited)

Hi @GabrielM,

Thanks for the hints. This is somehow demanding, when the source layer in this process mentioned above is in a "crazy" dimensions (and you don't want to lose any pixel) and as for the screen / editing it's acceptable I really would love to have possibility to export an image without those gaps (in any dimensions, not only integer ones)

I know it's possible :)

Edited by Michal Stadnicki

Share this post


Link to post
Share on other sites
13 hours ago, Michal Stadnicki said:

I really would love to have possibility to export an image without those gaps (in any dimensions, not only integer ones)

That's not really how it works. When you export as raster formats (PNG, TIFF, JPEG), the dimensions must be an integer value. So, any non-integer values will be rounded to the nearest integer value. 

Share this post


Link to post
Share on other sites
Posted (edited)

I know I lack a knowledge but I was testing other very similar soft. I did everything as in Affinity Photo and when I used Bi-linear or Nearest Neighbour algorithm exporting to JPEG - there was no problem with those gaps. I was exporting with many different (non-integer for single layeres) dimensions. There was a problem with other algorithms.

Edited by Michal Stadnicki

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.