Anti-aliasing for PNGs

Has this feature been suggested before?
I believe not.

Is your feature request related to a problem? Please describe.
The Anti-aliasing for PNGs works when the graphics are zoomed-in, but not when they are zoomed-out

Describe the solution you’d like
I would like to have PNGs with anti-alias even when they are zoomed-out

Image/Video Explanation Optional
Here is an image zoomed-in… (PNG) look how good the lines are…
Screen Shot 2021-01-17 at 8.45.51 PM

Here is an image zoomed-out… (same PNG) look how the lines at the sword start to looked pixelated…
The sword is the only png, the rest are vectors…
Screen Shot 2021-01-17 at 8.46.17 PM

This is an issue, since my purpose is to have a mixture of vectors and PNGs for performance purposes… and they look so different…

3 Likes

hmm… I wish that was here

have you checked if it is browser related?
do all browsers do the same?
I think that canvas has antialiasing on images set to on by default (you have context.imageSmoothingEnabled method to disable)

Do you have a working example?

check here

they say:

2 Likes

Thank you, I’ll try to play with it later in the afternoon. : )