圖片格式 WebP APNG


WebP  是一種支持有損壓縮和無損壓縮的圖片文件格式,派生自圖像編碼格式 VP8。根據 Google 的測試,無損壓縮后的 WebP 比 PNG 文件少了 45% 的文件大小,即使這些 PNG 文件經過其他壓縮工具壓縮之后,WebP 還是可以減少 28% 的文件大小。
 
PNG 轉 WebP 的壓縮率要高於 PNG 原圖壓縮率,同樣支持有損與無損壓縮
轉換后的 WebP 體積大幅減少,圖片質量也得到保障(同時肉眼幾乎無法看出差異)
轉換后的 WebP 支持 Alpha 透明和 24-bit 顏色數,不存在 PNG8 色彩不夠豐富和在瀏覽器中可能會出現毛邊的問題
 
WebP 的優勢體現在它具有更優的圖像數據壓縮算法,能帶來更小的圖片體積,而且擁有肉眼識別無差異的圖像質量;同時具備了無損和有損的壓縮模式、Alpha 透明以及動畫的特性,在 JPEG 和 PNG 上的轉化效果都非常優秀、穩定和統一。
 
如果網站以圖片為主,或者你的產品基於 Chromium 內核,建議體驗嘗試。假如你打算在 App 中使用 WebP,除了 Android4.0 以上提供的原生支持外,其他版本以及 iOS 都可以直接使用官方提供的解析庫
 
WebP 使用的是 Fancy 采樣算法,既然是采樣算法必然有采樣區塊,而 JPEG 的采樣區塊是 8*8,對於原始圖片的長寬不是 8 的倍數,都需要先補成 8 的倍數,使其能一塊塊的處理,所以對於 8 的整數倍的圖片,壓縮會更高效。
 
對於色彩復雜的圖片,一般使用 JPEG 格式,而對於色彩單一的圖片,使用 PNG 格式。可見色彩數會影響圖片的壓縮效果。
 

http://isux.tencent.com/introduction-of-webp.html

 
 
APNG又叫動態PNG(Animated PNG),第1幀為標准PNG圖像,剩余的動畫和幀速等數據放在PNG擴展數據塊里,因此只支持原版PNG的軟件會正確顯示第1幀。(為了解決gif鋸齒,白色噪點問題)
 
APNG的經歷還是蠻忐忑的,而且最后還是沒有形成標准,所以很少應用程序(對於瀏覽器,目前有firefox與opera支持,還有IOS8下的Safari)支持這種格式,但是不支持的應用程序會顯示APNG的第一幀。
對於原生應用,我們可以根據官方說明文檔編寫解碼邏輯 https://developer.mozilla.org/en-US/docs/Animated_PNG_graphics
 
對於HTML5應用,已經有比較成熟的開源框架apng-canvas https://github.com/davidmz/apng-canvas可供使用
 
iSparta可以批量轉換上面兩種圖片。
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM