
我为什么总把 PNG 转成 WebP(以及唯一的例外)
PNG 是绝佳的编辑格式,却是糟糕的发布格式。这篇聊聊 WebP 到底能帮你省下多少、在哪些场景下一点忙都帮不上,还有我从不破例的那条规矩。
webppngimage formatsperformance
关于图片格式、压缩,以及在浏览器里能做的事的笔记。

PNG 是绝佳的编辑格式,却是糟糕的发布格式。这篇聊聊 WebP 到底能帮你省下多少、在哪些场景下一点忙都帮不上,还有我从不破例的那条规矩。

「你的文件从不离开你的设备」是一种架构,不是一句营销词。聊聊 WASM 怎么就在你的浏览器里完成转换,以及它唯一那个真实的局限。
SVG 能无限放大又体积极小,所以把它光栅化感觉像是降级。有时候确实是。聊聊你到底什么时候需要从矢量里榨出 PNG 像素,以及什么时候该让 SVG 待着别动。

一张几乎空白的仪表盘截图,凭什么占 2 MB。聊聊 PNG 为什么这么坑你,以及转成 WebP 怎么在肉眼看不出任何损失的前提下砍掉 60–90%。

AVIF 通常比 WebP 更小,有时能小上 20% 甚至更多。聊聊这份额外的压缩会在编码时间和边缘情况上让你付出什么,以及我什么时候还是会选 WebP。

无损还是有损、边缘还是照片、要不要透明。一个简单的问题就能告诉你一个文件该用哪种格式——还附一张真实的体积对照表来佐证。

HEIC 确实是更好的格式,可半个互联网到现在都打不开它。聊聊苹果当初为什么选它、转成 JPG 你到底会损失什么,以及哪些情况我压根懒得转。