Jump to content
r10k

Resizing algorithm in Affinity...

Recommended Posts

So I've been working on a 200x80 logo for a website (in Affinity Photo primarily, but I have tried in Designer too), and I noticed when I created the logo at that size and exported it out as a transparent 24bit png, the anti aliasing of the text looked quite poor. So, I created the file to be much larger, and tried again. Same thing. So, I converted everything to curves and tried again. It still looked quite chunky around the edges. Then I went systematically through every resizing algorithm. Things still looked poor.

Finally I went to Photoshop. Aside from the near instant previews in Photoshop (that I miss in Affinity) I could immediately see that Photoshop (CC) produced a much cleaner logo at a small size. The edges weren't always as sharp in places (things were quite rounded off with anti aliasing) but the effect was much nicer and more consistent.

The Affinity apps have some nice algorithms, but in terms of clean AA at smaller sizes, Photoshop has Affinity beaten by a country mile. I wonder... is this something Serif plan on improving in the future?

Share this post


Link to post
Share on other sites

What to provide a example, possibly information about setting the algorithm, etc.


Affinity Store: Designer 1.7.2.471, Photo 1.7.2.471, Publisher 1.7.2.471.
Windows 10 Pro, Version 1903, Build 18362.295.
Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.
OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080.

Share this post


Link to post
Share on other sites

Not really, no.. I don't have time for image examples of every setting. However, I think I've found where the problem lies. You can test this for yourself.

I used the Cabin font and created a line of text that was eventually resized to be 25 pixels high. The text was white on a coloured background.

The problem seems to be with resizing line artwork in Affinity Photo. So for example, non converted text, or curves. The anti aliasing looks quite poor at smaller sizes, even upon export to png. However, if you rasterize the text, it is easily comparable to Photoshop. This rasterization is very effective, even if you do it at the smaller size.

I would love someone from Serif to comment on why this might be happening.

Share this post


Link to post
Share on other sites

Hi R10K,

Unfortunately without the file in question or examples its very difficult to say why this might be happening.

Thanks

Callum

Share this post


Link to post
Share on other sites

That's why I suggested doing it.

  • Resize this to 200x80.
  • Look at the chunkiness of the AA on the left side of the e.
  • Rasterize the text.
  • The AA of the text is greatly improved. (or I should say, it's different)

test.afphoto

Share this post


Link to post
Share on other sites

Hi r10k,

I have tested the example you have given me and while there was a change it was extremely slight and I wouldn't say that his behaviour is un expected.

Screen Shot 2018-09-07 at 08.36.26.jpg

Screen Shot 2018-09-07 at 08.36.34.jpg

Share this post


Link to post
Share on other sites

If you compare the results at actual size, the text that doesn't get rasterized looks very poor, especially for logos. The text looks comparatively chunky. I would not say the difference is extremely slight. It was enough that I looked at the logo text and wondered why it looked like it was made by someone who didn't know how to resize something. Perhaps algorithmically it's doing what it's supposed to, but from a human perspective, on the surface Photoshop produces far more desirable results, unless you know to rasterize your text before output in AP.

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

×