Illustrator教程之怎样对Illustrator制作的SVG进行优化
白羽 2018-08-15 来源 :网络 阅读 1489 评论 0

摘要:本文将带你了解Illustrator教程之怎样对Illustrator制作的SVG进行优化,希望本文对大家学Illustrator有所帮助

        本文将带你了解Illustrator教程之怎样对Illustrator制作的SVG进行优化,希望本文对大家学Illustrator有所帮助


   SVG 是将图像描述为形状、路径、文本和滤镜效果的矢量格式。生成的文件很小,可以在
Web、打印甚至资源有限的手持设备上提供较高品质的图像。Illustrator
CS3中增强SVG格式支持功能,方便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 查看器优化图像。


本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标常用软件之Illustrator!

本文由 @白羽 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程