說到「動圖」，很多人第一反應可能是 GIF ，但是GIF這個格式十分古老且低效，不僅體積大，而且畫質差，尤其致命的是帶透明的 GIF 那無法消除的「毛邊」，就算是不透明的 GIF，對於漸變、投影等效果的表現也是災難級的。總之，GIF 已經跟不上時代了，唯一的優勢大概就是良好的相容性以及創作工具比較友好吧（用 Photoshop 就可以一幀幀畫然後直接原生導出動態 GIF，Sketch 、AE 也有相應插件製作。）
那麼如果想輸出高品質動圖，除了GIF還有什麼選擇呢？APNG / WEBP 可以了解一下~
這兩個格式在畫質表現上是碾壓 GIF 了，在實際項目中主要還是不同設備之間的相容性問題需要考慮（這也是他們還沒取代 GIF 的原因，巨頭之間爭奪話語權的結果。。。）
好了，相容性交給研發小哥哥去頭疼吧，對應我們設計師，最主要還是得把他們做出來對吧？
之前的做法都是先用 AE 製作好動畫——導出序列幀——通過工具轉換成對應格式，轉換工具除了官方提供的命令行程序，還有一些軟體比如 iSparta 。
但是實際使用中我們發現 iSparta 經常出問題，有時卡死、閃退，有時導出的圖有閃爍現象，而看了一下項目首頁它有 2 年沒更新了（難道被放棄了？），而且每次都要先導出序列幀再用它倒騰一次也是挺麻煩的，能一次到位就好了。
嗯，現在你可以優雅地從 AE 直接導出 APNG / WEBP 動圖了，向大家介紹一下 BX-Webp/Apng Exporter :
📜 如何安装
1、下載 BX-WebpApngExporter.zxp 文件
2、根據自己的作業系統下載 ZXP 安裝工具
3、然後將 BX-WebpApngExporter.zxp 拖進安裝工具（或者通過 File -> Open 選擇該文件安裝）
📜 使用步骤：
1、AE 中打開需要導出的合成，在「合成設置」中設置好幀率。
2、在「窗口」-「擴展」中運行「BX Webp/Apng Expoter」。
3、選擇要導出的格式的對應導出地址，並根據情況勾選「是否導出」。
（點擊「WEBP 地址」、「APNG地址」按鈕來選取，也可以手動輸入、修改。）
4、設置畫質，取值為0-100之間的整數，數字越大畫質越好，圖片越大。
5、設置循環次數，取值為整數，0為無限循環。
⚠️ 注意事項
導出地址千萬不要設為桌面！！！！
部分朋友回饋導出到桌面導致了數據遺失！！！
導出時一定要給你的文件命名
點擊「生成」前請查看兩個導出地址最後是不是「/.webp」或者「/.png」，如果是，請改成「/xxx.webp」或者「/xxx.png」再導出！
◎ 下載鏈接僅供寬帶測試研究用途，請於下載後24小時內刪除，請勿用於商業目的。
◎ 蜂雲網提供的所有資源僅供學習測試，如果需要商用，請購買正版，支持原作者！
◎ 本站不承擔會員將站內資源用於盈利和(或)非法目的之任何後果和(或)法律責任。
◎ 本站所有資源皆從網上蒐集轉載，不承擔任何技術及版權問題。
◎ 蜂雲網將保留變更版規及所有文章之權益，恕不另行通知。
◎ 如有侵犯您的權益，請聯系管理員或發送郵件至[email protected]。
