谷歌浏览器中的图像插值与GIMP

Question

我有一个很大的PNG图像（950x500px），我一直在使用CSS缩小到500px宽（和263高）。在将此网页放到网上之前，我决定使用GIMP缩放图像，因为使用CSS缩放图像是不好的做法。但是，当我在Google Chrome中使用GIMP而非CSS缩放图像时，图像质量明显下降，即使这两个图像都是png并具有相同的尺寸。我尝试过使用GIMP提供的全部四种压缩方法（None,Linear,Cubic和Sinc (Lanczos3)），并且它们都不符合Google Chrome提供的图像质量。

谷歌浏览器使用什么压缩方法来提供如此高质量的图像缩放，以及如何实现这种离线？

Answer 1

你可能会回答你的问题在这里：How web browsers resize images

铬似乎使用取决于比例因子几种算法：

具有非常轻微的缩减（557至555像素）， Chrome在升频时使用相同的 线性插值。 （这个图是 断开的事实是ResampleScope工作方式的神器，并具有 无关，与浏览器。）

但看看，如果我们缩减更多的只是一点会发生什么，到543个像素： [ ...]我们得到一个完全不同的结果：显然是一个三瓣Lanczos 过滤器。 Chrome的策略可能是在将图像 减少2.5％以上时使用Lanczos。

如果你必须自己做（让对结果更多的控制），Cubic通常是按比例缩小的最佳选择扩大规模和Sinc (Lanczos3)。
如果您自己缩放图像，您会知道它在所有浏览器上的显示效果。

备注：越来越多的计算机装备了高分辨率显示器（大约是经典显示器像素密度的4倍）。您可能想要检查这些计算机上的图像外观。他们被浏览器放大的可能性很高。