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

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

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

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

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