04: 为什么选择 SVG?体积小。

SVG 文件的大小取决于它的复杂程度,而不是它“多大”。请记住,SVG 并不真正关心它渲染的大小,无论如何它们都是灵活且清晰的。

想象一个 100×100 像素的栅格图像。那是 10,000 像素的信息。SVG 只是关于如何绘制事物的指令,因此,如果这些指令足够简单,它们可以比存储每个像素的数据小得多。这比这更复杂一些,因为压缩在双方都发挥作用,但总体的想法就在那里。

但这并不像“SVG 更小”那样简单——而且没有一个始终正确的决定使用哪种格式的固定公式。有时这非常明显。苹果 logo 的实心形状?对于几乎任何尺寸,矢量都会更小。带有许多树叶的橡树插图?矢量可能过于复杂,而栅格图像格式会更小。

图片来自 Todd Parker 的演示文稿

你可能只需要以两种方式保存副本,优化两者,并测试文件大小。

SVG 通常非常适合以下内容

  • 徽标
  • 图标
  • 简单的插图
  • 图表
  • 地图

我敢打赌你已经对哪些图形适合做矢量有了很好的直觉。