So this has just started within the last few days:

Images viewed at the default 'Fit (Horizontal)' setting that are larger than the viewing area now look absolutely *horrid*. Chrome is doing some kind of garbage early-90s image scaling. Everything looks bad, but text in the image makes it instantly obvious that something is badly wrong.

I've no idea if this is a Chrome problem, a css problem with esix, or something unique to my computer. Anyone else seeing this?

As an example, I present This screenshot of post #3298019

To head off some questions, Windows 10, no High-DPI panels on the system (All monitors are set for 100% scale), Chrome "Zoom" setting is unused (Set to 100%).

It looks fine to me, running latest Chrome on Windows 10.

If I resize the window really small the text starts to become blurry

I'm thinking this is a Chrome change - we can open an image in a new tab to discard any and all markup and styling from esix.

post #3300641

As I start constraining the width of the browser window, the image is fine, and scales well.
Then, when I reach an image width of 1004 pixels, it suddenly turns to shit. The watermark at the top turns soft and there's jaggies everywhere. There's an obvious change of scaling algorithm.

Chrome won't let me make the window smaller than 500px wide, and it looks like there's another change of scaling at that point as well.

native: 1419 x 1440
fucked: 1004 x 1019

Perhaps it's on some kind of percentage scale? This image does the same thing, but at a different threshold.

No jaggies, but I can clearly see when the image suddenly becomes very soft and blurry at 905px wide

post #2042556

native: 1280 x 1280
fucked: 905 x 905

tredfg543 said:
Perhaps it's on some kind of percentage scale? This image does the same thing, but at a different threshold.

No jaggies, but I can clearly see when the image suddenly becomes very soft and blurry at 905px wide

post #2042556

I'm seeing it on this image when I set it to fit vertically - though the pre-resized sample looks just fine. (no problem with fit horizontal on any of these though, maybe my monitor is wider than yours?)

Firefox appears to be unaffected so it does look like a Chrome problem.

post #1502844

The magic threshold for this image is 1062px wide.

native: 1500 x 1052
fucked: 1062 x 744

I've found a possible fix, using will-change: transform; on the <img>

Example that screenshot doesn't really do it much justice, it's much much clearer when looking at the real thing

Not sure how this fix works cross-browser though, I'd be willing to bet money that it'll fuck up the image completely on iOS Safari.

And I think that's it. For some reason, Chrome is switching to some absolute dog-shit scaling algorithm when asked to display an image at ~ 0.707x it's native dimensions or smaller.

This is probably more noticeable for me than most other users on this site because I do most of my browsing on rotated displays with dimensions 1200x1920 - so my default image view is a bit more horizontally-constrained than most.