Html 哪个加载速度更快？svg作为图像或svg代码

我有一个很长的网页，上面有很多排版设计。简单地将它们加载到图像中或使用svg代码会更快吗

除了速度方面的考虑，我将在代码中选择svg，因为我可以使用css转换和动画来增加设计的趣味性

---

在选择这两者之间，我还需要考虑什么？p> 如果设计不复杂，最好使用SVG元素来显示排版设计

SVG元素的质量并不取决于屏幕的分辨率。它在任何设备上看起来都非常清晰，而在图像中，它的清晰度取决于它的大小

由于简单的SVG文件是由其包含的颜色、图层、渐变、效果和遮罩定义的，因此SVG代码的大小与由其组成的像素数定义的图像大小相比很小

SVG代码加载速度更快，因为不需要在图像文件中加载HTTP请求。SVG代码所用的时间只是渲染时间

正如您所说，SVG代码有很多编辑和动画制作的机会

假设您在整个网站中使用相同的设计，但颜色和大小不同，您可以使用单个SVG代码并相应地更改其参数。您不必像创建图像那样创建多个副本

但是，如果您的设计具有复杂的细节，则很难用SVG代码显示设计。此时，除了图像之外，没有其他选择。

考虑到SVG作为代码或链接到SVG作为资产在同一

HTML

或

CSS

中。。。IMO，SVG作为一项资产（无论是png/jpg，它都将是一项涉及单独网络请求的资产）。。。因此，在代码方面，它将比SVG慢……Re#1：如果SVG是通过

加载的，那么它将是尖锐的（只要不进行剧烈的转换）。