通過 Flash 讓所有瀏覽器支持 WebP 格式圖像解碼
WebP是Google推出的一種圖片格式，它基于VP8編碼，可對圖像大幅壓縮。與JPEG相同，WebP也是一種有損壓縮，但在畫質相同的情況下，WebP格式比JPEG圖像小40%。見 Wiki 或 百度百科。它是一個開源項目，我們可以在此獲取其中源碼，以及相關工具。
顯然，Google瀏覽器Chrome首先引入，此外Opera 11.10也增加對WebP的支持。但目前還缺少其它瀏覽器的支持（除非安裝插件-Windows和Mac OS），但這并不妨礙我們嘗試！
大多數瀏覽器自身無法解碼WebP格式，但可以交給我們來實現！雖然網頁腳本無法勝任，但借助Flash技術，我們完全可以實現高效快速的解碼。并且，幾乎所有的瀏覽器都支持Flash，所以zjcqoo寫了個WebP插件：
當前版本共3個文件：WebP.js，WebP.swf和WebP.htc。在此下載打包文件。
在<body></body>之間插入如下代碼，即可使用WebP了。
<script type="text/javascript" src="WebP.js"></script>
插件將會捕捉頁面中使用WebP格式的img元素，并用Flash進行替換。圖像的解碼及顯示都在Flash中完成，因此目前版本對CSS設置的背景圖片無效。
當然，作為JPEG格式的替換，只有對較大的圖像使用才有意義，否則過多的解碼將消耗大量的資源。
etherdream網站里還有一些代碼示范可以參考。
Via etherdream
本文由用戶 openkk 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！