http://get.jobdeer.com/6513.get

其中APNG和WebP格式出現(xiàn)的較晚，尚未被Web標(biāo)準(zhǔn)所采納，只有在特定平臺或瀏覽器環(huán)境可以預(yù)知的情況下加以采用，雖然均可以在不支持的環(huán)境中較好的功能降級，但本節(jié)暫不討論這兩種格式?

?

?

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

什么是 WebP？

WebP（發(fā)音 weppy，項目主頁），是一種支持有損壓縮和無損壓縮的圖片文件格式，派生自圖像編碼格式 VP8。根據(jù) Google 的測試，無損壓縮后的?WebP 比 PNG 文件少了 45％ 的文件大小，即使這些 PNG 文件經(jīng)過其他壓縮工具壓縮之后，WebP 還是可以減少 28％ 的文件大小。

2010 年發(fā)布的 WebP 已經(jīng)不算是新鮮事物了，在 Google 的明星產(chǎn)品如 Youtube、Gmail、Google Play 中都可以看到 WebP 的身影，而 Chrome 網(wǎng)上商店甚至已完全使用了 WebP。國外公司如 Facebook、ebay 和國內(nèi)公司如騰訊、淘寶、美團等也早已嘗鮮。目前 WebP 也在我廠很多的項目中得到應(yīng)用，如騰訊新聞客戶端、騰訊網(wǎng)、QQ空間等，同時也有一些針對 WebP 的圖片格式轉(zhuǎn)換工具，如?智圖，iSparta?等。

WebP 的優(yōu)勢體現(xiàn)在它具有更優(yōu)的圖像數(shù)據(jù)壓縮算法，能帶來更小的圖片體積，而且擁有肉眼識別無差異的圖像質(zhì)量；同時具備了無損和有損的壓縮模式、Alpha 透明以及動畫的特性，在 JPEG 和 PNG 上的轉(zhuǎn)化效果都非常優(yōu)秀、穩(wěn)定和統(tǒng)一。

科技博客 Gig???aOM 曾報道：YouTube 的視頻略縮圖采用 WebP 格式后，網(wǎng)頁加載速度提升了 10%；谷歌的 Chrome 網(wǎng)上應(yīng)用商店采用 WebP 格式圖片后，每天可以節(jié)省幾 TB 的帶寬，頁面平均加載時間大約減少 1/3；Google+ 移動應(yīng)用采用 WebP 圖片格式后，每天節(jié)省了 50TB 數(shù)據(jù)存儲空間。

?

兼容性與可用性

現(xiàn)在問題來了：WebP 的支持度和兼容性如何？

根據(jù)對目前國內(nèi)瀏覽器占比與 WebP 的兼容性分析，大約有 50% 以上的國內(nèi)用戶可以直接體驗到 WebP，如果你的網(wǎng)站以圖片為主，或者你的產(chǎn)品基于 Chromium 內(nèi)核，建議體驗嘗試。假如你打算在 App 中使用 WebP，除了 Android4.0 以上提供的原生支持外，其他版本以及 iOS 都可以直接使用官方提供的解析庫（Android?、iOS?）。

?

綜合技術(shù)方案

對于不同場景下 WebP 的使用，我們總結(jié)了一些解決方案，如下：

1、若使用場景是瀏覽器，可以：

• JavaScript 能力檢測，對支持 WebP 的用戶輸出 WebP 圖片
• 使用 WebP?支持插件：WebPJS

2、若使用場景是 App，可以：

• Android 4.0 以下 WebP 解析庫（鏈接）
• iOS WebP 解析庫（鏈接）

3、轉(zhuǎn)換工具：

• 智圖
• iSparta

轉(zhuǎn)載于:https://www.cnblogs.com/darr/p/4691593.html

總結(jié)

以上是生活随笔為你收集整理的Web性能优化之图片优化的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。