PIXELATED/BLURRY WEB GRAPHICS

[Creativecat1313]

There is a long and old thread on this topic already, but I'm not convinced its been getting any attention, so I'm starting a new topic because this problem is infuriating.

2020, and still having the same blurry images problem. There is something weird about the way Affinity is handling pixels. I don't know how to explain this, but when you use different resolutions in photoshop the zoom ratios when working with the image are different-100% at 300 dpi is way bigger than 100% at 72 dpi. When you do it in Affinity they are all the same across the board. 300 dpi looks the same as 72 dpi. Its infuriating. I'm trying to make web graphics and no matter what resolution I create them at they come out looking blurry AF at small pixel sizes. For example, I'm trying to upload a logo at 150 px by 150 px. 300 dpi looks exactly the same as 72 dpi. Like, really blurry. Like someone who has never touched graphics software before in their life created them. I've been doing this for almost 20 years now. Usually, in Photoshop if you create your file at the size you need for application it comes out clear, that doesn't seem to happen in Affinity. I can't afford Photoshop, but these results are completely unprofessional. I've even tried going back to my designer files and scaling them down, wondering if anti-aliasing in AffinityPhoto was a factor, but it makes no difference. Is Affinty EVER going to address this? HOW do you make crisp web image files with Affinity??? 

[John Rostron]

13 minutes ago, Creativecat1313 said:

300 dpi looks the same as 72 dpi

That is because, except for printing where the software needs to map pixels to physical measurements, the dpi is irrelevant this is true for screen display or for web graphics. 

16 minutes ago, Creativecat1313 said:

I'm trying to make web graphics and no matter what resolution I create them at they come out looking blurry AF at small pixel sizes

What sort of graphics are you creating here? I would guess it is vector graphics exported as PNG files. Any blurriness will have been generated in the conversion from vector to raster format. How did you make your conversion?

John

[Pšenda]

3 hours ago, Creativecat1313 said:

I don't know how to explain this, but when you use different resolutions in photoshop the zoom ratios when working with the image are different-100% at 300 dpi is way bigger than 100% at 72 dpi.

How is the "100%" view defined in Photoshop? In Affinity, this means displaying one pixel of an image to one pixel of the screen, so the DPI value is irrelevant.

[telemax]

As mentioned above, the dpi does not matter.

Example image 150x150px, 1 dpi:

150x150.afphoto