gpt4 book ai didi

css - 强制缩小 PNG 导致模糊(Chrome)

转载 作者:太空宇宙 更新时间:2023-11-04 09:32:32 43 4
gpt4 key购买 nike

我有一张 100 像素宽/100 像素高的 PNG 图片。

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

结果是模糊的。

可能出了什么问题?

最佳答案

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

如果您可以除以 2/4/8 的倍数精确到您想要的大小,则调整图像大小会容易得多。

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

关于css - 强制缩小 PNG 导致模糊(Chrome),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40675453/

43 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com