您右鍵單擊產品照片,選擇"將圖像儲存為",檔案將登陸您的下載資料夾"為" photo.webp.頁面顯示了一張普通圖片。 URL 甚至可能已經結束了 .jpg. 然後嘗試將其放入幻燈片中,將其附加到表單上,或在較舊的圖像檢視器中打開它,但遭到拒絕。
下載沒有任何問題。網站向您發送了 WebP,因為 WebP 比它所取代的 JPG 或 PNG 小,並且每個當前瀏覽器都會顯示它。只有當檔案離開瀏覽器時,摩擦才會出現。本指南解釋了 WebP 是什麼,為什麼如此多保存的圖像以該格式到達,它仍然失敗,以及如何將其轉換為下一個程式接受的內容,或將自己的圖像轉換為它。
TL;DR: WebP 是 Google 的圖像格式,在 RFC 9649 中指定,支援一種檔案類型中的有損和無損壓縮、透明度和動畫。網站提供服務是因為它比 JPG 和 PNG 小,因此即使頁面 URL 上寫著 。jpg,Save Image As 也經常為您提供。webp。每個目前的瀏覽器都會顯示 WebP,但某些桌面應用程式、電子郵件用戶端和上傳表單仍然拒絕它。與轉換 WebP 到 PNG 為了保持透明度,webp 到 JPG 以獲得最廣泛的支持,WebP 到 GIF 以獲得動畫,或 WebP 到 PDF 以獲得文件。所有這些都在客戶端運行,沒有上傳任何內容,免費,沒有註冊。
什麼是 WebP?
WebP 是 Google 於 2010 年發布的一種光柵影像格式,旨在使網頁上的影像更小。現在 IETF 將其記錄為 RFC 9649,WebP 影像格式2024 年發布。RFC 描述了一個容器,具有兩種壓縮方法,加上可選的透明度和動畫,因此單一格式涵蓋了 JPEG、PNG 和 GIF 在它們之間劃分的作業。
該檔案是一個 RIFF 容器,與 WAV 音訊使用的區塊結構相同。它的前十二個位元組是這樣說的:
$ xxd -l 12 photo.webp
00000000: 5249 4646 3a1f 0100 5745 4250 RIFF:...WEBP
RIFF那麼,四個位元組的長度 WEBP. 裡面有塊: VP8 對於有損影像數據, VP8L 為了無損, ALPH 對於透明度通道,以及 ANIM 和 ANMF 對於動畫。透過位元組識別檔案的工具(包括 Toolz 轉換器)會準確地尋找該簽名,這就是 WebP 使用 a 儲存的原因 .jpg 名稱仍被識別為 WebP。
WebP 如何壓縮影像?
WebP 有兩種獨立的壓縮方法,檔案使用哪一種方法可以改變它的優點。
有損 WebP 基於VP8視訊編解碼器的關鍵影格編碼。編碼器將影像分成區塊,從已編碼的像素預測每個區塊,並根據品質設定以更粗或更細的捨入儲存差異。它還儲存亮度一半寬度和一半高度的顏色,這種技術稱為色度子取樣。眼睛對顏色細節的敏感度低於對明暗的敏感度,因此照片可以很好地隱藏這一點。平面背景上的細彩色線條和小紅色文字則不然,並且可以拾取柔軟的條紋。
無損 WebP 完全不同的演算法。它使用預測變換、顏色快取和 LZ77 風格的反向引用精確地再現每個像素,並且與 PNG 而不是 JPEG 競爭。
任何一種都可以攜帶阿爾法通道以實現透明度。帶有 alpha 的 Lossy WebP 是 PNG 無法提供的組合:小檔案中具有柔軟透明邊緣的攝影剪紙。
Google's 公佈了其數據 WebP 概述頁面,將無損 WebP 比 PNG 小 26%,將有損 WebP 比同等 SSIM 品質下的同類 JPEG 小 25% 至 34%。這些是測試集的平均值。給定的影像可以節省更多或更少,而已經嚴重壓縮的 JPEG 通常節省很少。
為什麼儲存的映像會顯示為 。webp?
已儲存的映像顯示為 。webp,因為伺服器選擇將 WebP 傳送到您的瀏覽器,而「儲存映像」則保留已傳送的任何位元組。發生三種常見的方法。
內容協商。 您的瀏覽器提出的每個圖像請求都包含一個 Accept 標頭列出了它可以顯示的格式。 HTTP 內容協商,定義於 RFC 9110,讓伺服器根據該標頭選擇一個表示。 Image CDN 和許多託管平台會讀取它並將 WebP 或 AVIF 傳回給接受它們的瀏覽器,而舊用戶端則從相同的 URL 接收 JPEG:
GET /images/product-42.jpg HTTP/1.1
Accept: image/avif,image/webp,image/apng,image/*,*/*;q=0.8
HTTP/1.1 200 OK
Content-Type: image/webp
URL 結尾為 .jpg. 回應是 WebP。儲存它時,瀏覽器會根據內容類型命名文件,因此您會得到 .webp.
的 <picture> 元素。 不在伺服器上協商的網站可以提供多種標記格式,瀏覽器會選擇它支援的第一個格式,如下所示 WHATWG HTML picture 元素 規則:
<picture>
<source srcset="hero.avif" type="image/avif">
<source srcset="hero.webp" type="image/webp">
<img src="hero.jpg" alt="Product on a white background">
</picture>
建設管道。 網站建立器、WordPress 最佳化外掛程式和具有圖像元件的框架會自動將上傳轉換為 WebP。網站所有者上傳了 JPG,並且永遠不會看到訪客收到的 WebP。
在所有三種情況下,網站都在執行效能審核建議。 WebP 是較小、正確的顯示檔案。對於從未被教導閱讀它的程式來說,這只是錯誤的檔案。
哪些瀏覽器和應用程式支援 WebP?
目前每個瀏覽器都顯示 WebP。 Chrome 和 Edge 多年來一直支援它,Firefox 在版本 65 中添加了它,Safari 在版本 14 中添加了它,從而帶來了 iPhone 和 iPad。在網路上,相容性不再是避免它的理由。
在瀏覽器之外,支援是不均勻的。一些較舊的圖像檢視器、較舊的辦公室套件、電子郵件用戶端、列印服務和上傳表單要么不打開。webp,要么在擴充檢查時拒絕它。作業系統照片應用程式大多已趕上,但共享工作電腦或商業線軟體可能沒有。
保存 WebP 的通用性不如顯示它。編寫 WebP 的 Toolz 轉換器使用瀏覽器'透過畫布擁有自己的編碼器。目前的 Chrome、Edge 和 Firefox 可以透過這種方式編寫 WebP。 Safari 長期以來一直能夠顯示 WebP,但並不總是能夠保存它,當瀏覽器無法編碼 WebP 時,轉換器會顯示錯誤,而不是用 a 傳回 PNG .webp 名字。
為什麼't 將 。webp 重新命名為 。jpg 有效?
重新命名檔案會更改其標籤,而不是其內容。 WebP 重新命名為 holiday.jpg 仍然以 開頭 RIFF 和 WEBP,並且仍然保存VP8或VP8L資料。有些程式只查看副檔名,嘗試將檔案讀取為 JPEG,發現沒有 FF D8 FF 在開頭標記,並將檔案報告為損壞。其他人會嗅探字節,注意到它是 WebP,然後要么打開它,要么用更清晰的訊息拒絕它。
上傳表單是最壞的情況。僅檢查副檔名的表單接受重新命名的文件,然後伺服器'圖像庫在其上窒息,或者圖像在完成的列表或個人資料頁面上出現損壞。檢查位元組的表單會徹底拒絕它。這兩種結果都不是您想要的,而且兩者都比最初的拒絕更難診斷。
真正的轉換是唯一可靠的修復,因為它將 WebP 解碼為像素並寫入一個位元組與其副檔名相符的新檔案。這需要幾秒鐘的時間並避免稍後獲得支援票證。
如何在不轉換 WebP 的情況下開啟它?
將其拖曳到瀏覽器視窗中。任何目前的瀏覽器都會直接顯示本機。webp 文件,這是在圖像檢視器拒絕它的電腦上查看文件的最快方式。從那裡您可以查看、縮放和列印它。
目前大多數作業系統照片應用程式也會開啟 WebP,因此即使同一台電腦上的特定編輯器或辦公室程式無法讀取,雙擊也可以在最新電腦上運行。當您依賴的程式無法讀取 WebP 時,請先檢查更新或格式外掛程式;如果兩者都不存在,請轉換副本並保留原始副本。
不過,打開與使用不同。如果圖像必須進入文件、表格或電子郵件,則收件者'軟體與您的軟體一樣重要,JPG 或 PNG 可以消除這種不確定性。
WebP、JPG、PNG、GIF:它們如何比較?
WebP 與所有三種舊格式重疊,這既是其吸引力,也是轉換遠離它需要選擇目標的原因。
| 屬性 | 網路P | JPG | 巴布亞紐幾內亞 | GIF |
|---|---|---|---|---|
| 規格 | RFC 9649 | ITU-T T。81 | W3C 巴布亞紐幾內亞 | GIF89a |
| 壓縮 | 有損或無損 | 有損 | 無損 | 無損,256 種顏色 |
| 透明度 | 完整的阿爾法 | 沒有 | 完整的阿爾法 | 每個像素開啟或關閉 |
| 動畫 | 是的 | 不 | 不(除了 APNG) | 是的 |
| 照片檔案大小 | 小的 | 中等 | 大 | 不適合 |
| 瀏覽器顯示 | 所有目前瀏覽器 | 通用 | 通用 | 通用 |
| 桌面應用程式和表單 | 斑駁的 | 通用 | 近乎普遍 | 通用 |
| 最佳用途 | 在網站上提供圖像 | 在任何地方分享照片 | 截圖、圖形、編輯 | 到處都是簡單的動畫 |
JPEG 規範是 ITU-T T。81 PNG 的定義是 W3C PNG 規格. 表格的實用閱讀:將 WebP 保留在 Web 上,並在檔案必須轉到右側列描述的某個位置時進行轉換。
您應該將 WebP 轉換為哪種格式?
根據 WebP 包含的內容及其去向選擇目標。透明度、動畫和目的地決定它。
| 您的 WebP 是 | 去 | 轉換為 | 工具 |
|---|---|---|---|
| 具有透明背景的標誌、圖示或切口 | 任何地方 | 巴布亞紐幾內亞 | WebP 到 PNG |
| 一張照片 | 電子郵件、表格、列印、舊軟體 | JPG | WebP 到 JPG |
| 一個動畫 | 論壇、聊天、電子郵件簽名、維基 | GIF | WebP 到 GIF |
| 一張或多張圖像 | 有人將列印或歸檔的文件 | WebP 到 PDF | |
| 格式混合,或未列出的目標 | 各種 | 任何 | 影像轉換器 |
對於透明影像,請選擇 PNG。 的 WebP 到 PNG 轉換器 保持 alpha 通道,因此透明背景上的徽標保持透明。 PNG 是無損的,因此輸出準確地保存解碼的像素。它通常比 WebP 大,因為無損儲存會花費位元組。
對於需要隨處打開的照片,請選擇 JPG。 當你 將 WebP 轉換為 JPG(您會得到每個上傳表格所接受的格式)。 JPG 沒有透明度,因此任何透明區域都填滿白色,結果下方的註釋表示發生了這種情況。品質滑桿從 10 運行到 100,從 90 開始。
對於動畫,請選擇 GIF。 從反應剪輯中儲存的動畫 WebP 不會在許多論壇編輯器或電子郵件簽名中播放。這 WebP 到 GIF 轉換器 用其原始延遲和循環計數寫入每一幀。讀取幀使用瀏覽器's ImageDecoder API W3C WebCodecs 規格,chrome 和 Edge 今天支援。在 Firefox 和 Safari 中,只能讀取第一幀,因此 GIF 是靜止的,行下的註釋如此表示。 GIF 每幀有 256 種顏色,因此漸變可能會帶狀,軟透明邊緣會變成硬邊緣。延遲低於 20 毫秒的幀以 100 毫秒寫入,這與瀏覽器播放延遲的時間短相符。
對於文檔,選擇 PDF。 一個 WebP 到 PDF 的轉換 按照顯示的順序,將一張圖像放在每個頁面上的單一文件中。由於 WebP 是一個有損來源,因此圖像以 92% 品質的 JPEG 嵌入,以保持 PDF 小,或在圖像具有透明度時以 PNG 嵌入。頁面可以適合圖像或使用 A4 或 US Letter。
對於其他一切,請使用 影像轉換器. 它將 WebP 與 JPG、JFIF、PNG、AVIF、GIF、BMP、ICO、HEIC、TIFF、PSD、SVG、CR2、DNG 和 PDF 一起讀取,並寫入 JPG、PNG、WebP、GIF、ICO、PDF 或 SVG,因此WebP 可以成為網站圖示或從同一頁面追蹤的SVG。
您應該將自己的圖像轉換為 WebP 嗎?
是的,對於您在網站上發布的圖像。圖像通常是頁面中最重的部分,在包含數十張照片的目錄頁面上,照片複合可以節省 25% 到 34%。對於您透過電子郵件發送、列印或存檔的圖像,請勿:保留原始格式。
兩個轉換器處理公共來源。到 將 JPG 照片轉換為 WebP,從你擁有的最大、壓縮最少的原件開始。 JPG 已經有損了,所以將其編碼為 WebP 是第二次通過,而你開始的品質是上限。 80 到 85 的設定是大多數照片不再在螢幕上顯示明顯差異的地方。
對於圖形、螢幕截圖和任何透明的東西, PNG 到 WebP 保持 alpha 通道並通常大幅削減檔案大小。由於上述色度子採樣,具有小彩色文字的螢幕截圖需要比照片更高品質的設定。
WebP 本身的大小限制在實務上並不重要。 RFC 9649 將無損 WebP 限制為 16384x16384 像素,而有損 WebP 被 VP8 限制為類似的大小,這遠遠超出了網頁所需的任何圖像。非常大的全景圖或列印解析度掃描是唯一滿足此要求的文件,無論如何,這些文件都屬於無損主格式。
無論哪種方式都保留原件。 JPG 或 PNG 是您的主副本,未來的每個裁剪、調整大小或重新匯出都應該從它開始,而不是從 WebP 開始。
客戶端 WebP 轉換如何運作?
客戶端轉換意味著圖像在瀏覽器標籤內被解碼和編碼,並且檔案永遠不會上傳。 WebP 無需為此額外下載,因為目前每個瀏覽器都已包含 WebP 解碼器。
- 該頁面讀取每個文件的第一個位元組並檢查
RIFF....WEBP簽名。每個對頁面僅接受自己的來源格式,因此從 WebP 到 PNG 頁面上刪除的 PNG 會指向其他地方。 - 瀏覽器將 WebP 解碼為像素。
- 像素被繪製到畫布上並編碼為目標:由瀏覽器編碼 PNG、JPG 或 WebP,由捆綁編碼器編碼 GIF,或嵌入到 PDF 中。
- 您下載每個文件,或將批次作為 ZIP 下載。
透過畫布繪圖有一個值得了解的副作用:EXIF 元資料、GPS 座標和顏色設定檔不會攜帶到輸出中。對於即將公開發布的圖像,這是隱私的收穫。
有哪些限制和常見錯誤?
每個限制都會在檔案上產生特定訊息's 行而不是凍結的選項卡。
超過 10000 萬像素的圖像被拒絕,因為解碼它們可能會耗盡選項卡和#39;s 記憶體。 WebP 沒有單獨的位元組大小上限,因為瀏覽器'自己的解碼器處理它。空文件被拒絕。
&引用;此瀏覽器無法開啟檔案&引用;通常表示檔案已損壞或截斷,或儘管名稱如此,但根本不是 WebP。 &引用;此瀏覽器無法儲存 WebP 檔案&引用;僅在沒有 WebP 編碼器的瀏覽器中轉換為 WebP 時才會出現;切換到目前的 Chrome、Edge 或 Firefox。
當動畫 WebP 轉到 PNG、JPG 或 PDF 時,僅保留第一幀,因為這些格式保存單一影像。 WebP 轉換器也只寫入靜態 WebP 文件,因此轉換為 WebP 的動畫保留其第一幀。使用 GIF 來保持運動。
每個工具均適用每日轉換限制。這些工具是免費的,無需註冊,沒有浮水印。
WebP 和較新的格式
WebP不再是最新的選擇。 AVIF基於AV1視訊編解碼器,通常再次產生更小的文件,支援更高的位元深度和HDR,目前的瀏覽器也會顯示它。使用 的網站 <picture> 上面的範例首先使用 AVIF,然後使用 WebP 作為後備。的比較 AVIF、WebP 和 JPG 涵蓋每一項值得的時候。
如果您的問題是 iPhone 照片而不是網路下載,則格式為 HEIC,指南為 HEIC 與 JPG 解釋為什麼這些文件無法開啟。兩種格式的每個轉換器都列在 上 圖像工具集線器.
