ResponsiveFramework
ResponsiveFramework copied to clipboard
Aliasing when running with impeller
See below, scaled UI has text and image aliasing. Only happens when running with impeller.
Perhaps just wait for it to be fixed, but good to be aware
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.
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.
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
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.