快速解決GIF圖的鋸齒問題
前端:額,APNG的平臺兼容性不是特別好,不過也是有辦法解決的。APNG的經歷還是蠻忐忑的,而且最后還是沒有形成標準,所以很少應用程序(對于瀏覽器,目前有firefox與opera支持,還有IOS8下的Safari)支持這種格式,但是不支持的應用程序會顯示APNG的第一幀。
對于原生應用,我們可以根據?官方說明文檔?(https://developer.mozilla.org)編寫解碼邏輯,目前PC QQ客戶端已經支持APNG。
對于HTML5應用,已經有比較成熟的開源框架?apng-canvas(https://github.com)可供使用,我們在近期的『禮物』項目中就使用了APNG,做到了精細的動畫體驗(如下圖):
產品:那怎么生成APNG呢?如果有大批量的圖片需要轉換怎么辦?
前端:這個不用擔心,由于業(yè)內暫時沒有APNG批量有損壓縮的工具,所以我們就自研了iSparta圖片轉換工具,它有以下特性——
1,批量處理
根據規(guī)則對文件和文件夾進行批量轉換。具體操作請查看(isparta.github.io)。
2,APNG有損壓縮
直接集成PNG的有損壓縮,可以將文件體積降低到最小(一般輸出的文件比GIF小30%左右)。
3,跨平臺
支持windows和Mac系統。
可以點擊 http://isparta.github?下載體驗, 目前該工具也在github(https://github.com)上開源了,關于工具的建議與bug可以在issues(https://github.com)上反饋,也歡迎大家的加入。
任何事情都不是一成不變的,有時候只要跳出常規(guī),再認真一點點,這個世界其實可以更美好!
再回眸,麗影如初…
下一篇:字體知識,教你怎么給配圖選字體