Css Google Chrome与GIMP中的图像插值

Css Google Chrome与GIMP中的图像插值,css,image,google-chrome,image-resizing,Css,Image,Google Chrome,Image Resizing,我有一个大的png图像(950x500px),我一直在使用CSS将其缩小到500px宽(263高)。在将此网页联机之前,我决定使用GIMP缩放图像,因为使用CSS缩放图像是不好的做法。然而,当我在Google Chrome中使用GIMP而不是CSS缩放图像时,图像质量会明显降低,即使两幅图像都是png并且具有相同的尺寸。我试过使用GIMP提供的所有四种压缩方法(None、Linear、Cubic和Sinc(Lanczos3)),但没有一种与Google Chrome提供的图像质量相匹配 Goog

我有一个大的png图像(950x500px),我一直在使用CSS将其缩小到500px宽(263高)。在将此网页联机之前,我决定使用GIMP缩放图像,因为使用CSS缩放图像是不好的做法。然而,当我在Google Chrome中使用GIMP而不是CSS缩放图像时,图像质量会明显降低,即使两幅图像都是png并且具有相同的尺寸。我试过使用GIMP提供的所有四种压缩方法(
None
Linear
Cubic
Sinc(Lanczos3)
),但没有一种与Google Chrome提供的图像质量相匹配


Google Chrome使用什么压缩方法来实现如此高质量的图像缩放?我如何离线实现这一点?

您可以在这里找到问题的答案:

Chrome似乎根据比例因子使用了几种算法:

Chrome使用的是同样的功能,只是稍微缩小了一点(557到555像素) 放大时的线性插值。(事实上,这个图表是 断开连接是重采样范围工作方式的产物,并且 与铬无关。)

但看看如果我们再缩小一点,到543像素会发生什么: […]我们得到了一个完全不同的结果:显然是一个三瓣的兰蔻 过滤器。Chrome的策略可能是在缩小图像时使用Lanczos 增幅超过2.5%

如果您必须自己做(以获得对结果的更多控制),
Cubic
通常是放大和缩小的最佳选择。
如果您自己缩放图像,您就知道它在所有浏览器上的外观


注意:越来越多的计算机配备了高分辨率显示器(大约是经典显示器像素密度的4倍)。您可能需要检查这些计算机上的图像外观。它们很有可能被浏览器放大。

我无法让GIMP调整文件的好版本。使用
convert-resize
对我来说效果更好