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

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

來源:isux.tencent 作者:阿杰 學習:26687人次

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

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

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

快速解決GIF圖的鋸齒問題

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

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

1,批量處理

根據(jù)規(guī)則對文件和文件夾進行批量轉(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ī),再認真一點點,這個世界其實可以更美好!

再回眸,麗影如初…

學習 · 提示

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

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

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