SVG（一种图像文件格式）

SVG（一种图像文件格式）

SVG （一种图像文件格式） 次浏览 | 2022.09.22 16:23:25 更新 来源 ：互联网 精选百科 本文由作者推荐 SVG一种图像文件格式

SVG是一种图像文件格式，目的在于改善网页上头图片的品质，这种格式的文件可以包含渐层、动画、自型的处理及一些特效等功能，让网页的图片可以“活”起来，不再只是单纯的图片而已，并且其有取代“动态GIF”文件的架式呢。当您安装之后，可以先连上Adobe的SVG测试网页，看看是否真的可以使用了，如您看到如上面标题旁的时钟图，就表示您的浏览器可以观看SVG格式了。

中文名

可变动的向量绘图形文件

外文名

Scalable Vector Graphics

定义

SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体[1]

历史沿革

在 2003 年一月，SVG 1.1 被确立为 W3C 标准。 参与定义 SVG 的组织有：Sun公司（已被Oracle公司收购）、Adobe、苹果公司、IBM 以及柯达。 与其他图像格式相比，使用 SVG 的优势在于： SVG 可被非常多的工具读取和修改（比如记事本） SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。 SVG 是可伸缩的 SVG 图像可在任何的分辨率下被高质量地打印 SVG 可在图像质量不下降的情况下被放大 SVG 图像中的文本是可选的，同时也是可搜索的（很适合制作地图） SVG 可以与 Java 技术一起运行 SVG 是开放的标准 SVG 文件是纯粹的 XML SVG 的主要竞争者是 Flash。 与 Flash 相比，SVG 最大的优势是与其他标准（比如 XSL 和 DOM）相兼容。而 Flash 则是未开源的私有技术。[2]

转换方法

转换为 SVG 图标代码 svgsus 工具可以转换种代码格式，包括：Web, iOS, OS X, Android 等。使用方法也超简单：

方法1：单击你需要用的图标，然后在编辑器上 Ctrl + V 即可粘贴代码。 方法2：直接拖动图标到编辑器方法3：这个有点帅，直接在拖动图标时，经过 svgsus 界面，再拖入编辑器里，就可以生成代码了，请看帅气的 DEMO 吧！SVG

SVG格式的全名是“Scalable Vector Graphics”，中文的大概意思为“可变动的向量绘图形文件”其最主要的目的在于

改善网页上头图片的品质，这种格式的文件可以包含渐层、动画、自型的处理及一些特效等功能，让网页的图片可以“活”起来，不再只是单纯的图片而已，并且其有取代“动态GIF”文件的架式呢。当您安装之后，可以先连上Adobe的SVG测试网页，看看是否真的可以使用了，如您看到如上面标题旁的时钟图，就表示您的浏览器可以观看SVG格式了。

SVG(可放缩的矢量图形)是W3C(World Wide Web ConSor—tium国际互联网标准组织)在2000年8月制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。W3C是作为一个国际X的工业联盟而创建的， 目的是领导整个互联网协作的发展和创新， 以实现科技的进步和共同发展。由于W3C联盟关于SVG的开发工作组的成员都是一些知名厂商， 如Adobe、苹果、Aut0De sk、Bit Fla sh、Corel、惠普、IBM、ILOG、INSO、Macromedia、微软、Netscape、OASIS、Open Text、Quark、RAL(C C LRC)、Sun、ViSi0、施乐等，所以SVG不是一个私有格式，而是一个开放的标准。也就是说，它并不属于任何个体的专利，而是一个通过协作、共同开发的工业标准。正是因为这点，才使得SVG能够得到更迅速的开发和应用。

SVG的特点1．基于XML

为了保证网络图像能够顺利地和目前已经由W3C开发的DOM1，DOM2，CSS，XML，XPointer，XSLT，XSL，SMIL，HTML，XHTML技术，以及其他标准化技术，如ICC，URI，UNICODE，RGB，ECMAScr ipt／JavaScript，Java协调一致，SVG是完全基于x M L(EXtensibleMarkup Language可扩展置标语言)， 并能和上述各项技术相融会的新一代的网络图像格式。SVG并非仅仅是一种图像格式， 由于它是一种基于XML的语言，也就意味着它继承了XML的跨平台X和可扩展X，从而在图形可重用X上迈出了一大步。如SVG可以内嵌于其他的XML文档中，而SVG文档中也可以嵌入其他的XML内容，各个不同的SVG图形可以方便地组合， 构成新的SVG图形。

2．采用文本来描述对象

SVG包括3种类型的对象： 矢量图形(包括直线、曲线在内的图形边)、点阵图像和文本。各种图像对象能够组合、变换，并且修改其样式，也能够定义成预处理对象。与传统的图像格式不同的是，SVG采用文本来描述矢量化的图形，这使得svG图像文件可以像HT札网页一样有着很好的可读X。当用户用图像工具输出SVG后，可以用任何文字处理工具打开SVG图像，并可看到用来描述图像的文本代码。掌握了SVG语法的人甚至可以只用一个记事本便可以读出图像中的内容来。

SVG文件中的文字虽然在显示时可呈现出各种图像化的修饰效果，但却仍然是以文本的形式存在的，可以选择复制、粘贴。由于SVG内的文字都以文本的形式出现在XML文件中， 这些信息可以为搜索引擎所用，而以往搜索引擎通常无法搜索到写在点阵图像中的文字。这些文本信息还可以帮助视力有残疾而无法看到图形的人，可以通过其他方式(如声音)来传送这些信息。

SVG on Minimo

3．具有交互X和动态X

由于网络是动态的媒体，SVG要成为网络图像格式，必须要具有动态的特征，这也是区别于其它图像格式的一个重要特征。SVG是基于XML的，它提供无可匹敌的动态交互X。你可以在SVG文件中嵌入动画元素(如运动路径、渐现或渐隐效果、生长的物体、收缩、快速旋转、改变颜色等)，或通过脚本定义来达到高亮显示、声音、动画等效果。

4．完全支持DOM

DOM(Document Object Model文档物件模型)是一种文档平台，它允许程序或脚本动态的存储和上传文件的内容、结构或样式。由于SVG完全支持DOM， 因而SVG文档可以通过一致的接口规范与外界的程序打交道。SVG以及SVG中的物件元素完全可以通过脚本语言接受外部事件的驱动，例如鼠标动作，实现自身或对其他物件、图像的控制等。这也是电子文档应具备的优秀特X之一。

SVG较G I F、JPEG的优势

首先简要解释一下矢量图像格式和位图图像格式的区别。矢量图像用点和线来描述物体，所以文件会比较小，同时也能提供高清晰的画面，适合于直接打印或输出。而位图图像的存储单位是图像上每一点的像素值，因此一般的图像文件都很大，会占用大量的网络带宽。SVG是一种矢量图形格式，GIF、JPEG是位图图像格式。有了两者的概念后，SVG较GIF、JPEG的优势显而易见。

SVG1．任意放缩

用户可以任意缩放图像显示，而不会破坏图像的清晰度、细节等。

2．文本独立

SVG图像中的文字独立于图像，文字保留可编辑和可搜寻的状态。也不会再有字体的限制，用户系统即使没有安装某一字体，也会看到和他们制作时完全相同的画面。

3．较小文件

总体来讲，SVG文件比那些GIF和JPEG格式的文件要小很多，因而下载也很快。

4．超强显示效果

SVG图像在屏幕上总是边缘清晰，它的清晰度适合任何屏幕分辨力和打印分辨力。

5．超级颜色控制

SVG图像提供一个1 600万种颜色的调色板，支持ICC颜色描述文件标准、RGB、线X填充、渐变和蒙版。

6．交互X和智能化

由于SVG是基于XML的， 因而能制作出空前强大的动态交互图像。即SVG图像能对用户动作做出不同响应， 例如高亮、声效、特效、动画等。

相关信息

SVG查看工具Adobe SVG Viewer 3.03 下载download.adobe/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe

参考资料