Blurry components when resizing

Question

I have a few pages with different sizes. Whenever I open these pages they become ever so slightly blurry because they resize and scale to fill the viewport. Is there a quick way to get rid of this blurryness? This effect was a lot less and almost not noticable in the old flash variants of these pages.

If there's no quick fix for this what causes this to occur so that I can avoid it in the future?

Blurry(canvas):

Not blurry(flash):

Sizes in the swf are only slightly different.

ClayUUID · Answer

How are you scaling your pages? If you're using CSS scaling, any HTML elements (like components) should automatically redraw at native resolution.

The screenshot you posted doesn't even look that blurry. It just looks like how some browsers render text, favoring glyph accuracy over sharpness.

https://blog.codinghorror.com/font-rendering-respecting-the-pixel-grid/

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded