![这里输入图片描述](https://istack.dev59.com/ETM0o.webp)
SVG文件版本
- SVG 1.0:所有现代桌面和移动浏览器都支持SVG 1.1,因此永远不要选择此选项。
- SVG 1.1:您几乎总是需要使用此选项。
- SVG Tiny / Basic:这是SVG的子集,旨在用于移动设备。只有少数设备支持SVG Tiny而不支持完整规范,因此请使用SVG 1.1。
注意:SVG Tiny并不能减小文件大小,它只是适合运行低处理能力设备的SVG子集。它将丢弃渐变、不透明度、嵌入字体和滤镜。
Erik Dahlström说:
据规范,所有SVG 1.1全功能查看器应该能够显示所有SVG 1.1
Tiny / Basic内容,并且可能也可以显示Illustrator生成的所有SVG
1.2 Tiny内容。
字体注意:如果图像中没有任何文本,则此设置无关紧要。
Adobe CEF:如果您打算在浏览器中显示图像,则永远不要使用此选项。这是Adobe在SVG文件中嵌入字体的方式,据我所知,只有Adobe的SVG查看器插件支持。
SVG:这将字体嵌入为SVG格式,Firefox不支持,但如果您只打算支持移动设备(通常运行webkit),则这是一个好选择。
创建轮廓:大多数情况下,您都需要这样做,除非您有大量文本。如果您有大量文本,则需要手动使用WOFF嵌入字体。
子集化:
无:这将取消先前的设置,如果您不关心字体在用户计算机上回退到其他字体,则选择此选项时将不嵌入任何字体。
仅使用的字形:大多数情况下,如果选择嵌入字体,则需要此选项。它只嵌入使用的字符,因此不会增加文件大小。
[其余的子集]:这很清楚,您可以选择包括整个字体或其子集。它仅在您的SVG是动态的并且基于用户输入可能更改文本时才有用。
图像:只有在包含位图图像时才重要
请注意,如果通过<img>
标记显示SVG,则链接的位图图像不会显示,因为img
不允许加载外部资源。此外:Webkit存在一个错误,即使您将它们嵌入,也不会在SVG文件内显示位图图像。简而言之:如果您打算嵌入或链接位图图像,请使用普通的<svg>
标记,而不要使用<img>
。
保留Illustrator编辑功能
我更喜欢将.ai文件保存为我的源图像,并将SVG文件视为“导出为Web”功能。这样,您可以专注于减小文件大小,并拥有一个具有所有编辑功能的原始矢量文件的原始副本。因此,请不要选择此选项。
小数位数
默认值3
是一个合理的设置,您大多数情况下都可以忽略它。
然而,如果您有很多点的复杂路径,将此设置降低到1甚至0将大大减小文件大小。但是您必须小心,因为贝塞尔段对此设置非常敏感,它们可能看起来有点扭曲。因此,如果您降低此设置,请始终确保在浏览器中显示时看起来可接受。
编码
字符编码背后的解释相当技术化,仅涉及带有文本的svg文件。 您最可能需要的编码是UTF-8,除非您知道自己在做什么,否则不要更改此设置。
包括切片数据
这会向您的SVG文件添加元数据膨胀,除非您打算稍后在Illustrator中打开SVG文件并查找切片(如果您有它们),请勿选中此选项
包括XMP
有关该文件的更多元数据,您可以阅读此处的XMP。请勿选中此选项
响应式
请注意,此设置将从您的SVG根节点中删除高度和宽度属性,假定您将通过CSS缩放包含的图形。但是在某些情况下,您希望单个图形声明其大小。在这些实例中,请确保取消选中此设置。
输出较少的<tspan>
元素
如果没有文本,此选项将变为灰色。SVG不支持字距表,因此某些字符序列将看起来过于间隔,例如AVA
。Illustrator通过添加tspan
元素并微调字符位置来解决问题。这会使文件膨胀一些。除非您更关注文件大小而不是文本外观,请勿选中此选项。
使用
如果您没有路径上的文本,该文字将被淡化显示。在放置文本于路径上时,浏览器的表现往往不尽相同,因此Illustrator试图通过对字符应用旋转和位置来协助而非让浏览器来处理它。除非您更关注文件大小而非文本外观,否则
不要勾选此项。
总的来说,我建议您全面了解SVG,您会发现它看起来很像HTML并且能够使您调整那些Illustrator无法完成的东西。