APNG代替GIF解決雜邊、鋸齒脱货、顏色失真等問題岛都，輸出動態(tài)效果。
在制作簡單動效GIF圖是總會有失真的問題振峻，設計師很頭疼臼疫，下面講一下怎么解決這個問題
APNG的應用場景
舉個栗子一個常見的動效需求：保護半透明的動態(tài)圖，例如loading加載扣孟，使用場景在app內烫堤，動圖要疊加在內容上。下面疊加的額內容不確定凤价，這就要求動圖必須支持半透明圖層鸽斟。如下圖圖書翻頁會有陰影，而且是個半透明漸變的投影
APNG制作步驟
做好的透明背景利诺，在AE做好動效
AE-文件-導出-添加到渲染對列----格式改為“PNG”序列------通道RGB+Alpha
AE渲染好的PNG序列圖會按照順序編號會自動放在文件夾
打開imparta將文件拖入輸出APNG格式富蓄，設置好導出路徑點開始運行就成
壓縮率
GIF 采用的是 LZW，而 APNG 采用的是 Deflate立轧，再加上 APNG 繼承了 PNG 的 filter格粪，利用相鄰像素的相似性使壓縮率大大提高
原 GIF 文件大小為 1.2 MB，但是一般的 GIF encoder 都不會拼命的去優(yōu)化文件大小氛改。
如果讓 gifsicle 利用各種奇淫技巧進行優(yōu)化，可以將文件無損的壓縮到 978 KB
gifsicle -O3 Rotating_earth_(large).gif -o Rotating_earth_(large)_gifsicle.gif
而隨隨便便轉換一個 APNG 才 479 KB 而已
gif2apng Rotating_earth_(large).gif
如果不在乎壓縮時間的話比伏，使用奇淫技巧（zopfli）來壓縮 APNG胜卤，還可進一步壓縮到 811 KB
兼容性
幾乎所有的瀏覽器都支持 GIF，而支持 APNG 的瀏覽器只有 Firefox 和 Safari赁项，?Chrome 58 開始也會支持 APNG葛躏，目前支持 WebP 的只有 Chrome 和 Opera澈段，?Firefox 也即將支持 WebP，?Safari 也在測試 WebP 的支持舰攒。至于 IE 和 EDGE 嘛败富，呵呵，還是換瀏覽器吧
下載地址
鏈接: https://pan.baidu.com/s/1wR6h4jqazRrn_WCm7DJUeQ 密碼: fubi
