SVG profiles个
- SVG 1.0:所有现代桌面和移动浏览器都支持SVG 1.1,所以千万不要 Select 此选项.
- SVG 1.1: You will almost always want this.个
- SVG Tiny/Basic:这是用于移动设备的SVG的子集.只有少数设备支持SVG Tmall而不是完整的规范,所以还是 Select SVG1.1吧.
注意:SVG Tiny不会减少文件大小,它只是SVG的一个子集,适用于低处理能力的设备.它将丢弃渐变、不透明度、嵌入字体和过滤器.
埃里克·达尔斯特伦说:
所有SVG 1.1完整查看器应能够显示所有SVG 1.1
微小/基本内容(根据规范),可能是所有SVG
1.2也是Illustrator制作的微小内容.
Fonts注:如果您的图像中没有任何文本,则此设置无关紧要.
Adobe CEF:如果你想在浏览器中显示,千万不要使用这个选项.这是Adobe在SVG文件中嵌入字体的方式,据我所知,只有Adobe的SVG查看器插件才支持这种方式.
SVG:它将字体嵌入为SVG,Firefox不支持该字体,但如果您打算只支持移动设备(通常运行Webkit),则这是一个很好的 Select .
Create outlines: you will want to do this most of the time,除非您有大量的文本.如果你有大量的文本,你会想要用WOFF嵌入字体,但是你必须手动完成.
Subsetting:
无:这将否定先前的设置,并且不会嵌入任何字体,如果您不关心字体是否会退回到用户计算机中的其他字体,请 Select 此选项.
如果 Select 嵌入字体,则为Only Glyphs used: you will want this most of the time.它只嵌入使用的字符,所以不会增大文件大小.
[子集睡觉]:这个比较清楚,可以 Select 包含整个字体或者子集.只有当您的SVG是动态的,并且文本可能会根据用户输入更改时,它才有用.
Images:这仅在包含位图图像时才重要
请注意,如果SVG通过<img>
标记显示,则不会显示链接的位图图像,因为img
不允许加载外部资源.此外:webkit有一个漏洞,即使嵌入了svg文件,也无法在其中显示位图图像.简而言之:如果你想嵌入或链接位图图像,不要使用<img>
.
Preserve Illustrator Editing Capabilities个
我更喜欢将.ai文件保存为我的源图像,并将SVG文件视为Export for web
特性.这样,您就可以专注于减小文件大小,并拥有具有所有编辑功能的矢量文件的原始副本.所以不要 Select 这个.
Decimal Places个
默认的3
是一个正常的设置,你几乎可以忘记它.
但是,如果您的路径非常复杂,并且有很多点,则将此设置降低到1甚至0将大大减小文件大小.但您必须小心,因为贝塞尔曲线段对此设置非常敏感,它们可能看起来有点扭曲.因此,如果您降低此设置,请始终确保它在浏览器中看起来可以接受.
Encoding个
字符编码背后的解释是相当技术性的,它只涉及包含文本的SVG文件.The most likely encoding you need is UTF-8,除非你知道自己在做什么,否则不要改变这一点.
Include slicing data
这会将元数据inflating 到SVG文件,除非您计划稍后在Illustrator中打开SVG文件并找到切片(如果有),do not check this
Include XMP
更多关于该文件的元数据,您可以read on XMP here.do not check this
Responsive个
请注意,假设您将通过CSSzoom 包含的图形,此设置将从SVG根 node 中删除Height和Width属性.但是,在某些情况下,您希望单个图形声明其大小.在这些情况下,请确保取消选中此设置.
Output fewer 100 elements
如果您没有文本,此选项将灰显.SVG不支持字距调整表,因此,某些字符序列看起来间距太大,即AVA
.Illustrator通过添加tspan
个元素并稍微调整字符位置来解决问题.这给文件do not check this unless you care more about file size than text appearance增加了一点inflating .
Use 100 element for text on a path
如果路径上没有文本,则此选项将灰显.浏览器在将文本放置在路径上时往往会有很大不同,因此Illustratortry 通过对字符应用旋转和位置来提供帮助,而不是将作业(job)留给浏览器.do not check this unless you care more about file size than text appearance美元.
一般说来,我建议您大致了解一下SVG,您会发现它看起来很像HTML,并且允许您对Illustrator中无法完成的事情进行调整.