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

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

?

?

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

什么是 WebP？

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

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

WebP 的優勢體現在它具有更優的圖像數據壓縮算法，能帶來更小的圖片體積，而且擁有肉眼識別無差異的圖像質量；同時具備了無損和有損的壓縮模式、Alpha 透明以及動畫的特性，在 JPEG 和 PNG 上的轉化效果都非常優秀、穩定和統一。

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

?

兼容性與可用性

現在問題來了：WebP 的支持度和兼容性如何？

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

?

綜合技術方案

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

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

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

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

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

3、轉換工具：

• 智圖
• iSparta

轉載于:https://www.cnblogs.com/darr/p/4691593.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。