ResponsiveFramework icon indicating copy to clipboard operation
ResponsiveFramework copied to clipboard

Aliasing when running with impeller

Open gilbert-jolly opened this issue 2 years ago • 4 comments

See below, scaled UI has text and image aliasing. Only happens when running with impeller.

image

Perhaps just wait for it to be fixed, but good to be aware

gilbert-jolly avatar Mar 21 '23 08:03 gilbert-jolly

Text aliasing is odd and might depend on the font used. What font are you using?

Image aliases even with scaling on some devices. The fix for that is to use exactly 2x the pixel resolution of the image size. So if you have an icon width and height of 48x48, use a source icon image of 96x96.

rayliverified avatar Apr 17 '23 23:04 rayliverified

The fonts are attached, Quicksand-Bold + OpenSans-Regular.

The issue doesn't seem to be there for images, just text.

I've just tested again on the latest flutter, and issue is still there.

Dodgy Fonts.zip

gilbert-jolly avatar Apr 20 '23 11:04 gilbert-jolly

Looks like the issue also appears with SVGPicture library, seems like they are rendered at a much lower resolution, and are then scaled up.

Issue only occurs when using the new Impeller rendering engine, so will become more widespread as it is rolled out

gilbert-jolly avatar Apr 20 '23 12:04 gilbert-jolly

Oh wow, that's an interesting find.

I'll see if I can follow up on this when I have time. I haven't been using Impeller yet so I wonder if the Flutter team is aware of these issues.

rayliverified avatar Apr 26 '23 05:04 rayliverified