PNG 轉 AVIF 的步驟
把 PNG 拖到上傳區,或點一下挑選檔案。檔案一落下轉換就開始,沒有另外的轉換按鈕。每次開分頁後的第一張會花約一秒載入轉換程式。之後一張小圖約 40 毫秒,一張 1 百萬畫素的照片約 250 毫秒,一張 4K 約 2.8 秒。超過 8 百萬畫素的圖在手機上可能要 10 到 30 秒。AVIF 完成後按下載,就會以相同主檔名加上新的 .avif 副檔名存起來。統計列會同時列出兩邊的檔案大小,縮減幅度一眼就看得到。
正在載入您的檔案…
放入一張 PNG,換回一張保留 alpha 通道的 AVIF,照片類圖片的檔案重量也會明顯下降。
或將圖片拖放至此
轉換中…
正在轉換您的圖片
這可能需要一分鐘左右——多個檔案會稍久一些。請保持此分頁開啟。
將 PNG 轉換為 AVIF,完整保留 Alpha 透明度。把檔案拖到頁面上,你的 PNG 會被讀取,然後另存為 AVIF,也就是 現代格式 編解碼的靜態影像一側。由於產生 AVIF 較重,RoundCut會在我們的伺服器上完成這項工作以取得最佳結果,若該路徑無法使用,轉換會改用在瀏覽器中執行的編碼器。結果為品質 85 的有損格式,照片約 42.6 dB PSNR,視覺上幾乎與原圖無異,通常比同一張圖的 WebP 輕 30 到 50 個百分點。轉成 JPG 會壓平透明度,而 AVIF 會帶上完整的 Alpha 通道。當檔案被送到我們的伺服器時,會進行處理,結果會在大約 2 小時內刪除。這一組面向希望為透明素材使用最小現代格式的開發者與設計師。
把 PNG 拖到上傳區,或點一下挑選檔案。檔案一落下轉換就開始,沒有另外的轉換按鈕。每次開分頁後的第一張會花約一秒載入轉換程式。之後一張小圖約 40 毫秒,一張 1 百萬畫素的照片約 250 毫秒,一張 4K 約 2.8 秒。超過 8 百萬畫素的圖在手機上可能要 10 到 30 秒。AVIF 完成後按下載,就會以相同主檔名加上新的 .avif 副檔名存起來。統計列會同時列出兩邊的檔案大小,縮減幅度一眼就看得到。
可以,而這正是選 PNG 轉 AVIF 而不是 PNG 轉 JPG 的主因。AVIF 原生支援 alpha 通道,所以原圖每一個透明像素都會原封不動地通過轉換。一個帶柔和陰影的標誌、一張邊緣羽化的去背產品圖、一組圓角的圖示精靈,都會帶著同樣的遮罩進到 AVIF,不填平、也不畫上背景。JPG 根本沒有 alpha,會用一塊純色取代透明。WebP 也保留 alpha,但在相同品質下 AVIF 的檔案更小。要把透明素材送進現代瀏覽器,AVIF 是目前最省的選擇。
在品質 85 下,AVIF 在照片上通常比 PNG 小三到五成,比 WebP 小兩到三成。在一次開發測試裡,一張存成 JPG 是 116千位元組 的 4K 照片,轉成 AVIF 後降到 16千位元組。較小的圖也是類似比例,一張 17千位元組 的 PNG 約變成 6千位元組。已經壓得很重的來源差距會縮小,邊緣銳利或大片純色的圖則可能縮得不多。省得最兇的是自然照片,而那正是當今多數產品頁與到達頁裡佔最多重量的一類。
AVIF 是有損格式,這個組合以品質 85 處理。在這個設定下,照片約落在 42.6 dB PSNR,對自然影像而言與 PNG 視覺上難以分辨。帶銳利文字或細線稿的圖在任何有損設定下都可能出現細微瑕疵,那類圖留著 PNG 比較好。速度取決於尺寸與瀏覽器。在桌面版 Chrome 上,1 百萬畫素約 250 毫秒,8 百萬畫素約 2.8 秒。Firefox 大約慢四倍,手機再額外慢三到五倍。每次開啟分頁後的第一張,都要付一次性的暖機代價來啟動轉換程式。
產生 AVIF 計算量較大,因此RoundCut在我們的伺服器上完成這項轉換以達到最佳品質與速度,若無法連線伺服器,則改用瀏覽器中的編碼器。這代表轉換時你的 PNG 可能會被送給我們。我們對它的處理很單純。檔案被轉換為 AVIF,結果回到你手中,兩者都會在大約 2 小時內從我們的伺服器移除。我們不保存你的影像,不要求帳號,也不會將其用於你所要求的轉換之外的任何用途。若伺服器路徑無法使用,轉換會改用在你瀏覽器中執行的編碼器。無論哪種方式,你都會得到相同的 AVIF,具有相同的 Alpha 通道與相同的品質。
2026年AVIF支援已相當成熟。Chrome 85+、Firefox 93+、Safari 16.4+(含iOS 16+)及Edge 121+均原生支援,合計涵蓋全球約94%的瀏覽器份額。IE、Opera Mini及iOS 15或更舊版本不支援。面向現代用戶的網站通常只有極少比例需要回退方案。建議的部署方式是使用HTML picture元素優先提供AVIF,不支援的瀏覽器自動切換至WebP。Chrome和Safari於2022年推出原生AVIF支援,主導行動端流量,因此大多數手機用戶已可直接享受更小檔案的優勢。
把 PNG 拖到上傳區,或點一下開啟檔案選擇器,從裝置裡挑一張。
第一張轉換會花約一秒載入轉換程式。同一分頁後續的轉換不必再暖機,會更快。
AVIF 完成後,統計列會把原本的 PNG 大小放在新的 AVIF 大小旁邊,方便你確認縮減幅度。
按下載,就會用相同主檔名加上新的 .avif 副檔名,把檔案存到你的裝置。
需要普遍相容時就走另一個方向,或選 WebP 換取更快的轉換與更廣的支援。
AVIF 在所有主流瀏覽器支援的格式裡檔案最小,又能完整保住透明度。對開發者與設計師來說,透明的介面素材、去背產品圖、需要省頻寬的圖形圖示,PNG 轉 AVIF 都是正確的選擇。省下的量實在又可量測,在視覺品質相近下通常比 PNG 小三到五成,而且不會像 JPG 那樣把 alpha 通道填平。
支援。AVIF 原生支援 alpha 通道,這個組合會把它一路帶過去。PNG 裡每一個透明像素在 AVIF 裡仍然透明。JPG 沒有 alpha,會用純色取代透明,AVIF 則和 PNG 一樣處理去背圖、標誌與分層素材,只是檔案小得多。整個過程都不必手動畫遮罩。
AVIF在2026年涵蓋全球約94%的瀏覽器,主流現代瀏覽器均已支援。主要例外是舊版IE、Opera Mini與iOS 15或更舊版本。需兼顧這些舊環境時,建議在HTML中使用picture標籤,讓舊瀏覽器自動降級到WebP。對大多數現代受眾而言,需要這類兜底的比例相當低。
AVIF 兩者皆可,但這個組合是以品質 85 的有損方式處理。照片在這個設定下約落在 42.6 dB PSNR,對多數觀看者而言接近無損。帶硬邊、細小文字或大片純色的圖,在任何品質下都可能出現細微的壓縮瑕疵。如果你需要逐像素完整保留的輸出,就保留原本的 PNG,別轉。
在視覺品質相近時,AVIF 在照片上比 WebP 小約兩到三成。WebP 支援面更廣,包含較舊的 Safari,而 AVIF 在 2026 年涵蓋全球約 94.3 percent 的瀏覽器。對在乎每一 千位元組 的現代受眾,AVIF 是更好的預設。要追求最大相容性,就把 WebP 留作退回。2026 年的常見做法是 AVIF 優先,再以 WebP 透過 picture 元素退回。
取決於尺寸與瀏覽器。每個工作階段的第一張會花約一秒載入轉換程式。之後一張小圖約 40 毫秒,一張 1 百萬畫素的照片約 250 毫秒,一張 4K 照片在桌面版 Chrome 上約 2.8 秒。超過 8 百萬畫素的圖在手機上可能要 10 到 30 秒。Firefox 的 AVIF 大約慢四倍,所以大檔在 Chrome 上明顯更快。
團隊關於工藝、格式以及一個好結果背後小決定的筆記。