PNG图像在使用HTML或APP调整大小时会失去质量吗?



对于1920x1080的PNG图像,哪个质量更好?

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

使用应用程序(例如windows photos)将其大小调整为640。

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

在人眼中哪个质量更好?使用应用程序调整png图像会失去质量吗?

试一试,看看你是否能看出区别。

如果图片有很多细节,你应该能够告诉"the-resize -png-image.png"看起来会比原作更糟。现在,这是假设我过去使用chrome的经验,由于不同浏览器缩小图像的方式不同,质量可能会有所不同。

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

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

  • 为什么在源文件上调整大小会导致图像质量下降,而在html上调整大小则不会。

  • 使Firefox图像缩小到与Chrome或IE中的结果相似

  • Chrome中缩放模糊图像

  • 在Safari 6和7中图像缩小改进了吗?(5曾稍作模糊处理)

做你自己的缩放:

  • HTML5画布调整大小(缩小)图像高质量?

那么,回答你的问题:取决于浏览器/应用。

最新更新