Skip to main content
Inspiring
June 15, 2021
Question

Blurry components when resizing

  • June 15, 2021
  • 2 replies
  • 314 views

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.

This topic has been closed for replies.

2 replies

Legend
June 16, 2021

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/

 

kglad
Community Expert
Community Expert
June 16, 2021

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