网络图像格式新贵SVG

网络图像格式新贵SVG

今天，我要向大家介绍一种新的网络图像格式SVG,并向大家说明如何使用Adobe Ilustrator9.0输出SVG格式的图像。

首先，SVG的全称是Scalable Vector Graphics, SVG其实是一种开放标准的矢量图形描述语言，其标准是由众多厂商和W3C（World Wide Web Consortium）共同制定的，并基于XML（Extensible Markup Language）标准，并且将同HTML、CSS、DOM、XSL、JavaScript、CGI一样，成为新的标准。最令人惊奇的是，SVG是用文本来表述的，也就是说，当用户用图像工具输出SVG后(当然，你也可以直接用代码来描绘图像，只是太繁琐了)，我们可以用任何文字处理工具打开SVG图像，并可看到用来描述图像的文本代码。我们可以通过改变部分代码来使我们的图像具有互交功能，或直接把代码放进我们的网页当中，通过浏览器的插件，我们就可在网页中看到SVG格式的图像了。关于插件的下载，各位可以到Adobe公司的网站下载SVGVIEW，如果您已经安装了Adobe Illustrator 9.0,则在安装时，自动为您装上SVGVIEW。

接下来，我就教大家如何使用Adobe Ilustrator9.0输出SVG。

首先，制作一幅我们要输出为SVG格式的图片，然后选择File/Export,并选择你要存放的目录，键入文件名，然后，在Export的对话框里，选择SVG或SVG的压缩格式。接下来，我们在SVG输出的参数对话框里，设置各项参数。在字体设置选项中，我们可以设置在文档中用何种字体来描述SVG图像，并选择适当的字体可以帮助我们缩小文档的大小。例如，选择Only Glyphs Used ，则规定在文档中使用在文件中出现的字体，选择Common English 或 Common Roman 则规定只能使用Common English or Common Roman options来描述文件，而选择All Glyphs 则可让用户使用任何你想用的字体来描述文档。

在Embedded Font Location 选项中，选择embed subsetted fronts可以使用户决定直接把字体嵌入文档（这需要该字体一直包含在文件中），或选择linked to subsetted fronts把原始的Illustrator图像输出为连接到各个分散的字体的SVG图像。对于要把多个SVG图像指向同一种字体的用户而言，是很有利的。这就像CSS，多个SVG图像指向同一个字体文件。

在Raster Image Location 选项中，选择embed Raster Image,则把光栅图像嵌入到输出的SVG中，如果选择link to Raster Image,则把输出的SVG连接到Jpeg图像上，此项操作和上面提到的Embedded Font Location相同。

在Decimal Places选项中，可以让用户制定输出的SVG图像的质量，一共有1到7个等级可选，等级越高，则输出的SVG图像的容量越大，对于一般的应用而言，等级3就可以了。

在Encoding options选项中，我们可以选择SVG的编码方式，一共有三种方案可选，分别是Iso8859－1(ASCII), UTF－8,和UTF－16，对中国用户而言,应该选择UTF－8,和UTF－16 。

在Cascading Style Sheet (CSS) Property Location 选项中，提供了储存SVG的三种样式。Style Attributes (Entity Reference)样式可加快图像的处理速度，并减小图像的容量，因为它把每个样式表都线性地放在SVG文档里，并可使浏览器按序下载（有点像Flash）。Style Attributes 样式保持了文档的最佳可读性和最佳可理解性，但是，增加了文档的大小。Style Elements样式对用户创建一个单独的SVG或Html文档很有帮助，但是，这种样式会降低图像处理的速度。

好了，到现在为止，用Adobe Ilustrator9.0输出SVG的方法已经介绍完了，大家还不快赶紧试试用文档描述的矢量图像。还有一点大家必须要注意，在输出SVG图像时，如果原图有Alpha通道的话，必须把它转为Jpeg格式，如果想保留Alpha通道，则需要把原图转为Png格式。