[精讚] [會員登入]
1093

Webp 類型的圖檔類型是什麼?

除了常見的jpg、png、gif,還有一個沒見過的webp是什麼?

分享此文連結 //n.sfs.tw/12782

分享連結 Webp 類型的圖檔類型是什麼?@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2025-06-03 08:37:14 最後編修
2018-10-05 11:50:54 By 張○○
 

自動目錄

<<寫在最上面:這篇文寫了好幾年啊>>

webp是最近開始流行起來的圖檔類型,他結合了各種圖檔類型的優點,可以達到不失真、不失色、支援圖層和動畫。

WEBP 特色[2]

有損壓縮:採用 VP8 鍵框(key frame)壓縮
無損壓縮:這是WEBP的不傳人秘技
透明度:支援
動畫:支援
METADATA:支援EXIF、XMP
色彩欄:內建icc欄位

據說webp的檔案比同樣大小無損失檔的png檔小了26%、而和有損失的jpg比起來更少25%~34%的大小。

聽起來超級棒的?

難怪google把設計這圖檔的專利買下來,並大力的推送。經過了幾年的演進,現在已日趨成熟,各大瀏覽器業已支援。

WEBP的官網 https://developers.google.com/speed/webp

讓檔案總管支援

預設windows10以下是沒有支援這個圖檔,所以在檔案總管看到的並不是縮圖,

沒支援的webp格式的windows要下載webp的codec Download WebP Codec for Windows

windows11內建支援這個格式

 

html及mime

MIME Type

  image/webp

<picture>
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="圖片描述">
</picture>

這樣可以讓支援 WebP 的瀏覽器優先載入 WebP,否則回退載入 JPG。

 

轉換程式下載

我自己是用 ACDSEE20 來轉換,可做到批次轉換,但他不是免費的。

免費的可以試試 xnview 提供的轉換工具XnConvert ,他有提供多種平台和版本,功能非常強大,可大量批次、加特效浮水、縮放和旋轉等,以下只稍微介紹格式的轉換

安裝時請選取「繁體中文」結果看到的畫面都是簡體字…

1. 例如要把 WEBP 轉成 PNG,第一步選取或是把要轉換的檔案拖過來

2. 按上面的「輸出」頁籤

設定輸出路徑,選擇輸出格式,按轉換

完成,請到目的資料夾去看輸出。

 

cwebp轉換工具(google提供)

Ubuntu / Debian

sudo apt install webp

macOS (使用 Homebrew)

brew install webp

Windows

下載:https://developers.google.com/speed/webp/download

 

轉檔範例

cwebp input.jpg -q 80 -o output.webp

參數說明

-q壓縮品質(0–100,預設 75)

-o輸出檔案名稱

在線轉換網站

非常多,僅列舉數個

https://cloudconvert.com/webp-converter

https://image.online-convert.com/convert-to-webp

https://ezgif.com/webp-to-jpg

https://nsspot.herokuapp.com/imagetowebp/ ;;;;; (可大量傳檔)

 

參考資料

[1] https://techdows.com/2011/04/viewing-webp-images-on-windows.html

[2] https://developers.google.com/speed/webp/docs/compression

 

 

 

 

 

END

你可能感興趣的文章

Chrome的遠端桌面(遠桌)使用 Chrome 具有遠端桌面(遠桌),可以輕易的讓你連到或被連到遠端電腦

「許功蓋」的字以及源由 有玩過電腦一段時間的人,都聽過這個人(有一天我才發現7年級的竟然都不認識這個

用Nibbler檢視你的網站優缺點 用Nibbler檢視你的網站存取能力、seo、社交媒體和技術

[Gigapixels] 一億二千萬畫素初試 第一次用我的canon500D拍出一億二千萬畫素的照片

我有六顆硬碟,該設定 RAID5, RAID50 還是 RAID6? 我有六顆硬碟,該設定 RAID5, RAID50 還是 RAID6?

[DNS] 使用dig去砍下整個zone (zone transfer) 使用dig去砍下整個zone 的指令

我有話要說

>>

限制:留言最高字數1000字。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

HP SAS硬碟leds燈號說明 HP SAS硬碟leds燈號(hp g7/g6系統適用)說明

SELinux 常用指令和檔案 在Redhat系列中,Centos5以後加入了selinux,他並沒有這麼可怕,不必每次看到Selinux ,就想把他

[札記] 2016.7~12月札記 札記,只是札記

NETCRAFT發現你的網站及作業系統 NETCRAFT可以發現你的網站及作業系統

維修海棉拖把頭 這類型的海棉拖把很好用,可是這近發現海棉頭越來越不耐用,也許是錯覺,以往都能用個三四個月,現在二個月就差不多掉下來。 這