當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>技巧教程>教程內(nèi)容

快速解決GIF圖的鋸齒問題(3)

來源:isux.tencent 作者:阿杰 學(xué)習(xí):26687人次

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

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

對(duì)于HTML5應(yīng)用,已經(jīng)有比較成熟的開源框架?apng-canvas(https://github.com)可供使用,我們?cè)诮诘摹憾Y物』項(xiàng)目中就使用了APNG,做到了精細(xì)的動(dòng)畫體驗(yàn)(如下圖):

快速解決GIF圖的鋸齒問題

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

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

1,批量處理

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

2,APNG有損壓縮

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

3,跨平臺(tái)

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

快速解決GIF圖的鋸齒問題

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

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

再回眸,麗影如初…

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
啊啊啊2023-03-27 05:33
你!是!我的!神!這篇文章我太愛看了。我懷著崇敬的心情點(diǎn)開了iS的下載地址,我試試微信可不可以用
冷雨595在搜狐2017-09-19 10:10
老看不懂
糖聽波ken2017-05-28 02:19
看了一天教程了
塞外莊原2017-05-28 06:32
不明白
貴柔狼2017-05-28 01:11
學(xué)習(xí)

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!