了解如何为网页和移动端导出专门优化的轻量现代化 SVG。

黑甲虫坐在黄色花朵上,钳子里夹着蒲公英种子的抽象艺术作品。天空为有旋转效果的橙色图案

Illustrator 2015 的最新版本提供了一种生成高效现代化 SVG 代码的全新方式,包括改进对网页和移动端的支持,以及创造更高质量的 SVG 作品。 

改进包括:

  • 全新导出选项——导出易于编辑的简单 SVG 代码;减小 SVG 代码大小;以及唯一 ID
  • 更高质量输出 SVG 对象(如形状、渐变、图案、符号和蒙版对象)
  • 更好地处理转换为大纲和更小字体的文本
  • 改进了画板的导出和对作品边界的修整
  • 能够导出设计的单个元素
  • 完全支持透明和混合模式

 

音乐应用程序菜单,显示播放、暂停、乱序等菜单选项。SVG 代码选项,包含对更多 Web 和移动应用的支持。

将作品导出为 SVG

要将作品保存为 SVG,请选择“File”(文件)>“Export”(导出)>“SVG (svg)”。

如果要将画板内容导出为单个 SVG 文件,请选中“Use Artboards”(使用画板)。点击“Export”(导出)打开“SVG Options”(SVG 选项)对话框。

注意:如果未选中“Use Artboards”(使用画板)复选框,则 SVG 文件的视窗将根据文档中所有对象的组合边界设置。

Illustrator 文件可以通过“File”(文件)>“Export”(导出)>“SVG”选项导出为 SVG 格式。

导出单个元素

SVG 导出功能还可以导出作品的单个元素或整块导出某个部分,而不是整个画板。 

要将设计的某个部分或元素导出为 SVG,请将其选中,然后选择“File”(文件)>“Export”(导出)>“SVG (svg)”。

画板上仅选中音符图标。“File”(文件)>“Export Selection”(导出选择)选项高亮显示,仅导出该图标。

输入 SVG 选项

在“SVG Options”(SVG 选项)中,从 CSS、字体和其他菜单中选择适合您作品的设置。

选择 Minify 生成具有最小 ID、缩进、行和空格的 SVG 代码。

点击“OK”(确定)。

请参阅 SVG 了解有关 SVG 选项的更多信息。

注意:导出 SVG 代码后,请勿在 Illustrator 中重新打开做进一步编辑。应打开原始 Illustrator (.ai) 文档并重新导出为 SVG。

“SVG Options”(SVG 选项)菜单允许自定义 SVG 导出的文件。

更快、更轻松地获得帮助

新用户?