Why does Firefox render resized images so badly?

Question

Here is an example of a resized image showing the comparison between the original picture, the resized picture in Firefox, and the resized picture in Chrome:

Chrome seems to render the image fine, but the image in Firefox seems very pixelated.

This is my CSS:

img {
    width: 48px;
    height: 48px;
    border-radius: 500px;
}

Anyone with any ideas?

possible duplicate of [Image scaling causes poor quality in firefox/internet explorer but not chrome](http://stackoverflow.com/questions/9945363/image-scaling-causes-poor-quality-in-firefox-internet-explorer-but-not-chrome) — Andre Figueiredo, Mar 07 '14 at 03:05
have a look here https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering — Vinay Pratap Singh Bhadauria, Mar 07 '14 at 06:47

score 0 · Answer 1 · answered Mar 07 '14 at 06:45

0

It seems to be a configuration issue with the browser itself

Referencing:

https://support.mozilla.org/en-US/questions/965904

answered Mar 07 '14 at 06:45

Snappawapa

1,697
3
20
42

Why does Firefox render resized images so badly?

1 Answers1