Chrome Image Render Blurry issue

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4434
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Chrome Image Render Blurry issue

Post by simonmlewis »

Hi

I've had an issue raised with me, but one I have known about for a while. It seems highly common when searching for it.

How do you fix the issue of Chrome rendering images poorly? It's after the HTML renders the size of an image, Chrome makes it less focused than other browsers.

It has nothing to do with the compression within the website code - it's how Chrome renders.
Is there a CSS method only for Chrome that fixes it?
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Christopher
Site Administrator
Posts: 13592
Joined: Wed Aug 25, 2004 7:54 pm
Location: New York, NY, US

Re: Chrome Image Render Blurry issue

Post by Christopher »

I haven't seen this, but you should search for the many discussion about it. You might try:

image-rendering: -webkit-optimize-contrast;
(#10850)
simonmlewis
DevNet Master
Posts: 4434
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Chrome Image Render Blurry issue

Post by simonmlewis »

IF you Google Chrome Image Rendering Blurry, issues go back about 4 years.
Will try that, but concerned it will affect all browsers.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
Post Reply