FireFox on OS X pixelization

[sergiks]

This is not quite an issue, just a note that various browsers display different results with the proposed technique.

FireFox 43 under OS X displays significant pixelization for scaled up images. Here's how the front page looks in FF / Mac OS X:

A little further research shown differences of interpolation algorithms utilized by various browsers. Sample 9x5px image (white bg, 9 black pixels)



was scaled up to 900x500 in several browsers / operating systems.

Chrome 47, Mac OS X (best-looking one)

Firefox 43.0.4, Mac OS X

Firefox 43.0.4, Windows 8

[tiborsaas]

Should it be reported to FF as a bug/feature request? At least it should respect the image-rendering CSS property, as it's a standard.
https://drafts.csswg.org/css-images-3/#the-image-rendering

[sergiks]

I don't see a connection to image-rendering. The property only suggests three values: auto | crisp-edges | pixelated, none of which specifies which interpolation algorithm specifically to use for scaled-up image blur. They only mention "bilinear interpolation" (FF/Win above implements it if I'm not wrong) as an example.

[tiborsaas]

It does specify algos: in my understanding only pixelated options should be pixeled :) Auto should use bilinear which is quite specific.
Anyways, FF now handles this thing inconsistently across platforms, I'll file a bug report to them.