我有一个发展。
我正在使用 430 像素 X 455 像素的图像
当我将图像缩小到 184 像素宽度时: - Google Chrome:看起来很完美 - Firefox (37.0.1) 看起来很模糊 - Internet Explorer (11.0.9):“锯齿”外观(非常像素化)
为什么是这样?我可以使用未重新缩放的图像吗?
有什么解决办法?
我有一个发展。
我正在使用 430 像素 X 455 像素的图像
当我将图像缩小到 184 像素宽度时: - Google Chrome:看起来很完美 - Firefox (37.0.1) 看起来很模糊 - Internet Explorer (11.0.9):“锯齿”外观(非常像素化)
为什么是这样?我可以使用未重新缩放的图像吗?
有什么解决办法?
如果您不受延迟问题的约束,请考虑提供比您在 CSS 中指定的多约 25% 的像素,并让浏览器进行缩小。这也将处理浏览器缩放等情况。
使用 CSS 的 object-fit 属性。阅读本教程 http://www.devtantra.com/273/object-fit-css3/
使用所需分辨率的图像时,您可以获得最佳图像质量。
这可以通过在 Gimp 或 Photoshop 等工具中创建它们,或使用 ImageMagic 等库来实现。