WebP

作者: 李霖弢 | 来源:发表于2023-09-17 11:20 被阅读0次

webp 从常见的四种图片格式 JPG(JPEG)、PNG、SVG、GIF 脱颖而出,成为当今WEB上众多图像格式中最流行的。

  • JPG(即JPEG) 是图像的首选格式,在这些图像中,尺寸考虑因素比图像细节和质量考虑因素更重要。JPG 高度可压缩,但在压缩(有损压缩)期间会牺牲质量以换取更小的尺寸和大小,并且在压缩时很容易看到伪影,因为 JPG 缺少 alpha 通道(实现真正透明背景所需的图像属性)。
  • PNG 支持 alpha 通道(透明)和不丢失图像细节的压缩(无损压缩)。但体积较大,会占用更多的存储空间。(但对于单色或颜色很少的图像,体积可能比JPG小)
  • SVG 是可缩放矢量图形,其体积较小且可无损缩放。但 SVG 格式的调色板非常有限,因此无法很好地呈现具有大量颜色变化的图像。
    当图像必须易于缩放并在不同尺寸下保持其所有质量时,SVG 是首选格式。SVG 最常见的使用场景是作为图标,也是网络动画的一个选项(不适合过于复杂的动画,因其由多个dom元素构成)。
  • GIF 是最常用于动画的图像格式。它具有无损压缩、8 位颜色格式(256 种颜色)和无 alpha 通道(要么全透明要么不透明,无法半透明)。其有限的调色板意味着每个动画帧的文件大小更小,这在处理动画时特别有用。
  • WebP 是谷歌为“现代WEB”开发的图像格式,目的是囊括其他图像格式的优点:
    体积比PNG、JPG小,可有损压缩也可无损压缩;
    有 alpha 通道支持透明度;
    支持动画;
    注意,WebP是光栅图(同JPG、PNG),不是矢量图,因此不能代替SVG
一些外部网站
  • squoosh:支持 WebP 图像的文件转换和压缩
  • ezgif.com:一个简单的在线 GIF 制作工具和用于基本动画 GIF 编辑的工具集。
  • cwebp:node环境下的依赖库

相关文章

  • 关于webp

    关于webp的介绍及测试 检测浏览器是否支持WebP google webp

  • Android 如何实现webp转png?看这篇就够了

    Webp是什么, 请移步 What‘s Webp? 由于webp与生俱有优点,webp如今使用已经很广泛了,包括客...

  • iOS 支持webp格式图片

    在iOS项目中使用WebP SDWebImage中支持WebP格式的,可以完成UIImage -> Webp和We...

  • 视频转 webp 动图

    视频转 webp 动图 准备工作 编译支持 webp 的 ffmpeg 库 下载 webp 源码进行编译./con...

  • WebP图片的优势

    文章摘自本家网站 捷搜索 之 什么是WebP图片?什么是 WebP 格式图片?WebP 是由谷歌(google...

  • Android创建WebP图像

    Android创建WebP图像 创建WebP图像 WebP是Google提供的有损压缩(如JPEG)以及透明度(如...

  • iOS webp格式图片支持

    webp格式图片 webp格式图片是google推出的,相比jpg png有着巨大的优势,同样质量的图片webp格...

  • iOS-webp

    SDWebImage 可以实现加载webp 需要 pod ’SDWebImage/WebP’ 关于SDWebIma...

  • windows下查看webp格式图片

    关于webp 时下webp格式日渐势起,主流浏览器(IE: ???)已经开始支持webp,诸多互联网企业(Face...

  • 在iOS项目中使用WebP格式图片

    WebP是什么? WebP(发音 weppy,来自:Google WebP),是一种支持有损压缩和无损压缩的图片文...

网友评论

      本文标题:WebP

      本文链接:https://www.haomeiwen.com/subject/puzivdtx.html