Preventing blurry images in chrome?

[Seiseki]

So I've heard chrome doesn't scale the images here with nearest neighbor interpolation.
I saw there were a few extensions you could download to fix that.

https://chrome.google.com/webstore/search/nearest%20neighbor?hl=sv

And one of them said this

img {
    image-rendering: -webkit-optimize-contrast;
}

This should prevent images from becoming blurry when scaled, though it might not work in all versions of Chrome.

But apparently it still doesn't work in Chrome with the extensions, maybe there's another way of fixing it?

And are there any other browsers having the same problem? I remember having to change some settings in opera a while back.

[Crow]

Chrome/Safari are pretty much the only affected browsers here. I'm afraid Opera will have the same problem once they begin working on their Webkit forked Blink with Google soon. We'll see. Someone posted a rather complex solution with HTML5 and the canvas tag earlier, which I haven't gotten around to implementing yet. And I'd rather not, to be honest.

[Seiseki]

Guess I won't be updating opera then

[Crow]

Do it. It'll be good, except for maybe this little nitpick. Who knows, maybe they'll implement something. If not, I will.

[Azuyre]

Someone on PixelJoint made an extension for chrome that fixes the blurred zoom on their site, I talked to him about getting it to work for Pixelation too and he said it's most likely possible but that he didn't have the time to try it out himself. Here's a link to the extension. If you click file there's a download option, once you download it you can just check developer mode on the extension page and go to load unpacked extension.

Anyway, I could ask him for the source code for it if someone wants to try and get it working for Pixelation too, an extension for just these two sites probably isn't the best solution, but its better than nothing I guess.

I don't know a thing about making extensions by the way so it's possible the files you need to modify it are already there.

[Helm]

I'd really like that because I still use Chrome and have to download every piece of pixel art I see here to see it up close and crisp. Would help with my spontaneous critiques to be able to zoom in Chrome cleanly again.

[Crow]

I'd really like that because I still use Chrome and have to download every piece of pixel art I see here to see it up close and crisp. Would help with my spontaneous critiques to be able to zoom in Chrome cleanly again.

So far, Opera's developer preview (Opera 15, labeled Opera Next right now) doesn't support the nearest neighbor CSS fixes either. I wonder if they'll still add it. One has to consider that this is basically still in an early alpha stage, though. Regardless, I'll add a fix for this soon.

[YellowLime]

Since I've been reading "nearest neighbor" very frequently lately, I assume it's becoming an often-used term and propose we use "NN" from now on. Or "nene".

[Seiseki]

That sounds kinda confusing, at least nearest neighbor is google-able..

[Mathias]

I'd really like that because I still use Chrome and have to download every piece of pixel art I see here to see it up close and crisp. Would help with my spontaneous critiques to be able to zoom in Chrome cleanly again.

You're on a PC, I believe. Have you tried the Windows zoom tool? I have keystroke CTRL+SHIFT+ALT+Z set to initiate it. Not ideal, but it works.

I too prefer Chrome and really need a nearest neighbor fix! I just tried this. Doesn't work.