bug with a halo around images in Affinity Photo on iPad

[EvgenyI]

Hello, Affinity Photo has a bug with a halo around images, the video shows what I'm talking about.  If I edit the same file in Affinity Designer, then everything is fine.

 

[Paul Mudditt]

If I use these settings then objects which are sized as pixels don’t show that. If I turn those settings off the halos appear. Keep all objects whole pixel sized will likely help as well.

 

 

[NotMyFault]

These 2 apps Photo and Designer differ in how they are rendering an document to the screen.

1. Designer has to be set-up properly regarding view mode (pixel / retina / vector / outline). If you intend to compare with Photo, set it to Retina.
2. Check the settings regarding preferences>performance, view quality (Nearest Neighbor or Bilinear)
3. I assume you image is positioned or sized to fractional pixel values (check in transform panel)

[EvgenyI]

I am describing a case not about pixels when snapping, but about a certain bug with a halo, I attach another video where the effect of this bug is visible, I can attach the file itself for tests

 

[EvgenyI]

this halo behaves like a kind of translucent frame

[Paul Mudditt]

50 minutes ago, EvgenyI said:

this halo behaves like a kind of translucent frame

As I understand it this is anti-aliasing which is how Affinity displays fractional pixels, especially needed on a curved line to reduce the visual impact of the pixel level jagged edge on a low resolution image.

If you select your object, make sure your snapping settings force objects to be aligned with pixels and then edit the width and height dimensions and X and Y positions in the transform studio to remove fractional numbers you will find the anti-alias halo will vanish as it is no longer needed. This is easy to do on a test drawing but not so easy to achieve on a more complex image. Increasing the resolution of the canvas will help to reduce the visibility of this.

In Designer you will also see this if in the Navigator studio you  change the split view to pixels.

anti-alias tester.afphoto

[EvgenyI]

Hello @Paul Mudditt, it's definitely not about the snapping settings, and it's not about the way Designer renders.  The point is in some kind of frame that appears around the Image object when you open the same file in Photo and Designer. Waiting for a response from Affinity representatives, Thank you

[NotMyFault]

The issue is caused by pixels positioned at fractional positions. Your chosen snapping settings contribute.

You seem to have zoomed in far >100% and see individual pixels enlarged to squares.

please activate the transfer panel, and inspect the position and size of the layer. Assuming no stroke is set, you can avoid the issue by using integer position and size. Do not use “move by whole pixels”. It must be off to correct misalignment.

Or you can adjust the anti-aliasing setting (layer blend mode) to “off”. 

What you call a “halo” is simply the effect of anti-aliasing. It is by design,  not a bug.

 

[EvgenyI]

Hello @NotMyFault, you did not understand me at all, the anti-aliasing effect has nothing to do with it!  and the snapping parameters have nothing to do with it!  thanks for trying to help, but you didn’t see what I dropped in the video example

[EvgenyI]

here is the file, see for yourself!) the task is to combine separate parts into one image.  in the designer it turns out to be done, in Photo it does not work!  from outside the frame!  if you cut off some of the pixels then the images cannot be glued seamlessly, no adjustments will help you to merge objects

GODOX PHOTO EQUIPMENT CO.,LTD Dual Cold Shoe Extension VSM-H03VSM-H02.pdf

[EvgenyI]

@Callum, please help me)

[EvgenyI]

@NotMyFault, Please, try opening this file in Photo and Designer and seamlessly merging the individual images together.  You will understand what I am trying to say.

GODOX PHOTO EQUIPMENT CO.,LTD Dual Cold Shoe Extension VSM-H03VSM-H02.pdf

[walt.farrell]

23 minutes ago, EvgenyI said:

try opening this file in Photo and Designer

You don't seem to have included the file?

[EvgenyI]

@walt.farrell, I attached above, but also attached in that post

[EvgenyI]

this frame (bug) disappears when I move the gamma slider

[walt.farrell]

33 minutes ago, EvgenyI said:

@walt.farrell, I attached above, but also attached in that post

You attached a PDF.

To diagnose your problem, we need a native-format Affinity file.

[EvgenyI]

@walt.farrell, ok this is

GODOX PHOTO EQUIPMENT CO.,LTD Dual Cold Shoe Extension VSM-H03VSM-H02.afphoto

[NotMyFault]

1 hour ago, EvgenyI said:

@walt.farrell, ok this is

GODOX PHOTO EQUIPMENT CO.,LTD Dual Cold Shoe Extension VSM-H03VSM-H02.afphoto 4.11 MB · 4 downloads

Even if you are not willing to agree to the facts:

The issue is caused by misaligned pixels.

This is not intended to offend you, but the facts are incompatible with your interpretation (its a bug, i don't understand you)

It is kind of hidden by the use of image layers, and the missing "inspect" function on Affinity iPad.

Your "image" layer has been stretched to 177%, and actually contains a 1px transparent edge on the right.

Once you reset the scaling to 100%, and the halo is gone.

Only Photo on Desktop provides the UI to inspect image layers.

Adjusting the gamma - or simpler by setting anti-aliasing to "off" - makes this invisible (the issue it is still there).

before reset:

after reset to 100%:

 

Is you are using "image" layers, the fractional size is not directly visible, as the size / position of the layer might be perfectly integer, but the DPI mismatch by 177% stretching will actually lead to every "visible" pixel is resampled of 4 "source" pixels from the image.

transparent pixel at right side of image layer:

To summarize:

• Issue caused by (difficult to detect) pixel misalignment ( fractional size and position)
• source image contains 1px transparent edge at the right. If your crop this of in the source image, issue might be solved.
• issue can be mitigated by deactivating anti-aliasing, or using "Nearest Neighbor" view mode, or maybe adjusting gamma (this has strong side effects)
• Again, it is no bug

[EvgenyI]

@NotMyFault, I’m talking about an application for ipad, I don’t understand why you are testing it on a program for desktop computers, look at the same file in Designer, there is no such error, and yes it’s a BUG!) THE TASK is to merge seamlessly layers that were originally merged seamlessly!  If you open this file in the designer, then this bug is not there and all images are combined seamlessly.  and if you try to repeat this in Photo, then a seam appears!  I did not add these images manually, I take the finished file, where these images were merged seamlessly, you know what I'm talking about?

[EvgenyI]

46 minutes ago, NotMyFault said:

Your "image" layer has been stretched to 177%, and actually contains a 1px transparent edge on the right.

I don't understand what you are talking about, where does 177% have to do with it?  where and what is stretched?  Please look carefully at the video files that I skipped, and please compare with the process in the Designer application.  in the file, initially the layers are tightly adjacent to each other, this can be seen in Designer, but if you open this file in Photo, then each image layer has a kind of translucent frame of 1 pixel!  I don't know why it just appears when opening a file.

[walt.farrell]

8 minutes ago, EvgenyI said:

I don’t understand why you are testing it on a program for desktop computers,

Because the desktop versions of the applications have more capabilities, and allow you to see some details about the structure of your file that are not visible when you use the iPad versions of the applications.

[EvgenyI]

Just now, walt.farrell said:

Because the desktop versions of the applications have more capabilities, and allow you to see some details about the structure of your file that are not visible when you use the iPad versions of the applications.

unfortunately this does not solve the problem and does not fix the bug.

[walt.farrell]

  

Just now, EvgenyI said:

where and what is stretched?

Your image layers have been stretched, presumably by you, when you Placed them into the document. You can see that from @NotMyFault's screenshots (and that's why he (and I) used the desktop applications to look at your file).

[EvgenyI]

@walt.farrell,  funny, but no)) I did not stretch the layers, I opened a file in which the layers are tightly adjacent to each other, you can see this by opening this file in Affinity Designer, it's so simple!  I don’t understand why I have to explain this simple thing several times)

[EvgenyI]

and one more time, video example