HTML图像缩小尺寸质量差答案

【问题标题】：HTML image resize downscale bad qualityHTML图像缩小尺寸质量差
【发布时间】：2015-04-10 11:14:54
【问题描述】：

我做了一个开发。

我使用的是 430 像素 X 455 像素的图片

当我将图像缩小到 184 像素宽度时： - 谷歌浏览器：看起来很完美 - Firefox (37.0.1) 看起来很不专注 - Internet Explorer (11.0.9)：“锯齿”外观（非常像素化）

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

有什么解决办法？

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：