使用WebP節(jié)省網(wǎng)站流量和存儲空間，加快網(wǎng)站加載速度

時(shí)間：2023-05-06 16:39:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-05-06 16:39:02 來源：網(wǎng)站運(yùn)營

使用WebP節(jié)省網(wǎng)站流量和存儲空間，加快網(wǎng)站加載速度：使用WebP圖片格式節(jié)省網(wǎng)站流量、帶寬和存儲空間，加快網(wǎng)站加載速度。

目前在互聯(lián)網(wǎng)上，圖片流量仍占據(jù)較大的一部分。因此，在保證圖片質(zhì)量不變的情況下，節(jié)省流量帶寬是大家一直需要去解決的問題。傳統(tǒng)的圖片格式，如 JPEG，PNG，GIF 等格式圖片已經(jīng)沒有太多的優(yōu)化空間。因此 Google 于 2010 年提出了一種新的圖片壓縮格式 — WebP，給圖片的優(yōu)化提供了新的可能。

什么是WebP

WebP（發(fā)音：weppy）是一種同時(shí)提供了有損壓縮與無損壓縮（可逆壓縮）的圖片文件格式，派生自影像編碼格式VP8，被認(rèn)為是WebM多媒體格式的姊妹項(xiàng)目，是由Google在購買On2 Technologies后發(fā)展出來，以BSD授權(quán)條款發(fā)布。

WebP最初在2010年發(fā)布，目標(biāo)是減少文件大小，但達(dá)到和JPEG格式相同的圖片質(zhì)量，希望能夠減少圖片檔在網(wǎng)絡(luò)上的發(fā)送時(shí)間。2011年11月8日，Google開始讓W(xué)ebP支持無損壓縮和透明色（alpha通道）的功能，而在2012年8月16日的參考實(shí)做libwebp 0.2.0中正式支持。根據(jù)Google較早的測試，WebP的無損壓縮比網(wǎng)絡(luò)上找到的PNG檔少了45%的文件大小，即使這些PNG檔在使用pngcrush和PNGOUT處理過，WebP還是可以減少28%的文件大小。

WebP支持的像素最大數(shù)量是16383x16383。有損壓縮的WebP僅支持8-bit的YUV 4:2:0格式。而無損壓縮（可逆壓縮）的WebP支持VP8L編碼與8-bit之ARGB色彩空間。又無論是有損或無損壓縮皆支持Alpha透明通道、ICC色彩配置、XMP詮釋數(shù)據(jù)。

WebP有靜態(tài)與動態(tài)兩種模式。動態(tài)WebP（Animated WebP）支持有損與無損壓縮、ICC色彩配置、XMP詮釋數(shù)據(jù)、Alpha透明通道。

兼容性

現(xiàn)在主流的瀏覽器都支持WebP了，Safari和Firefox可能需要較新版本才支持，我測試的最新版本Firefox已經(jīng)支持WebP，IE不支持。Chrome內(nèi)核的瀏覽器都支持。微信和QQ測試也支持。

目前很多大型網(wǎng)站都已經(jīng)使用WebP格式的圖片了，微信公眾號文章在很早之前也已經(jīng)開始使用了，還有很多CDN支持將圖片轉(zhuǎn)換為WebP。

圖片轉(zhuǎn)WebP格式

這里推薦幾個(gè)在線轉(zhuǎn)webp圖片的網(wǎng)站和工具：

webp2jpg：https://renzhezhilu.gitee.io/webp2jpg-online/
支持jpeg、jpg、png、gif、svg、ico、bmp轉(zhuǎn)webp，可批量。
注：這個(gè)網(wǎng)站gif只支持轉(zhuǎn)換第一幀圖片。

智圖：https://zhitu.isux.us/
智圖是騰訊ISUX前端團(tuán)隊(duì)開發(fā)的一個(gè)專門用于圖片壓縮和圖片格式轉(zhuǎn)換的平臺，其功能包括針對png,jpeg,gif等各類格式圖片的壓縮，以及為上傳圖片自動選擇最優(yōu)的圖片格式。同時(shí)，智圖平臺還會為用戶轉(zhuǎn)換一份webp格式的圖片。
注：不支持超過5M的圖片，超過5M的格式需要下載客戶端?？蛻舳丝梢耘哭D(zhuǎn)換，轉(zhuǎn)換不是離線的，需將圖片上傳服務(wù)器轉(zhuǎn)換，對gif支持好像有點(diǎn)問題。
客戶端下載地址：http://go.zeruns.tech/N

Any To WebpTool：https://zeruns.lanzous.com/id7zqab

支持jpg、png、gif，壓縮效果很好，對gif支持也不錯(cuò)。下面的效果圖都是用這個(gè)軟件轉(zhuǎn)換的。

效果圖

普通圖片轉(zhuǎn)webp圖片質(zhì)量和大小對比。

下面三張?jiān)瓐D大小和壓縮為webp后大小分別為：

圖片請看原文：使用WebP節(jié)省網(wǎng)站流量和存儲空間，加快網(wǎng)站加載速度 - Zeruns's Blog

推薦文章

• 高性價(jià)比和便宜的VPS/云服務(wù)器推薦：https://blog.zeruns.tech/archives/383.html
• 各大CDN平臺速度評測：https://blog.zeruns.tech/archives/506.html
• 學(xué)生優(yōu)惠權(quán)益大全：https://blog.zeruns.tech/archives/321.html
• 怎樣搭建個(gè)人博客：https://blog.zeruns.tech/archives/218.html
• 使用阿里云搭建網(wǎng)站并實(shí)現(xiàn)站庫分離：https://blog.zeruns.tech/archives/513.html
• 各大云服務(wù)器廠商618活動優(yōu)惠大全：https://blog.zeruns.tech/archives/549.html