2021 是时候全面拥抱 Webp 格式的图片了！

[v2ka]

最近，我发现各大厂的 web 产品，大部分都已经使用 webp 格式。

webp 格式图片的好处毋庸置疑，在尽量保持图片质量的前提下，比 png 和 jpeg 减少 30%左右的体积，对于加载至少增速 10%以上。

建议做产品的诸位创造者们，全面拥抱 webp 格式的图片！

为什么是这个时候，原因有以下几点。

1-各大浏览器已经全面支持 webp 格式。

2-Wordpress 在 5.8 版本后，全面支持 webp 格式，只需像传统图片那样在媒体库上传就行，无需任何设置。

3-webp 格式在本地无法打开？大部分系统已经支持，其实就是个看图软件是否支持的问题，只需下载个支持 webp 的读图软件。

4-出于竞争的考虑，adobe 的 Photoshop 虽然不直接支持 webp，但是可以通过安装插件就可以了。（希望后续能直接支持） webp 增效工具： https://helpx.adobe.com/cn/photoshop/kb/support-webp-image-format.html

5-webp 在 web 产品上的体验，明显高于传统图片等格式，减少图片空间占比，不仅加载速度快，而且减少流量使用。

对于 webp 格式的图片，不应该再区分对待。要像习惯网站大部分都是 https 一样，转向体验更好的图片格式。

行动吧！

[kdwycz]

苹果设备支持 webp 了么？

[PureWhiteWu]

@kdwycz 早支持了

[QingXuJiaZhi]

然而又有更新更好的图片格式需要推广了 AVIF

[EridanusSora]

iOS 14 目前覆盖率 90% 所以生产上用的话还是得加 fallback 才行……

[haozheliu]

前几天鼓捣群晖的 video station，设置海报还不支持 webp 的链接

[des]

@EridanusSora 90%就是个坑……

[aaron595]

Windows 自带的看图软件看不了 webp 格式，有点蛋疼，还得自己装个第三方的看图软件。

[terry0314]

@PureWhiteWu 🤣群主无处不在

[Ayahuasec]

@aaron595 Windows 可以用画图或者自带的浏览器打开 webp

[icyalala]

大厂基本都有用 webp 或者其他技术，能加快加载减小传输谁不乐意。
但是不要忘了旧设备和旧系统的兼容，fallback 一定要有。

[luny]

现在芯片对 webp 的支持如何，是否支持硬解码？

[atx]

webp 动图经常动不了

[hellsakura]

webp 格式有时候用剪藏工具拉不来，难受

[kkocdko]

@luny 参考 VP8 硬解支持。不过图片软解性能也不差，就一帧

[jiaxinbinggan]

png 都没有完全普及

[ChrisV5]

有没有支持动态 webp 在 canvas 上绘制的 nodejs 库啊

[bobsam]

iOS 14 以上才完全支持。iOS 13 是不支持 webp 图片的
apng 倒是可以用起来，但是图片体积有点堪忧。。。。
AVIF 是挺不错的，但是兼容性堪忧。。。
综上所述，png yyds

[siweipancc]

我都拿 ffmpeg 转一次，不然有些设备预览失败