在您的网站中包含svg的最佳方法是什么明智的做法

问题描述

我正在深入研究Web开发，并且正在考虑速度。因此，我了解到浏览器向服务器请求的文件越少越好，但是要记住的另一件事是文件大小，因此出现了一个问题，将矢量图像作为svg标记包括在内是否更好？这会减少请求的文件数量，但会增加html文件的大小。假设svg大小明显。

解决方法

在一个img文件中合并多个图像，并使用CSS背景将其定位。

示例：在同一图像中以等间距分隔的下一个，上一个，上一个和下一个图像，并使用css背景属性按x轴和y轴进行定位。