看来我现在用的是 WebP?

Hacker News Top 新闻

摘要

一位开发者回顾了自己在使用 JPEG/PNG/SVG 二十多年后,终于开始采用 WebP 的经历,提到 Pixelmator Pro 中更完善的工具支持,并思考 AVIF 和 JPEG XL 等更新的格式何时才能真正适用于日常使用。

暂无内容
查看原文
查看缓存全文

缓存时间: 2026/10/11 21:42

# 我想我现在也开始用 WebP 了? 来源:https://anderegg.ca/2026/10/08/i-guess-im-using-webp-now ### 2026 年 10 月 8 日 用了同样的几种图像格式 20 多年后,我现在也加入了 WebP 的行列。我从没想过自己会说出这句话。现在我开始琢磨,还要多久才能再用上另外几种格式。 当 Google 在 2010 年宣布推出 WebP 格式 (https://blog.chromium.org/2010/09/webp-new-image-format-for-web.html)时,它确实很有意思,但也仅限于理论层面。Chrome 在 2011 年加入了对 WebP 的支持 (https://blog.chromium.org/2011/05/webp-in-chrome-picasa-gmail-with-slew.html),1 (https://anderegg.ca/2026/10/08/i-guess-im-using-webp-now#fn:1)但其他浏览器花了很长时间才开始支持它:Edge 在 2018 年 (https://web.archive.org/web/20181223160828/https://blogs.windows.com/msedgedev/2018/10/04/edgehtml-18-october-2018-update/),Firefox 在 2019 年 (https://www.firefox.com/en-US/firefox/65.0/releasenotes/),Safari 则在 2020 年 (https://developer.apple.com/documentation/safari-release-notes/safari-14-release-notes)。在获得基本的广泛支持 (https://caniuse.com/webp)之前,这种格式只被内容分发网络有选择地使用 (https://blog.cloudflare.com/a-very-webp-new-year-from-cloudflare/)。即便如此,处理 WebP 仍然很麻烦。Photoshop 直到 2022 年才获得原生支持 (https://www.cgchannel.com/2022/02/adobe-ships-photoshop-23-2/),而它的“存储为 Web 所用格式 (https://helpx.adobe.com/photoshop/desktop/save-and-export/save-files/save-for-web.html)”和“导出为 (https://helpx.adobe.com/photoshop/desktop/save-and-export/export-files-to-different-formats/export-settings-and-export-location-preferences.html)”功能*至今*仍不支持这种格式。 由于这些原因,我一直觉得 WebP 很烦人。而且不止我一个人这么想 (https://wptavern.com/webp-by-default-on-hold-for-6-1-after-new-objections-from-wordpress-lead-developers)。Google 急于推广这种格式,也没让情况变得更好。他们的 Lighthouse 工具经常抱怨图像没有采用 WebP 格式 (https://developer.chrome.com/docs/lighthouse/performance/uses-webp-images),即使文件大小的节省相对有限,而且对这种格式的支持还不成熟。过去 20 多年来,我在网页上提供图像时,基本上只用 JPEG (https://en.wikipedia.org/wiki/JPEG)、PNG (https://en.wikipedia.org/wiki/PNG),以及 \(后来开始使用的\) SVG (https://en.wikipedia.org/wiki/SVG)。2 (https://anderegg.ca/2026/10/08/i-guess-im-using-webp-now#fn:2) 自从放弃 Photoshop (https://anderegg.ca/2026/07/12/an-infuriating-goodbye-to-photoshop)、改用 Pixelmator Pro 之后,我现在有了好用得多的工具 (https://support.apple.com/en-ca/guide/pixelmator-pro/pixdae75632d/mac)来处理 WebP 图像。结果发现它们还挺不错?在前两篇吐槽 Liquid Glass 的文章 (https://anderegg.ca/2026/10/02/two-more-270-design-grumbles) (https://anderegg.ca/2026/09/20/liquid-glass-in-270)里,我用了 WebP,因为在相同视觉质量下,它们比 JPEG 或 PNG 更小。情况不会总是如此,但我还没遇到过 WebP 不占优势的场景。Google 对 WebP 的有损 (https://developers.google.com/speed/webp/docs/webp_study)和无损 (https://developers.google.com/speed/webp/docs/webp_lossless_alpha_study)版本都做过一些研究。 WebP 比 JPEG 或 PNG 有优势,其实并不令人意外。即使在我觉得这种格式很烦人的时候,我也知道它有好处。区别在于,我现在不必为了使用这种格式而额外费力了。现在我开始琢磨,Pixelmator Pro 是否会支持 JPEG XL (https://en.wikipedia.org/wiki/JPEG_XL)或 AVIF (https://en.wikipedia.org/wiki/AVIF)这样的新标准,以及什么时候会支持。我尤其看好 AVIF,而且它也已经获得了各浏览器的基本广泛支持 (https://caniuse.com/avif)。就在几天前,Google 宣布开始提供 JPEG XL 支持 (https://developer.chrome.com/blog/jpeg-xl-in-chrome),3 (https://anderegg.ca/2026/10/08/i-guess-im-using-webp-now#fn:3)所以它或许也会在不久的将来获得基本的广泛支持 (https://caniuse.com/jpegxl)。 我对 AVIF 或 JPEG XL 肯定没有那么反感。希望这次不用等那么久,就能轻松享受到它们的好处。 ---

相似文章

反对 JPEG XL 的理由

Lobsters Hottest

本文批评了 JPEG XL 作为网络图像编解码器的表现,将其压缩效率与 AVIF 等替代方案进行了比较,并讨论了其在浏览器采用方面面临的挑战。

计划发布:JPEG XL

Lobsters Hottest

Mozilla 已宣布计划在 Firefox 中支持 JPEG XL,同时 Chrome 也计划支持,这使其成为跨浏览器标准。文章重点介绍了渐进式渲染,并比较了 JPEG XL 和 AVIF 在不同用例中的表现。

JPEG XL 与 AVIF 在网页场景下的对比

Lobsters Hottest

Jake Archibald 发布了 JPEG XL 与 AVIF 在网页场景下的详细对比测试,结论指出在有损照片、截图、插画和带透明度的图像上,AVIF 通常能产生更小的文件、编解码速度也更快;不同 JPEG XL 编码器(libjxl 与 jixel)之间差异显著。

在 Chrome 中推出 JPEG XL

Lobsters Hottest

Google 宣布 JPEG XL 图像格式将随 Chrome 推出,这是网络图像标准与性能方面的一项重要更新。