图像文件类型有数十种，每种类型都因压缩类型、格式和浏览器支持而异。 但最常用的两种格式是 SVG 和 PNG 格式。
这两种文件类型截然不同：它们都更适合特定情况。 它们当然不能在所有方面互换，但您可能会发现 SVG 可以比标准 PNG 图像更好地执行特定任务。
什么是 SVG
SVG 代表可缩放矢量图形，它是网络上使用最广泛的矢量 特殊数据 文件格式。 让我们来分解一下：可扩展：SVG 可以放大或缩小，而不会损害图像质量。 无论大小如何，它都将非常清晰。
矢量：大多数图像文件类型都包含像素。 矢量本质上是实时表示图像的代码片段，将其转换为您在屏幕上看到的像素。 尽管它们显示相同的图像，但背景中发生的情况却截然不同。
图形：虽然不太为人所知，但 SVG 是一种图像文件，类似于 PNG、JPEG 或 GIF。 它只是做事有点不同。
矢量是用 XML 编写的代码片段，表示形状、线条和颜色，以解释它们的工作原理。
尽管仅用代码创建图像是完全可能的，但大多数人使用矢量图形编辑器，例如 Inkscape 或 Adobe Illustrator。 您还可以将 PNG 或其他光栅图像转换为 SVG，但结果并不总是很好。
SVG 的优点和缺点
虽然矢量图形尚未像 PNG 等光栅文件类型那样广泛使用，但它正 EE领导者 在迅速流行。 它们可以完成一些光栅图像无法完成的基本任务。 这就是人们喜欢 SVG 的原因。
SVG 图像是可缩放的。 您可以以任何分辨率设计它们，它们的尺寸会增加或减小，而不会损害质量或像素化。 对于光栅图像，您必须从一开始就知道所需的尺寸，否则可能会导致图像太大或太小。
