Blurry components when resizing

Explorer ,
Jun 15, 2021 Jun 15, 2021

Copy link to clipboard

Copied

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):

jarnek85287640_0-1623762456229.png

Not blurry(flash):

jarnek85287640_1-1623762502472.png

Sizes in the swf are only slightly different.

TOPICS
Other

Views

87

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 16, 2021 Jun 16, 2021

Copy link to clipboard

Copied

is that a font or a bitmap that's blurring?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 16, 2021 Jun 16, 2021

Copy link to clipboard

Copied

LATEST

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/

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines