V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
这是一个专门讨论 idea 的地方。

每个人的时间,资源是有限的,有的时候你或许能够想到很多 idea,但是由于现实的限制,却并不是所有的 idea 都能够成为现实。

那这个时候,不妨可以把那些 idea 分享出来,启发别人。
v2ka
V2EX  ›  奇思妙想

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

  •  
  •   v2ka · 2021-10-22 09:54:52 +08:00 · 5551 次点击
    这是一个创建于 888 天前的主题,其中的信息可能已经有所发展或是发生改变。
    最近,我发现各大厂的 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 一样,转向体验更好的图片格式。

    行动吧!
    18 条回复    2021-11-04 13:48:21 +08:00
    kdwycz
        1
    kdwycz  
       2021-10-22 10:16:12 +08:00
    苹果设备支持 webp 了么?
    PureWhiteWu
        2
    PureWhiteWu  
       2021-10-22 10:21:09 +08:00
    @kdwycz 早支持了
    cmdOptionKana
        3
    cmdOptionKana  
       2021-10-22 10:37:34 +08:00
    然而又有更新更好的图片格式需要推广了 AVIF
    EridanusSora
        4
    EridanusSora  
       2021-10-22 10:40:12 +08:00
    iOS 14 目前覆盖率 90% 所以生产上用的话还是得加 fallback 才行……
    haozheliu
        5
    haozheliu  
       2021-10-22 10:44:37 +08:00
    前几天鼓捣群晖的 video station,设置海报还不支持 webp 的链接
    des
        6
    des  
       2021-10-22 10:46:17 +08:00
    @EridanusSora 90%就是个坑……
    aaron595
        7
    aaron595  
       2021-10-22 10:48:31 +08:00
    Windows 自带的看图软件看不了 webp 格式,有点蛋疼,还得自己装个第三方的看图软件。
    terry0314
        8
    terry0314  
       2021-10-22 11:05:22 +08:00
    @PureWhiteWu 🤣群主无处不在
    Ayahuasec
        9
    Ayahuasec  
       2021-10-22 11:11:33 +08:00
    @aaron595 Windows 可以用画图或者自带的浏览器打开 webp
    icyalala
        10
    icyalala  
       2021-10-22 11:24:02 +08:00
    大厂基本都有用 webp 或者其他技术,能加快加载减小传输谁不乐意。
    但是不要忘了旧设备和旧系统的兼容,fallback 一定要有。
    luny
        11
    luny  
       2021-10-22 11:24:09 +08:00
    现在芯片对 webp 的支持如何,是否支持硬解码?
    lc1450
        12
    lc1450  
       2021-10-22 12:12:40 +08:00
    webp 动图经常动不了
    hellsakura
        13
    hellsakura  
       2021-10-22 12:32:28 +08:00
    webp 格式有时候用剪藏工具拉不来,难受
    kkocdko
        14
    kkocdko  
       2021-10-22 14:14:01 +08:00
    @luny 参考 VP8 硬解支持。不过图片软解性能也不差,就一帧
    jiaxinbinggan
        15
    jiaxinbinggan  
       2021-10-22 14:25:26 +08:00
    png 都没有完全普及
    ChrisV5
        16
    ChrisV5  
       2021-10-22 14:47:25 +08:00
    有没有支持动态 webp 在 canvas 上绘制的 nodejs 库啊
    bobsam
        17
    bobsam  
       2021-10-22 15:02:18 +08:00
    iOS 14 以上才完全支持。iOS 13 是不支持 webp 图片的
    apng 倒是可以用起来,但是图片体积有点堪忧。。。。
    AVIF 是挺不错的,但是兼容性堪忧。。。
    综上所述,png yyds
    siweipancc
        18
    siweipancc  
       2021-11-04 13:48:21 +08:00 via iPhone
    我都拿 ffmpeg 转一次,不然有些设备预览失败
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   952 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 87ms · UTC 21:39 · PVG 05:39 · LAX 14:39 · JFK 17:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.