HTML图像调整缩小级别的质量差

Question

我有一个发展。

我使用430px X 455px图像

当我缩小图像到184px宽度时： - 谷歌浏览器：看起来很完美 - Firefox（37.0.1）看起来非常不专心 - Internet Explorer（11.0.9）：＆＃34;锯齿＆＃34;看（非常像素化）

这是为什么？没有重新缩放的图像我可以用吗？

有什么解决方案？

发展：http://s566904160.mialojamiento.es/desarrollo/

Answer 1

使用CSS的object-fit属性。阅读本教程 http://www.devtantra.com/273/object-fit-css3/

Answer 2

如果您不受延迟问题的限制，请考虑提供比您在CSS中指定的像素多25％的像素，并让浏览器进行缩小规模。这也将处理浏览器缩放等情况。

Answer 3

使用所需分辨率的图像时，您可以获得最佳图像质量。
可以通过在Gimp或Photoshop等工具中创建图像，或使用ImageMagic等库来实现。