WebP 是由 Google 開發的一種新型圖片格式,可以提供更好的圖像壓縮效率和更快的加載速度,相比 JPEG 和 PNG 等傳統格式,可以減少圖像文件大小達到更好的網頁性能和使用體驗。
WebP 使用基於 VP8 視頻編碼技術的有損和無損壓縮方法,並使用 RIFF 容器格式來包裝圖像數據,同時支持透明度和動畫等特性,因此在一些需要保留高品質的圖像、動畫或透明度的情況下,WebP 格式可以成為更好的選擇。
WebP 的使用還有一個優勢是在 Google Chrome 和 Firefox 等主流瀏覽器中內建支持,因此可以輕鬆地實現對 WebP 格式的加載和顯示。
總之,網頁使用 WebP 圖片的理由主要是為了提高圖像壓縮效率和加載速度,以及支持透明度和動畫等特性,同時 WebP 在一些主流瀏覽器中內建支持,這也是其廣泛使用的原因之一。
在設計和開發網頁時,優化圖像的文件大小是非常重要的一個環節。開發人員可以通過多種方法來優化圖像文件大小,比如使用更高效的圖像格式(如 WebP),使用壓縮工具壓縮圖像文件,減少圖像尺寸等等。這樣做可以有效地減少網頁的下載時間和加載時間,從而提高網頁速度和性能,提供更好的使用體驗。
從版本 CC 2015.5 開始,Adobe Photoshop 就開始支持 WebP 格式的圖像。
使用 Adobe Photoshop 可以對 WebP 格式的圖像進行打開、編輯、保存等操作。如果您需要在網頁上使用 WebP 格式的圖像,可以通過 Adobe Photoshop 將其他格式的圖像轉換為 WebP 格式,從而達到更好的圖像壓縮效果和更快的加載速度。
需要注意的是,在使用 Adobe Photoshop 處理 WebP 格式的圖像時,需要確保您使用的是支持 WebP 格式的版本,以及安裝了 WebP 格式的插件。
當前網頁流覽器當中,Google Chrome和Opera原生支援靜態與動態的WebP格式,而Google Chrome自12版開始支持WebP的漸進式解碼功能。此外所有可以原生播放WebM影像的流覽器,也可以透過javascript來顯示WebP影像。又Pale Moon 26+流覽器僅支援靜態的WebP圖像。Firefox流覽器亦在65.0版本支援WebP圖像。
由GOOGLE 於2010年推出的新一代圖片格式,在壓縮方面比當前JPEG格式更優越。
GOOGLE 表示,webp這種格式的主要優勢在於高效率。他們發現,“在品質相同的情況下,WebP格式圖像的體積要比JPEG格式圖像小40%。CHROME 已經支持webp格式,Opera在版本號Opera11.10後也增加了支持,然而FIREFOX 和ie暫時還不支援webp格式,可以採用flash外掛程式來顯示webp,當然這樣會耗費一些性能。
美中不足的是,WebP格式圖像的編碼時間“比JPEG格式圖像長8倍”。
分析人士認為,儘管WebP格式尚未像JPEG格式那樣,得到各種軟硬體的廣泛支援,但GOOGLE 推廣這一格式的優勢在於Chrome流覽器。
Webp技術
WebP的失真壓縮演算法是基於VP8視頻格式的幀內編碼,並以RIFF作為容器格式。因此,它是一個具有八位色彩深度和以1:2的比例進行色度子採樣的亮度-色度模型(YCbCr4:2:0)的基於塊的轉換方案。不含內容的情況下,RIFF容器要求只需20位元組的開銷,依然能保存額外的中繼資料(metadata)。WebP圖像的邊長限制為16383像素。
WebP是基於塊預測的。每個塊都是根據它上面三個塊的值和其左邊一個塊的值進行預測的(塊解碼以光柵掃描順序完成:從左到右,從上到下)。塊預測有四種基本模式:水準、垂直、DC(單色)和TrueMotion。利用離散余弦變換或沃爾什-阿達瑪轉換將預測錯誤的資料和未預測塊壓縮在4×4像素子塊中。這兩種轉換都是使用定點算術完成的,以避免舍入誤差。輸出使用熵編碼進行壓縮。WebP也明確支持並行解碼
參考實現包含一個Linux命令列程式的轉換器,以及以及用於解碼的庫,與WebM相同。開源社區很快設法將轉換器移植到其他平臺,例如Windows。
WebP的無失真壓縮採用先進的技術,例如用於不同顏色通道的專用熵代碼,利用反向參考距離的2D位置和最近使用的顏色的顏色緩存。這補充了字典編碼、霍夫曼編碼和色彩索引變換等基本技術。