图片介绍

200 阅读1分钟

#SVG 优点

文件体积更小,可压缩性更强。
作为矢量图,它最显著的优势还是在于图片可无限放大而不失真这一点上。
可以被非常多的工具读取和修改,具有较强的灵活性。

#SVG 的局限性

1: 它的渲染成本比较高,这点对性能来说是很不利的。
2: 存在着其它图片格式所没有的学习成本(它是可编程的)

#雪碧图(CSS Sprites)

它可取图像的一部分来使用,使得使用一个图像文件替代多个小文件成为可能。相较于一个小图标一个图像文件,单独一张图片所需的 HTTP 请求更少,对内存和带宽更加友好。

#WebP

WebP 是今天在座各类图片格式中最年轻的一位,它于 2010 年被提出, 是 Google 专为 Web 开发的一种旨在加快图片加载速度的图片格式,它支持有损压缩和无损压缩。
与 PNG 相比,WebP 无损图像的尺寸缩小了 26%。在等效的 SSIM 质量指数下,WebP 有损图像比同类 JPEG 图像小 25-34%。 无损 WebP 支持透明度(也称为 alpha 通道),仅需 22% 的额外字节。对于有损 RGB 压缩可接受的情况,有损 WebP 也支持透明度,与 PNG 相比,通常提供 3 倍的文件大小。