中文XML论坛--[转帖]SVG与SWF的对比

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

1......SVG与SWF的对比

作者：陈灏

　　SVG（Scalable Vector Graphics，可增量矢量图形）是W3C组织最新
制定的网络矢量图形标准，是作为XML的一个子集提出的。由于它系出名门，
加之人们不满原先一统天下的网络矢量图形标准——SWF（Flash动画格式）
的一些不足之处，因此它一问世便受到广泛关注，Sun, Adobe等公司都表
示将全力支持SVG。业界人士纷纷把它视为取代SWF格式的希望之星，其追
捧程度直逼年Flash有过之而无不及。

　　那么，SVG真的有那么强大吗？下面就让我们来看一下SVG与SWF的对决
吧。

　　文件大小

　　对于网络矢量图形来说，最基本的要求就是在储存信息不变的情况下
文件要尽可能小，否则在网络上进行传输就相当困难了。那么SVG和SWF哪
个更小呢？我作了以下实验。

　　我在Adobe Illustrator 9.0中作了一个由紫到橙，由椭圆到六角星的
Blend，接着我又在该图中加入了一段文字，最后我向图中导入了一幅
640×480的真彩BMP位图，并在每次操作后将图像分别存为SVG，SVGZ和SWF，
其大小见表1，由于该图中有矢量图形，文字和位图，因此我相信能比较准
确的反映这两种格式对储存同样的各类图形信息所需的空间比。

　　从以上的结果中，我们可以看到在储存性能上，SWF储存同样的图形所
用的空间比SVG要小得多，那么难道SVG就这么不堪一击吗？非也，前面我
们已经说到SVG格式是一种文本格式，而所有的文本格式都由一个共同的特
点，就是压缩比特别高。表1中的第二栏的SVGZ格式就是SVG的压缩格式，
也可以由Illustrator 9.0生成。它是采用了Winzip的LZW压缩算法对SVG进
行压缩后产生的文件格式（其实质就是一个zip文件，你甚至可以用Winzip
把里面的SVG文件重新解压出来，不信你试试？）SVGZ格式也可以直接被浏
览器浏览。从表1中可以发现SVGZ的大小就与SWF差不多了，大约只大5％－10
％，由于网上发布时所用格式一般都是SVGZ，因此虽然SWF在文件大小上略
胜一筹，但SVG/SVGZ还是具有相当的竞争力的。

　　整合性和易学性

　　以前Flash能够一统网络矢量图的天下，很重要的一点就是因为它可以
用action很方便的与其它web元素交互，因而能够很好的与web页面整合。
那么SVG又做得怎样呢？呵呵，其实对于SVG来说已经没有什么整合问题了，
因为它本身就是web页的一部分，听起来有点金大侠的无剑胜有剑的感觉吧
。因为SVG是XML的子集，所以它能够完全融入web页面中。你可以在SVG里
使用所有的web页元素，甚至使用CSS, DHTML, VRML, DOM, XSL, JavaScript
等各种W3C标准。由于这种无缝性，在未来当你需要在XML页面的某处加上
一个图形时，你也许不再是链接一个JPG或GIF图片，而是直接在该处用SVG
写出一个图形来！！这是多么令人期待的应用啊！因此在整合性方面我认
为SWF完全不能同SVG匹敌。另外由于SVG是XML的子集，所以它与Html一样，
也是一种标记语言，这样对于熟悉Html的人来说，学习SVG将会是件非常容
易而令人愉快的事。

　　可修改性

　　Flash一旦输出成SWF文件就无法修改了，除非你拥有原始的fla文件，
虽然现在已经有一些工具可以从SWF中提取出各种元素，但仍不能进行完全
的修改。这样虽然可以保护著作权，但对于重用和更新SWF就显得困难了。
如果你觉得某个SWF中场景很好想借用，或者你想更改SWF里某一段，可是
你没有原始fla，对不起，没有任何办法。可是SVG就不一样，它是文本格
式，只要你用记事本打开它，里面所有的秘密你就可以看得一清二楚，就
像阅读Html源码一样。你可以很容易的从中学习别人制作SVG的技巧，如果
你想偷懒的话，也可以直接copy一段你想要的SVG源码放到你的作品中去
（这样做之前不要忘了取得作者的同意哟），至于修改什么，更是不在话
下，用记事本就行了，当然随着SVG的流行，会有更多更好用的修改SVG的
软件出现的。不过由于SVG的这种特性，使得它和Html一样，源码很难保密，
这点可能有些重视知识产权的人会感到不满的。

　　公开性和支持度

　　SWF是半公开的文件格式，其标准的制定权在Macromedia公司。所以对SWF
的第三方支持比较少，到目前只有swish, swift 3D等少数几个软件。而SVG
是w3c制定的公开格式，任何公司都可以参与该SVG标准的制定，因此使得
该标准更加科学和强大，同时参加制定标准的公司也都会很乐意支持SVG格
式。任何公司也都可以采用该格式设计自己的SVG软件，因此就像现在的Html
软件一样，未来也会有相当多的软件去支持SVG格式，有竞争才有发展，在
激烈的竞争下，SVG软件的易用性一定会大大超过Flash。由于SVG的完全公
开性，我相信它未来的发展潜力和支持度应该会大大超过SWF。

　　画面质量

　　画面质量也是衡量网络矢量图形一个重要的因素，如果画质不好，即
使技术再先进，支持度再高也不可能被推广。但从我对从Illustrator中分
别输出的SWF和SVG文件的比较来看（SWF采用Flash Player 5.0浏览，SVG
采用Adobe SVG Viewer 1.0浏览），两者的画质几乎一样好，完全无法区
分优劣。所以在这一点上，双方打成平手。不过由于SVG是一种公开格式，
因此未来将会有多个SVG浏览器出现，在各个不同的浏览器中，SVG的表现
可能不会完全一致，就像VRML在不同浏览器中的表现不同一样。

　　以上我们从5个方面比较了SWF和SVG的性能，从比较中可以发现SVG确
实是一种相当先进，有前途的网络矢量图形格式，在各项指标上都不输给
SWF，而且还具有自己独特的优势，因此在未来的一两年内，可能会有很
大的发展。如果Macromedia不能很好面对它的挑战，改进Flash技术的话，
SVG就完全有可能取代Flash成为网络图形新霸主。不过它目前的问题就是
软件支持还比较少，使用的人还不多，但由于它的公开性，这种情况很快
就会改善。所以像我一样喜爱Flash技术的朋友们，一定要多多留心SVG的
发展，以免将来SVG大潮到来时被它所抛弃呀!

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

渴望早期出现象FLASH一样的工具来做SVG，那时该多幸福啊

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

这一段在读Bill Trippe & Kate Binder著，高伟英宇译的《svg设计——载下一代web站点中使用可缩放矢量图形》，读到了svg和flash的不同，现在共享给大家，现在对作者和译者表示感谢！

不同之处是什么?
就像png格式被认为是一种非特殊的、可替代gif得格式，svg也可以被看作是一种替代flash的公有的开放格式。它们都是可以表述web上多媒体内容的矢量格式。它们被设计为简洁的格式，因此省了带宽，而且因为它们基于矢量而不是像素，所以不管浏览条件如何，它们都是高质量的图形。

1.所有权
      svg和flash之间的第一个而且是最明显的不同就是两种技术的所有权（ownership）。svg是由w3c管理的一种开放标准，w3c是web技术的国际化标准组织。另一方面，swf是由macromedia公司所有的一种专有格式。
     这两种格式的属性实际上可以看作三个独立的问题：
          这两种格式是开放的还是封闭的？对于在器想栽其软件中支持它的开发人员以及像利用其特性的用户来说如何访问它？
          这种格式是专有的还是公共的？谁拥有它以及谁可以改变它?
          这种格式是一种标准吗？它是被广泛的使用或者甚至在其领域占统治地位？它与其它格式兼容吗?
      尽管flash文件格式常常被开放标准的支持者称为一种“封闭的”格式，但事实上器规范已经向公众发表，而且任何应用程序开发人员只要同意macromedia非常宽松的条款，就可以免费使用它。macromdia也发布了一个免费的软件开发工具包（sdk），以方便任何开发人员可以创建能输出swf文件的软件。因此，除了明确设计为使用这种格式的macromedia的应用程序，例如flash创作环境，越来越多的应用程序正在支持到处swf.不过，要获得flash格式的所有特性，你必须macromedia的创作工具——显然，使用svg不是这种情况，可以在任何文本编辑器中创建它。
      对于看图程序来说，svg和swf都很容易访问——即使在你的计算机中没有安装合适的看图程序，得到并安装它是一件很轻松的工作。web设计人员正着眼于一种不同的工作：创建svg或swf内容。在这一领域，svg更易于访问，因为它是基于文本的格式，不仅可以使用专有的设计工具，而且也可以使用文本编辑器和与数据库交互的xml生成程序以及其它软件来创建。你可以很方便的编写svg——二进制的flash格式则不是这样。
       而且即使swf是开放的，它仍然是一种专有格式，意味着macromedia拥有它，并且如果该公司愿意的话，它可以自由改变这种格式或停止发布规范和开发工具。随着每一种新版本的产品出现，都会有一种新的规范和新的播放器，迫使flash设计人员忙于确保他们的作品仍然是兼容的（以及掌握如何使用新特性）。
      根据许可协议，"macromedia可以在任何时候改进、修改、变更和停止sdk的发布和生产"因此虽然swf在技术上是一种开放格式，但是它的状态同样决定于其拥有者的行为。
      svg既是开放的又是公用的。它由w3c创建，而且任何想阅读其规范的人都可以读到它。它属于公众而非私有公司，这意味着它当前的状态是安全的而且不会有人收费——没有人会打算向那些在器软件中使用svg格式的开发人员收费，而且没有人未经事先长时间的公开讨论就准备改变这种格式。在w3c的网站上公布了工作草案，因此美个人都可以看到工作进行的情况。
      最终，这些标准问题归结为通过立法制定的标准与不管怎么缺乏官方支持而在事实上占市场主导地位的标准之间的冲突。svg属于前一种类型，而swf属于后者。flash几乎成为一种事实上的标准，仅仅由于每个人都使用它，而被认为是一种标准。对于打算将svg添加到其工具的开发人员来说，问题在于svg是否具有于swf竞争的潜在可能，并且在每个人都已经使用swf而很多人还从没听说过svg的时候，甚至超过它。答案是肯定的——这种可能性是完全存在的。svg是一种具有竞争力的矢量多媒体格式，它已经被整个设计领域的应用程序开发人员采用。而且这种可能性会越来越大。对于开发人员来说，其余所有的问题就是认识这种可能性并开始利用它。

待续……

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

接上贴

2.可访问性
       在多数情况下，web设计人员希望他们的作品能被尽可能多的程序打开，这就说明一旦人们打开网站，就要确保他们可以在web上找到那些作品并且可以读取它们。因此使得网站既易于杯搜索引擎访问又易于被各种用户访问，就变得很重要。
       本质上，flash格式文件的内部结构对于搜索引擎是不可见的，而且从一个flash页面获取链接比从一个html页面更困难。当整个网站都使用flash建立时，就像macromedia一直鼓励设计人员那样做的，这些问题就会特别令人困扰。以flash格式创建整个页面和网站，而不使用各种嵌如的swf结合html，可以随页面后的数据的改变而实现有选择的页面图像更新，而不必再每次用户输入新数据时重绘全部页面。利用这种概念的一类应用程序就是在线商务，其中用户的购物车和它们正在购买的商品属性可以立即更新，而不必每次当有关交易的信息改变时都发送一个全新的html页面。
     web专家提供解决方案包括从广泛使用元标签和页面表提到创建一个圈flash站点的一种选择的html版本。然而，另外一些人指出搜索引擎并不是赢得瞩目和吸引浏览者到网络广告、互利连结以及这类内容的唯一方式。
     另一方面，如果搜索引擎的易访问性对你很重要，那么svg比swf更具有吸引力。因为它是人类可读的、基于文本的格式，所以svg能够被任何搜索引擎读取并建立索引，既可以是在线的，也可以是在你自己的本地计算机或内部网中。
     类似的，建立到svg的易访问性比swf更容易。这并不意味着每一个svg设计人员都将采用必要步骤来这么做——至是可以这么做。svg在设计师已经考虑到这个问题，而且w3c已经发布了一些非常有用的信息，可以使svg内容更易于被所有人访问。svg有益于访问的特性包括：
     （1）可缩放性
       按字面意思就是指讲内容放大的能力，可以帮助确保有视觉障碍的拥护，或者那些距离显示器比平常更远的人们，可以看到应当看到的所有内容。
     （2）结构化图像
       svg本身为结构化图像，它包括了有关一幅图像中每个组件的结构，这使得辅助技术更容易按照一种其用户可以理解的方式复制图像。svg使用了文档对象模型，即dom来定义每一个元素，可以在必要是能够处理每个元素从而确保它和这幅图像作为一个整体可以由用户访问。
     （3）可选的等价物
       一幅svg图像的每个逻辑组件可以包括描述那个组件的可选择方式，包括一个标题，又可以使具有各种残障的人们更方便的理解一幅图像。
     （4）普通文本
      因为svg是纯文本，所以任何svg内容可以输入为忙问，通过屏幕阅读器阅读，或者以其他使其更易于理解和创作的方式表示。
     （5）样式表
       可以使用样式表控制图像的表现，能够使创建的样式针对各种类型用户最大的提高访问性
     （6）可扩展样式特性
      svg属性不同于css中包括的其它属性，它可以用来进一步提高有视觉障碍和使用辅助技术的人们的易访问性。通过改变字体和滤镜，设计人员可以方便的采用供视觉较差、色彩缺乏或需要辅助技术的人们使用内容。

待续……

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

接上贴

3.互操作性
      对于用户和设计人员来说，完美的情况就是技术的发展不会阻碍信息的传递。为此，不同的技术必须无缝地使用；它们必须能够共享数据并讲起来会传递，以及为用户提供没有蹩脚缺线、错误或其他问题的结果。而且这种互操作性就是w3c所考虑的，就象它的“七要点”中表述的那样：
       20年前，人们购买了只能与来自同一供应上的其它软件一起使用的软件。今天，人们有更多的自由选择，并且他们非常希望软件组件是可互交换的。他们也希望能够使用他们喜爱的软件来浏览web内容。w3c是一个独立于供应商的组织，通过设计和推动开放计算机语言和协议促进互操作性，避免过去那种市场的分割。这通过业界一致同意并鼓励进行讨论的一个开放论坛来实现。
       svg提供了描述矢量的一种方式，同时能够通过其他xml实例、脚本语言、css和DOM进行扩展；而SWF则是一种基于WEB的多媒体格式，在那种环境外其应用受到了限制。与SVG不同，Flash格式不时基于xml的，它减小了其显示范围以及于Macromedia应用的交互性选项。通过将SVG建立在XML基础之上，W3C使得SVG于其他XML实例的结合成为可能，可以将他们全部嵌入到同一文档中，并且根据出现在文当中每个部分的内容类型使用最恰当的一种方式。
       所有这并不是说Flash格式于大多数当前技术不兼容，或者用户目前使用它会有什么问题——而只是说想要访问swf内容的用户会局限在只能使用Macromedia让他们能够使用的技术上。例如只能浏览文本的浏览器不能很好的支持Flash，而且可能未来将不再存在。

待续……

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

接上贴

4.可伸缩性
        这些时候以来，为各种平台和设备提供内容是摆在设计人员面前的另一个需求。假设你要创建一个将在任意地方——一台桌片pc、一台PDA或一不蜂窝电话上使用的文件。当然，很少有这种可能性。但是现在的创作应用程序正在逐步使用户能够设定显示的平台，以便可以针对设备定制内容。这就意味着只有一个源文件就可以生成在很多设备上发布的所需的各种专门版本。然而，将文档移植到功能较少的平台，仍然需要一定程度的用户干预，而且可能在相当一段时间内需要这么做。
        Macromedia已经发布了用于Pocket PC的Flash播放器，用于Nokia 9200移动通信系列以及其他设备。开发人员正在热衷于为移动设备中包括一个能够让开发人员针对小型设备优化内容的模块。所有这些都是Macromedia将Flash普及到所有设备，包括机顶盒和游戏系统所做努力的一部分。
        其间，开发人员已经意识到了SVG解释器可以添加到几乎任何应用程序中，甚至像蜂窝电话和手持设备中使用的嵌入式软件。在2002年春天，W3C发布了来中新的SVG技术的候选推荐规范：用于蜂窝式电话使用的SVG微型版和用于PDA使用的SVG基本版。这些都是SVG的子集，能够让开发人员预先确定的了解SVG的那些部分可以在移动设备上使用，从而进行设计。此时，eSVG的工作正在继续进行，这是一个将在嵌入是系统中使用的SVG版本，而且开发人员正在创建各种各样的美妙的SVG实现。
       SVG和SWF正在进入针对移动电话和嵌入是系统内容的领域，而且这正处于初期发展阶段，无法预知哪一种将会领先。

待续……

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

接上贴

5.工作流
Flash与SVG之间可能最大的不同，而且也是WEB内容开发人员正转向SVG的最重要的原因，就是工作流。使用SVG，设计人员和开发人员使用他们喜爱的工具在他们熟知的媒体上并行的开发。因为SVG使用了DOM，所以开发人员可以使用任意一种标准的脚本语言，因此，只需几分钟它就可以让开发人员开始使用脚本设计动态SVG。此时，熟悉CorelDraw和Adobe Illustrator的设计人员只需将它们的作品保存为svg就可以了。当然，他们应当了解一些svg的基本知识，以便优化其作品的内容，因为这两种程序并不寺真正用于设计svg的。并且这就是应用像Jasc Webdraw这样的程序的地方——允许设计人员在必要时使用所有的svg特性。
另一方面，要使用flash，你就需要使用Macromedia Flash来获得所有的swf特性，但是该程序具有很艰涩的学习曲线，而且Flash(格式)很不灵活。

完，再次对作者和译者表示感谢！

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

这里有介绍，大家可以看看去！
http://www.carto.net/papers/svg/comparison_flash_svg/
另一个：
http://www.carto.net/papers/svg/comparison_flash_svg/index07.shtml


	W 3 C h i n a ( since 2003 ) 旗下站点苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》	140.625ms