New issue
Advanced search Search tips

Issue 656784 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner:
Closed: Oct 2016
Cc:
Components:
EstimatedDays: ----
NextAction: 2016-10-25
OS: ----
Pri: 2
Type: Bug



Sign in to add a comment

Suspiciously blurry rendering when resizing a page containing resized images

Project Member Reported by dpranke@chromium.org, Oct 17 2016

Issue description

On this page:

http://www.70strong.org/about/

the Sequoia Healthcare District" and "Peninsula Family Service" images in the footer at the bottom of the page seem to vary in crispness depending on the size of the browser window, in a way that seems worse than how Safari, FF, and IE are rendering them. The images themselves are being resized (227px width resized down to 100px), but the images do not change size as the browser window resizes, they only move around.

So, I'm not sure if we're hitting weird rounding issues in layout, or if this is more of a compositor or Skia thing, so tagging all of the likely components :)

I'm not sure if this is WAI or if we're doing worse than we should be, but I thought it'd be good to get someone more knowledgable to take a look.
 

Comment 1 by e...@chromium.org, Oct 17 2016

Components: -Blink>Layout
That does look really bad. The size remains constant regardless of position. Looks like how we do down-scaling is dependent on the position which is a little odd and might explain the loss in quality. Over to paint/skia for further triage.
Cc: -reed@chromium.org -e...@chromium.org vmp...@chromium.org
Components: -Blink>Compositing -Blink>Image -Internals>Skia Internals>Compositing>Images Blink>Paint
Owner: chrishtr@chromium.org
Status: Assigned (was: Untriaged)
What version? What platform? I'm not seeing any issue Linux m54 or Linux ToT.

I believe this is WAI but there is agreement that WAI is not good enough, or at least requires web developer action to improve. Chris understands the situation.


Labels: Needs-Feedback
NextAction: 2016-10-25
I was using stable (M53) on Mac and Win, I believe.
Status: WontFix (was: Assigned)
I think the appearance of it looking crisp is an artifact of the
ImageQualityController sometimes failing to invalidate again at the end
of a resize animation. If you reload the page it goes back to the less-crisp state
always for me.

Other than that, what might be actionable is the difference in filter algorithm for
downsampling used in Firefox vs Chrome. Going to mark that as WontFix, because this has
been debated many times and there are lots of tradeoffs for different types of images.
@chrishtr - I didn't follow the explanation in the first paragraph; why is it sharper during the animation and blurrier otherwise? And why isn't that something that should be fixed? Wouldn't we either for it to be sharper always or blurrier during the animation but sharper otherwise?

And, as for the second paragraph, are you suggesting that there are other kinds of images where our filters will produce sharper images than FF?
It's sharper & pixelier during the animation because we reduce the filter quality.

Re second paragraph: higher quality in some cases, yes.
I see. Thanks!
No problem. Thanks for filing the bug. Image rendering quality is very very
tricky...

Sign in to add a comment