怎样对Illustrator制作的SVG进行优化
来源:互联网 发布:js通过class设置样式 编辑:程序博客网 时间:2024/05/16 01:12
SVG 是将图像描述为形状、路径、文本和滤镜效果的矢量格式。生成的文件很小,可以在Web、打印甚至资源有限的手持设备上提供较高品质的图像。IllustratorCS3中增强SVG格式支持功能,方便Illustrator输出SVG文件格式到手机等无线移动设备,并极大地改进了文件导出和预览功能。本篇文章将详细介绍怎样对Adobe Illustrator制作的SVG文件进行优化,以达到最佳的效果。
字体子集:控制哪些字形从 SVG文件嵌入。如果可以依赖于在最终用户系统上安装的必要字体,那么请从“子集”菜单选择“无”。选择“仅使用的字形”以只包含在当前图稿中存在的文本的字形。其它值(通用英文、通用英文和使用的字形、通用罗马字、通用罗马字和使用的字形、所有字形)在 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
- 怎样对Illustrator制作的SVG进行优化
- 怎样对 android 进行优化
- 用Illustrator制作荷花的矢量图
- 用C#对Illustrator矢量图形软件进行编程
- 用C#对Illustrator矢量图形软件进行编程
- 怎样对所有的文件进行操作
- c# 怎样实现用几张图片制作 gif?怎样对图片像素值进行修改?上代码
- Adobe Illustrator制作书签
- illustrator 制作LOGO
- 用Illustrator制作一本简约而美的古书
- 通过JQueryUI对SVG进行缩放
- illustrator制作卡通全攻略
- 对网站的图片进行压缩优化
- 对Hibernate进行优化的方案
- 对A*算法的路径进行优化
- 对window的注册表进行优化
- 对javascript的加载速度进行优化
- 对Hibernate框架的查询进行优化
- (转)图片加水印(类)
- SharePoint初探-SharePoint网站整理
- 政府领域解决方案
- [转贴]如何让手机识别自定义的文件类型
- 加强主机和应用监控 构筑行业高效网管模式——华能巢湖发电有限责任公司
- 怎样对Illustrator制作的SVG进行优化
- 图片加水印
- eclipse实用插件【转帖】
- Mocha BSM业务服务管理——业务服务仪表盘
- 各种比例尺标准分幅图经差、纬差表
- 要培养适应环境变化的创新能力
- 中小企业管理解决方案
- Oracle 调优秘密
- 编码