快速解決GIF圖的鋸齒問題

2024-01-17 17:37:35 來源/作者: / 己有:0人學(xué)習(xí)過

前端:額,APNG的平臺兼容性不是特別好,不過也是有辦法解決的。APNG的經(jīng)歷還是蠻忐忑的,而且最后還是沒有形成標(biāo)準(zhǔn),所以很少應(yīng)用程序(對于瀏覽器,目前有firefox與opera支持,還有IOS8下的Safari)支持這種格式,但是不支持的應(yīng)用程序會顯示APNG的第一幀。

對于原生應(yīng)用,我們可以根據(jù)?官方說明文檔?(https://developer.mozilla.org)編寫解碼邏輯,目前PC QQ客戶端已經(jīng)支持APNG。

對于HTML5應(yīng)用,已經(jīng)有比較成熟的開源框架?apng-canvas(https://github.com)可供使用,我們在近期的『禮物』項目中就使用了APNG,做到了精細(xì)的動畫體驗(如下圖):

快速解決GIF圖的鋸齒問題

產(chǎn)品:那怎么生成APNG呢?如果有大批量的圖片需要轉(zhuǎn)換怎么辦?

前端:這個不用擔(dān)心,由于業(yè)內(nèi)暫時沒有APNG批量有損壓縮的工具,所以我們就自研了iSparta圖片轉(zhuǎn)換工具,它有以下特性——

1,批量處理

根據(jù)規(guī)則對文件和文件夾進(jìn)行批量轉(zhuǎn)換。具體操作請查看(isparta.github.io)。

2,APNG有損壓縮

直接集成PNG的有損壓縮,可以將文件體積降低到最?。ㄒ话爿敵龅奈募菺IF小30%左右)。

3,跨平臺

支持windows和Mac系統(tǒng)。

快速解決GIF圖的鋸齒問題

可以點擊 http://isparta.github?下載體驗, 目前該工具也在github(https://github.com)上開源了,關(guān)于工具的建議與bug可以在issues(https://github.com)上反饋,也歡迎大家的加入。

任何事情都不是一成不變的,有時候只要跳出常規(guī),再認(rèn)真一點點,這個世界其實可以更美好!

再回眸,麗影如初…