swf是什么文件又叫什么？跟FLV和GIF到底有啥区别！

话说回来，这两天我被朋友问懵了，他翻出十年前做的网页游戏素材，问我里面那个.swf文件现在还有啥用，叫什么名堂。我当时一听，好久没碰这老古董了。

我动手实践：搞清楚SWF到底是个

这事儿不能含糊，我马上就开始动手，像以前写代码一样，从头开始查起。

第一步：上手找软件，看它还能不能跑。

我翻箱倒柜，直接去扒拉那些老牌播放器。结果发现，现在要播放这玩意儿真不好搞了。官方的Flash Player基本都宣布“死了”，很多浏览器也早就不支持了。我费了九牛二虎之力，才在电脑角落里翻出一个独立的Flash播放器。

• 我双击打开了一个老SWF动画文件，发现它名字就叫“Shockwave Flash”文件，或者干脆叫“Flash动画”。
• 它不是简单的图片，它里面有背景音乐，能点击按钮触发事件，还能动！原来这就是当年我们说的“富媒体”。
• 我接着研究，这玩意儿最大的特点就是它是矢量图为主，你文件再怎么放大，边缘都不模糊，这个技术在当年真是没的说。

第二步：对比FLV，看看有啥不同。

朋友又问了，那FLV又是什么鬼？以前看视频老是看到这个。我二话不说，拉过来一个SWF文件和FLV文件一起比对，用播放器尝试打开。

我发现：

• SWF，它更像是个打包好的动画成品，或者说是个播放器壳子，能互动。
• FLV，全称叫Flash Video，它就是个纯粹的视频文件，里面的内容是经过高度压缩的，专门用来在网络上流畅播放视频的。
• 以前很多网站的视频，都是先用SWF做个控制面板，然后装载调用FLV进去播。它俩是搭档关系，但不是同一种东西。FLV是里面的“食材”，SWF是装食材的“盘子”。

第三步：跟GIF比划比划，它到底强在哪？

要说动画，现在不都用GIF嘛表情包满天飞。我就找了一个当年很火的Flash小游戏，用工具尝试把它转成GIF图片格式看看。

结果是简直是惨不忍睹！

• GIF那颜色，一下子就掉了一大半，色彩损失严重，画面显得很粗糙。
• SWF里本来有的声音和复杂的交互逻辑，转成GIF直接全部没了，只能是死板的动画。
• 最关键是，那个文件大小！SWF明明是矢量图，文件小巧玲珑，十几K就能存一个动画。转成一帧一帧的位图GIF后，文件立马膨胀了七八倍，跑起来还卡顿。

SWF当年就是靠着小体积、高质量、能互动这三板斧横扫互联网江湖的。

为什么现在没人提SWF了？这里面有故事。

我为啥对SWF这么了解，今天还这么深入地折腾了一番？因为我以前在的老公司，就差点死在Flash手里。

那年头，HTML5刚出来没多久，我们有个大项目是给某机构做线上互动课件。老板大手一挥，说用Flash做！我们技术团队日夜兼程，把几百个课件都赶了出来，正准备大批量上线的时候。

突然间！苹果的乔布斯大哥站出来，说Flash这玩意儿漏洞多、耗电，在iPhone上直接禁用！安卓和浏览器也开始跟进屏蔽。你猜怎么着？我们几百个课件，在手机端上一个都跑不起来！

公司上下瞬间炸了锅。项目直接被叫停，老板和客户那真是吵得不可开交。那段时间，我们整个技术部就围绕着“Flash转HTML5”这一个任务来回折腾。所有人没日没夜的加班，把那些SWF文件挨个拆开，用新的技术重做一遍，几乎等于白忙活了大半年。

我当时也是被支配的那个人，每天下班前的任务就是测试那些转出来的课件有没有丢交互、有没有变色。那个痛苦，我现在想起来都冒汗。

所以说，文件格式这种东西，你得跟紧时代。SWF不是不它曾经是当之无愧的王者。但它不兼容移动设备，安全漏洞多，被时代淘汰了也是没办法的事。我的这回实践，也算是给曾经那个辉煌的Flash时代做个小小的记录和告别！