从Illustrator导出Web的SVG的最佳设置？

Question

我希望在网站上使用SVG徽标 - 使其在所有设备的响应式设计上看起来很棒。

但是自there are issues以来，我想尽可能多地支持设备和浏览器。负载速度也是一个重要的考虑因素。 Adobe Illustrator中的导出设置如何适合所有这些？

在Illustrator中，有几种SVG导出选项。首先，哪个SVG配置文件最好？

我认为SVG Tiny的文件较小？许多设备支持SVG Tiny吗？最重要的区别是什么？ （无需阅读this W3 monster。）

其次，我认为图像定位的最佳选择是“链接”？ （见感叹号后的说明。）

或者，浏览器如何支持“嵌入”选项？

谢谢！

  

P.S。将有一个后备alpha-PNG选项，但我想要SVG   尽可能得到支持。 （想想看，一个后备   选项 - 就像JPG一样 - 在这种情况下可能是最好的选择，因为alpha-PNG本身需要一个旧IE的解决方案。）

更新：还可以配置更多选项。我不使用文本，所以我看到的唯一相关的是小数位。对于徽标，显示为最大200x200px（在Retina显示屏上为400x400px）的东西，“3”是最佳设置吗？或“2”以最小化文件大小？

Answer 1

更新为@methodofaction的出色解释。

在当前版本的Illustrator中，导出选项发生了一些变化。

1. Adob​​e SVG Viewer不再是一回事。

2. 但更重要的是，我相信默认情况下会选中一个新的“响应”设置。请注意，假设您将通过css缩放所包含的图形，则此设置将消除svg根节点的height和width属性。但是，在某些情况下，您希望单个图形声明其大小。确保在这些情况下取消选中此设置。