我从我网站上的SVG文件开始，我真的想知道何时使用SVG代码或SVG图像。
当我将Illustrator中的文件保存为SVG时，我有两个选项：
我也可以使用。但我什么时候使用什么？在我的网站上使用图像是更聪明还是我使用代码？
根据我目前掌握的所有知识，我应该使用代码，因为它更轻（kb＆＃39; s）。或者我应该将图像用作后备？
答案 0 :(得分：1)
如果你想利用矢量图形的功能（可伸缩性，可访问的元素，css样式......）而不是保存代码，那么图形基本上就是什么。
我个人更喜欢将代码直接插入到html中，因此我拥有脚本访问和CSS样式的所有选项。
然而，它有一些缺点：没有图像缓存，删除非唯一ID（如果有多个svg嵌入），样式属性阻止使用css进行样式化。
我发现SVG清理器对于在创建图像后生成干净且有用的svg代码非常有用。
如果您不需要所有这些东西并且只想显示图形，则可以使用y或通过css背景，因为这样可以让浏览器缓存所有内容并从中保存所有清理的哨声。
如果您的矢量图形包含许多必须光栅化的效果（例如一些插图滤镜）或嵌入图像，那么最终的svg可能比像素图像大，因为数据嵌入为base64编码的字符串是什么增加了〜20％的文件大小。
因此，在这种情况下，使用png或jpg可能是正确的选择。
总结一下：这取决于你的需求和图形特征。
我希望我能帮忙......