怎样对Illustrator制作的SVG进行优化

来源:互联网 发布:js通过class设置样式 编辑:程序博客网 时间:2024/05/16 01:12
   SVG 是将图像描述为形状、路径、文本和滤镜效果的矢量格式。生成的文件很小,可以在Web、打印甚至资源有限的手持设备上提供较高品质的图像。IllustratorCS3中增强SVG格式支持功能,方便Illustrator输出SVG文件格式到手机等无线移动设备,并极大地改进了文件导出和预览功能。本篇文章将详细介绍怎样对Adobe Illustrator制作的SVG文件进行优化,以达到最佳的效果。

Adobe Illustrator中的SVG的优化设置
  SVG 的优化设置:

  • A.“文件格式”菜单
  • B.SVG 配置文件菜单
  • C.“字体子集”菜单
  • D.“图像位置”菜单
  • E.“CSS 属性”菜单
  • F.“字体类型”菜单
  • G.“编码”菜单

  压缩:创建压缩的 SVG (SVGZ) 文件。

  SVG 配置文件指定导出文件的 SVG XML 文档类型定义。

SVG 1.0 和 SVG 1.1
  适合要在台式计算机上查看的 SVG 文件。SVG 1.1 是 SVG 规范的完整版本,其中 SVG Tiny 1.1、SVG Tiny 1.1 Plus、SVG Tiny 1.2 和 SVG Basic 1.1 是子集。
SVG Basic 1.1
  适合要在中型设备(如手持设备)上查看的 SVG 文件。请记住,不是所有手提设备都支持 SVG Basic 配置文件。因此,选择此选项并不保证可以在所有手持设备上查看 SVG 文件。SVG Basic 不支持非矩形修剪和一些 SVG 滤镜效果。

 SVG Tiny 1.1 和 SVG Tiny 1.1+
  适合要在小型设备(如移动电话)上查看的 SVG 文件。请记住不是所有手机都支持 SVG Tiny 和 SVG Tiny Plus 配置文件。因此,选择这两个选项中的一个并不保证可以在所有小型设备上查看 SVG 文件。
 SVG Tiny 1.2
  适合将要在各种设备(包括 PDA 、移动电话、便携式计算机和台式计算机)上查看的 SVG 文件。SVG Tiny不支持渐变、透明度、修剪、蒙版、符号或 SVG 滤镜效果。SVG Tiny Plus 包括显示渐变和透明度的功能,但不支持修剪、蒙版、符号或SVG 滤镜效果。
有关 SVG 配置文件的其它信息,请参阅万维网联盟 (W3C) 网站 (www.w3.org) 上的 SVG 规范。
  小数位:确定 SVG 文件中矢量数据的精度。小数位数可以设置为 1 个到 7 个之间。较大的值会使文件更大,并提高图像质量。

  字体子集:控制哪些字形从 SVG文件嵌入。如果可以依赖于在最终用户系统上安装的必要字体,那么请从“子集”菜单选择“无”。选择“仅使用的字形”以只包含在当前图稿中存在的文本的字形。其它值(通用英文、通用英文和使用的字形、通用罗马字、通用罗马字和使用的字形、所有字形)在 SVG文件的文本内容为动态(例如服务器生成的文本或用户交互文本)时有用。

  字体类型:指定如何导出字体。

 

  • Adobe CEF:使用字体提示以更好渲染小字体。Adobe SVG 查看器支持此字体类型,但其它 SVG 查看器可能不支持。
  • SVG:不使用字体提示。所有 SVG 查看器均支持此字体类型。
  • 转换为轮廓:将文字转换为矢量路径。使用此选项保留文字在所有 SVG 查看器中的视觉外观。

  图像位置:指定是否嵌入或链接到图像。图像嵌入将增加文件大小,但可以确保栅格化图像始终可用。

  CSS 属性:确定如何在 SVG 模式中存储 CSS样式属性。默认方法(演示文稿属性)在层次结构的最高点应用属性,因而使特定编辑和变换具有最大的灵活性。“样式属性”方法创建的文件具有最佳的可读性,但这种方法可能会增加文件的大小。如果将 SVG 代码用于变换,例如使用XSLT(可扩展样式表语言变换)进行的变换,请选取此方法。“实体引用”方法会缩短渲染时间并减小 SVG 文件大小。与 HTML文档共享文件时可使用“样式元素”方法。选择“样式元素”,您可以修改 SVG 文件将样式元素移动到 HTML文件引用的外部样式表;但是“样式元素”选项也会减缓渲染速度。

  编码:确定 SVG 文件中的字符编码方式。所有 XML 处理程序都支持 UTF(Unicode 变换格式)编码。(UTF-8 是 8 位格式;UTF-16 是 16 位格式。) ISO 8859-1 和 UTF-16 编码不保留文件元数据。

  为 Adobe SVG 查看器优化:为 Adobe SVG 查看器优化图像。

本篇文章由Adobe官方撰写,英文链接:http://livedocs.adobe.com/en_US/Illustrator/13.0/WS62280CA5-B888-4191-B103-749BDE9DD861.html

原创粉丝点击