3 ms·
It's actually a very low resoluton image (3x7 by default), stretched using the bilinear filtering provided by the browser. Chrome and Safari produce smooth ima
by pygy_ 11y ago
It's actually a very low resoluton image (3x7 by default), stretched using the bilinear filtering provided by the browser.
Chrome and Safari produce smooth images. Firefox for Mac produces a mosaic (source each pixel gets a ~10x10 grid, it looks pretty good IMO). Firfox for Android may not do any smoothing.
I don't think there's a way to control how the browser does the filtering.
- kowdermeister 11y agoYou can, using the 'image-rendering' property, but on Mac FF this appears to have no effect. https://css-tricks.com/almanac/properties/i/image-rendering/ https://css-tricks.com/almanac/properties/i/image-rendering/
- pygy_ 11y agoThe options are basically "smooth" and "don't smooth". Firefox for Mac in "smooth" mode doesn't smooth engough...