使用 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。
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。