强制缩小PNG大小会导致模糊(Chrome)

时间:2016-11-18 11:03:30

标签: css png downsize

我有一个100px宽/ 100px高的PNG图像。

我用CSS调整它的大小:img { max-width: 70px }

结果很模糊。

可能出现什么问题?

1 个答案:

答案 0 :(得分:1)

这可能是因为100px的正方形并没有精确地划分为70px,因为它试图在运行时尝试调整图像的像素,因此浏览器会错误地渲染图像的位。在max-width: 50pxmax-width: 75px处尝试,看看它是否仍然模糊。

如果您可以将2/4/8的倍数分解为您想要的大小,则可以更轻松地调整图像大小。

(假设您没有使用HiDPI / retina屏幕,在这种情况下,因为您没有足够的像素,75px的正方形来呈现完整的视网膜质量图像。)