compression - Google 的 Page Speed 无损图像压缩如何工作？

Question

当您在网站上运行适用于 Firebug/Firefox 的 Google PageSpeed 插件时，它会建议可以无损压缩图像的情况，并提供下载此较小图像的链接。

例如:

• 无损压缩http://farm3.static.flickr.com/2667/4096993475_80359a672b_s.jpg可以节省 33.5KiB(减少 85%)。
• 无损压缩 http://farm2.static.flickr.com/1149/5137875594_28d0e287fb_s.jpg可以节省 18.5KiB(减少 77%)。
• 无损压缩 http://cdn.uservoice.com/images/widgets/en/feedback_tab_white.png可以节省 262B(减少 11%)。
• 无损压缩 http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/images/ui-bg_flat_75_ffffff_40x100.png可以节省 91B(减少 51%)。
• 无损压缩 http://www.gravatar.com/avatar/0b1bccebcd4c3c38cb5be805df5e4d42?s=45&d=mm可以节省 61B(减少 5%)。

这适用于 JPG 和 PNG 文件类型(我尚未测试 GIF 或其他文件类型。)

还要注意 Flickr 缩略图(所有这些图像都是 75x75 像素。)它们可以节省相当大的费用。如果这真的很棒，为什么雅虎不将此服务器端应用到他们的整个图书馆并减少他们的存储和带宽负载？

甚至 Stackoverflow.com 也能节省一些非常小的费用:

• 无损压缩 http://sstatic.net/stackoverflow/img/sprites.png?v=3可以节省 1.7KiB(减少 10%)。
• 无损压缩 http://sstatic.net/stackoverflow/img/tag-chrome.png可以节省 11B(减少 1%)。

我发现 PageSpeed 建议我使用 Photoshop 的“另存为 Web”功能创建的 PNG 文件可以节省相当可观的费用。

所以我的问题是，他们对图像进行了哪些更改才能将图像减少这么多？我猜不同的文件类型有不同的答案。这对于 JPG 来说真的是无损的吗？他们如何打败 Photoshop？我应该对此有点怀疑吗？

Answer 1

如果您确实对技术细节感兴趣，请查看源代码:

• png_optimizer.cc
• jpeg_optimizer.cc
• webp_optimizer.cc

<小时/>

对于 PNG 文件，他们使用 OptiPNG 并进行一些试错方法

// we use these four combinations because different images seem to benefit from
// different parameters and this combination of 4 seems to work best for a large
// set of PNGs from the web.
const PngCompressParams kPngCompressionParams[] = {
  PngCompressParams(PNG_ALL_FILTERS, Z_DEFAULT_STRATEGY),
  PngCompressParams(PNG_ALL_FILTERS, Z_FILTERED),
  PngCompressParams(PNG_FILTER_NONE, Z_DEFAULT_STRATEGY),
  PngCompressParams(PNG_FILTER_NONE, Z_FILTERED)
};

当应用所有四种组合时，保留最小的结果。就这么简单。

(注意:如果您提供 -o 2 到 -o 7，optipng 命令行工具也会执行此操作)

<小时/>

对于 JPEG 文件，他们使用 jpeglib有以下选项:

 JpegCompressionOptions()
     : progressive(false), retain_color_profile(false),
       retain_exif_data(false), lossy(false) {}

<小时/>

同样，WEBP 是使用libwebp 进行压缩的。使用这些选项:

  WebpConfiguration()
      : lossless(true), quality(100), method(3), target_size(0),
        alpha_compression(0), alpha_filtering(1), alpha_quality(100) {}

<小时/>

还有image_converter.cc用于无损转换为最小格式。