最终,选择图像优化策略将归结为你向用户提供的图像类型,以及你决定的一组合理的评估标准。 它可能正在使用SSIM或Butteraugli,或者,如果它是一组足够小的图像,那么人类的感知就会变得最有意义。
以下是我最后的建议:
如果你不能基于浏览器支持有条件地提供格式:
-
Guetzli + MozJPEG的jpegtran是JPEG质量>90的优秀优化器。
-
对于Web,
q=90
是非常浪费的。你可以尝试q=80
, 2倍屏显示即使q=50
。因为Guetzli没有那么低,对于web,你可以使用MozJPEG。 -
Kornel Lesiński最近改善mozjpeg的cjpeg命令来添加小sRGB概要文件来帮助Chrome在屏幕上显示自然色
-
-
PNG pngquant + advpng具有很好的速度/压缩比
-
如果你可以有条件的服务(使用
<picture>
,接受头或图像填充):-
为支持WebP的浏览器提供WebP服务
-
从原始的100%质量的图像创建WebP图像。否则,你将会给浏览器提供支持它的更糟糕的图像与JPEG失真和WebP失真!如果你使用WebP压缩未压缩的源图像,它会有较少的可见WebP失真,也可以压缩得更好。
-
WebP团队使用的
-m 4 - q 75
的默认设置通常适用于他们优化速度/比率的大多数情况。 -
WebP还有一种特殊的无损模式(
- m 6 - q 100
),它可以通过探索所有参数组合将文件缩减到最小大小。虽然速度慢了一个数量级,但对于静态资产来说是值得的。
-
-
作为一种退路,将Guetzli/MozJPEG压缩源提供给其他浏览器
-
压缩快乐!
注意 |
---|
有关如何优化图像的更实用的指导,我强烈推荐Jeremy Wagner的Web Performance in Action。 高性能图像也充满了关于这个主题的优秀、细致的建议。 |