使用 HTML 或 APP 调整大小时,PNG 图像质量会下降吗

Will PNG image lose quality when resized using HTML or an APP

1920x1080 的 PNG 图片,哪个质量更好?

<img src="the-png-image.png" width="640">

使用应用程序(例如 windows 照片)将其调整为宽度 640。

<img src="the-resized-png-image.png">

在人类眼中哪个质量更好? 使用应用程序调整大小的 png 图片会降低质量吗?

试一试,看看是否有区别。

如果图像有很多细节,您应该能看出“the-resized-png-image.png”看起来比原始图像差。现在,这是假设我过去使用 chrome 的经验,由于缩小图像的方式不同,质量可能因浏览器而异。

浏览器也有可能改变它们在更新中缩小图像的方式,因此它也可能因浏览器版本而异。

以下是与我的发现一致的其他问题:

  • Why does image lose quality when resized on the source but does not when resized using html

  • Make Firefox image scaling down similar to the results in Chrome or IE

  • Has image downscaling improved in Safari 6 and 7? (5 used to be slightly blurred)

进行自己的缩小:

  • HTML5 Canvas Resize (Downscale) Image High Quality?

所以,回答你的问题:取决于browser/app。