SVG Logo作为图像vs背景vs内联

时间:2017-08-30 11:14:05

标签: css svg

我知道这个问题可能被视为基于意见,但我没有在网上找到任何答案,并想知道每个解决方案的优点和缺点! 我希望以svg格式显示徽标,但在之间犹豫不决:

1- <img src="logo.svg" ... />:IE9 +对我来说很好

2- <a href="#" id="logo">Company</a> +自己的css

3- <svg ...><path ...>:1 HTTP请求少:D

哪一个是最好的,为什么?

非常感谢

2 个答案:

答案 0 :(得分:0)

最好使用背景,就像你需要点东西一样,然后你就不需要使用开发人员或爬进代码了。最好是网站的整个视觉部分由样式设置

答案 1 :(得分:0)

1:

<img src="logo.svg" alt="..." />

这会将您的svg文件加载到img标记中,该请求会在您的请求总数中为+1请求。

2:

<a href="#" id="logo">Company</a>

如果您想提供自己的CSS,那么您的请求的请求总数为+1。

3:

<svg ...><path .../></svg>

您必须有.AI文件才能将其转换为 svg代码。 这将与您的代码一起加载。

如果您对网络请求有疑问,最好在svg代码中包含您的徽标。如果它不重要,那么您可以将其包含在CSS中,因为其他开发人员不必担心svg代码。