Skip to content

Latest commit

 

History

History
34 lines (18 loc) · 2.11 KB

ch18.md

File metadata and controls

34 lines (18 loc) · 2.11 KB

最终,选择图像优化策略将归结为你向用户提供的图像类型,以及你决定的一组合理的评估标准。 它可能正在使用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高性能图像也充满了关于这个主题的优秀、细致的建议。