views:

271

answers:

1

I'd like to scale some pixel-art images up in-browser. Because they're pixel art it looks horrible if image smoothing happens.

In Firefox I can disable smoothing with "image-rendering:-moz-crisp-edges".

In IE there's "-ms-interpolation-mode:nearest-neighbor"... which is the default scaling mode anyway, mostly.

But I can't find a way to turn off smoothing in Safari for scaled images. Has anyone found a way to do this?

+1  A: 

It doesn't look like there's anything equivalent in Safari/WebKit.

See bottom of this: https://developer.mozilla.org/en/CSS/image-rendering

fig
Not really the answer I would have hoped for, but alas it seems accurate.
David