我有一个很长的网页，上面显示了很多排版设计。简单地将它们加载到图像中或使用svg代码会更快吗？
除了速度问题，我会在代码中选择svg，因为我可以使用css转换和动画来增加设计的趣味性。
在两者之间做出选择时，我还需要考虑哪些其他因素？
如果设计不复杂，最好使用SVG元素来显示排版设计。
- SVG元素的质量不取决于屏幕的分辨率。它在任何设备上看起来都很清晰，而在图像中，它的清晰度取决于它的大小
- 由于简单的SVG文件是由其包含的颜色、图层、渐变、效果和掩码定义的，因此与由其所包含的像素数定义的图像大小相比，SVG代码的大小较小
- SVG代码加载得更快，因为不需要在图像文件中加载HTTP请求。SVG代码所花费的时间只是呈现时间
- 正如您所说，SVG代码可能有许多编辑和动画化的机会
- 假设你在整个网站上使用相同的设计，但颜色不同，大小不同，你可以使用一个SVG代码并相应地更改其参数。您不必像在图像的情况下那样创建它的多个副本
但是，如果您的设计有复杂的细节，则很难在SVG代码中显示设计。在这个时候，别无选择，只能选择图片。