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
网友评论