从Illustrator导出SVG

SVG在当今的网络中扮演着核心角色。 它们不仅替换了图标字体,而且还提供了通过CSS或JavaScript进行操作的可能性。 如果要从Adobe Illustrator将Web的矢量图形另存为SVG,则必须进行一些设置以避免陷阱并减少加载时间,这将在下一篇文章中介绍。


常规导出功能可以在“文件>导出>导出为... ”下找到。 最后,选择“ SVG(* .SVG) ”作为文件类型。 如果您不想裁剪透明区域并考虑到绘图区域,请选中“使用绘图区域”,否则不要。 在以下对话框中,选择以下选项:

如果您对结果中路径的详细程度不满意,请逐渐将小数位增加到3或4。

在矢量文件中嵌入剪贴蒙版时,它会变得很有趣。 也可以消除这些问题(使用dompdf之类的打印工具时,这又可以减小文件大小并提高兼容性)。

在Illustrator中有两种众所周知的方法:首先,用CTRL + A标记所有对象,然后选择“对象>减少透明度... ”。 然后,通过“对象>剪贴蒙版>转换回删除现有的剪贴蒙版。 如果这不起作用,请执行以下操作,而不是执行最后两个步骤:首先选择“对象>转换...>确定”,然后在“路径查找器”对话框中选择“删除重叠区域”选项。:

然后可以使用诸如svgo之类的工具(在命令行或在Web GUI中)进一步优化最终的SVG。

背部