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

2021-10-22 09:54:52 +08:00
 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 一样,转向体验更好的图片格式。

行动吧!
5958 次点击
所在节点    奇思妙想
18 条回复
kdwycz
2021-10-22 10:16:12 +08:00
苹果设备支持 webp 了么?
PureWhiteWu
2021-10-22 10:21:09 +08:00
@kdwycz 早支持了
cmdOptionKana
2021-10-22 10:37:34 +08:00
然而又有更新更好的图片格式需要推广了 AVIF
EridanusSora
2021-10-22 10:40:12 +08:00
iOS 14 目前覆盖率 90% 所以生产上用的话还是得加 fallback 才行……
haozheliu
2021-10-22 10:44:37 +08:00
前几天鼓捣群晖的 video station,设置海报还不支持 webp 的链接
des
2021-10-22 10:46:17 +08:00
@EridanusSora 90%就是个坑……
aaron595
2021-10-22 10:48:31 +08:00
Windows 自带的看图软件看不了 webp 格式,有点蛋疼,还得自己装个第三方的看图软件。
terry0314
2021-10-22 11:05:22 +08:00
@PureWhiteWu 🤣群主无处不在
Ayahuasec
2021-10-22 11:11:33 +08:00
@aaron595 Windows 可以用画图或者自带的浏览器打开 webp
icyalala
2021-10-22 11:24:02 +08:00
大厂基本都有用 webp 或者其他技术,能加快加载减小传输谁不乐意。
但是不要忘了旧设备和旧系统的兼容,fallback 一定要有。
luny
2021-10-22 11:24:09 +08:00
现在芯片对 webp 的支持如何,是否支持硬解码?
lc1450
2021-10-22 12:12:40 +08:00
webp 动图经常动不了
hellsakura
2021-10-22 12:32:28 +08:00
webp 格式有时候用剪藏工具拉不来,难受
kkocdko
2021-10-22 14:14:01 +08:00
@luny 参考 VP8 硬解支持。不过图片软解性能也不差,就一帧
jiaxinbinggan
2021-10-22 14:25:26 +08:00
png 都没有完全普及
ChrisV5
2021-10-22 14:47:25 +08:00
有没有支持动态 webp 在 canvas 上绘制的 nodejs 库啊
bobsam
2021-10-22 15:02:18 +08:00
iOS 14 以上才完全支持。iOS 13 是不支持 webp 图片的
apng 倒是可以用起来,但是图片体积有点堪忧。。。。
AVIF 是挺不错的,但是兼容性堪忧。。。
综上所述,png yyds
siweipancc
2021-11-04 13:48:21 +08:00
我都拿 ffmpeg 转一次,不然有些设备预览失败

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/809704

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX