把一張 PNG 轉成 AVIF
把一張 PNG 拖進放置區,或輕點它去瀏覽選檔。沒有要去找的轉換按鈕,檔案一到工作就開始。一個工作階段的開頭那次轉換會花約一秒載入轉換程式。從那之後,一張小圖約 40 毫秒搞定,一張 1 百萬畫素的照片約 250 毫秒,一格 4K 約 2.8 秒。任何超過 8 百萬畫素的,在手機上可能拉長到 10 或 30 秒。AVIF 一出現,下載就會用原本的名字加上 .avif 副檔名把它寫出來,大小讀數會把新舊並列。
交出一張 PNG,拿回一張小巧的 AVIF,透明區域在整段轉換裡全程存活。
或將圖片拖放至此
轉換中…
正在轉換您的圖片
這可能需要一分鐘左右——多個檔案會稍久一些。請保持此分頁開啟。
把 PNG 變成 AVIF,連同透明度一起保留。你拖入檔案,頁面讀取你的 PNG,再把它寫回為 AVIF,也就是源自 AV1 編解碼的影像格式。AVIF 編碼很重,所以為了得到最乾淨的結果,Araluma在我們的伺服器上執行它,若那條路不通,工作會退回到在瀏覽器中執行的編碼器。編碼是品質 85 的有損格式,照片約 42.6 dB PSNR,與原圖足夠接近,眼睛很少察覺差異,通常比同一張圖存為 WebP 輕 30 到 50 個百分點。JPG 會丟掉透明度,而 AVIF 原樣保留完整的 Alpha 通道。每當一個檔案到達我們的伺服器,它就會被編碼,結果會在大約 2 小時內清除。這一組適合追求為現代頁面使用盡可能輕的透明素材的設計與前端開發。
把一張 PNG 拖進放置區,或輕點它去瀏覽選檔。沒有要去找的轉換按鈕,檔案一到工作就開始。一個工作階段的開頭那次轉換會花約一秒載入轉換程式。從那之後,一張小圖約 40 毫秒搞定,一張 1 百萬畫素的照片約 250 毫秒,一格 4K 約 2.8 秒。任何超過 8 百萬畫素的,在手機上可能拉長到 10 或 30 秒。AVIF 一出現,下載就會用原本的名字加上 .avif 副檔名把它寫出來,大小讀數會把新舊並列。
會,而那份存活正是這裡選 AVIF 而非 JPG 的整個重點。alpha 通道對 AVIF 是原生的,所以一個進去時透明的像素,出來時仍然透明。一枚漂浮在虛無上的徽章、一張羽化的去背產品圖、一個圓角圖示,每一個都帶著未動的遮罩落進 AVIF,背後沒有白色矩形,邊緣也沒有光暈。JPG 根本辦不到,它沒有 alpha,會在原本透明的地方塗上一塊純色。WebP 也能裝載 alpha,但在相同品質下追不上 AVIF 的大小。要把透明美術送進當前的瀏覽器,沒有別的東西這麼緊湊。
穩在品質 85,一張 AVIF 在照片上往往比 PNG 輕三到五成,比同一張圖的 WebP 輕兩到三成。一次開發量測把一張 4K 照片從存成 JPG 的 116 KB 降到 AVIF 的 16 KB。小圖也按同樣方式縮放,一張 17 KB 的 PNG 縮到約 6 KB。已經被壓扁的來源回吐得較少,平色圖形或硬邊標誌則可能幾乎不動。自然照片交出最大的削減,而那恰恰是把大多數產品頁與英雄區塞滿的那種檔案,省下的地方就在這裡。
身為一種有損格式,AVIF 在這裡以固定的品質 85 運作。照片在那個層級坐落在 42.6 dB PSNR 附近,對尋常場景而言讀起來與 PNG 無異。清晰文字與細線稿是例外,在任何有損設定下都可能沾上微弱瑕疵,那些東西屬於 PNG。耗時跟著圖片大小與引擎走。Chrome 桌面版約四分之一秒處理一個百萬畫素,約 2.8 秒處理八百萬畫素。Firefox 要花約四倍長,手機再加三到五倍。一個工作階段的第一次也帶著轉換程式啟動時的短暫暖機。
AVIF 生產起來很吃力,所以為了達到最佳品質與速度,Araluma在我們的伺服器上執行這次轉換,當伺服器搆不到時退回到瀏覽器中的編碼器。也就是說轉換時你的 PNG 可能會傳到我們這裡。處理很簡單。檔案變成 AVIF,結果回到你手中,兩者都會在大約 2 小時內從我們的伺服器清除。我們不保留你影像的副本,不要求帳號,也不會把它用於你發起的轉換之外。若伺服器路徑不可用,編碼會在你的瀏覽器中執行。無論哪條路,你都會得到相同的 AVIF,具有相同的 Alpha 通道與相同的品質。
2026 年的涵蓋率坐落在全球瀏覽器約 94.3 percent:Chrome 從 85 起、Firefox 從 93 起、Safari 從 16.4 起(iOS 16 以後),以及 Edge 從 121 起。死守不退的是 Internet Explorer、Opera Mini,以及任何仍停在 iOS 15 或更早的東西。若你有一塊訪客住在那裡,就以 AVIF 領頭,讓 picture 元素自動把他們降到 WebP。對多數現代流量,那個退回鮮少觸發,因為 Chrome 與 Safari 扛起行動造訪的大半,而且兩者自 2022 年起就原生繪製 AVIF。
把一張 PNG 拖進放置區,或輕點它開啟檔案瀏覽器,從你的裝置挑一張。
開頭那次轉換花約一秒載入轉換程式。同分頁裡之後的每一次都更快。
AVIF 一就緒,讀數就把 PNG 大小擺在新的 AVIF 大小旁邊,讓削減一目了然。
按下載按鈕把完成的檔案寫到你的裝置,沿用原本的主檔名並換上嶄新的 .avif 副檔名。
為了相容需要反過來轉,或想要 WebP 換更快的轉換與更廣的支援嗎?兩者都只差一下點按。
因為 AVIF 是當前瀏覽器會繪製的最輕格式,而且邊做邊把透明留住。前端開發者與設計師在透明的介面零件、去背產品圖,以及必須維持便宜下載的圖示上會伸手去拿它。大小的削減很具體,往往在視覺品質大致相同下落到 PNG 的三到五成以下,而那條 alpha 通道一路順帶過去毫髮無傷,換成 JPG 早就把它抹掉了。
會。AVIF 帶有原生的 alpha 通道,這個組合把它直直送過去。PNG 裡的一塊透明區域,在 AVIF 裡仍是透明。JPG 應付不來,它沒有 alpha,會往那個缺口丟一塊純色,而 AVIF 像 PNG 那樣對待去背圖、標誌與堆疊的圖層,只是小上許多。你從來不必動手重畫遮罩。
每一款當前的引擎都能。Chrome 從版本 85 起應付得來,Firefox 從 93、Safari 從 16.4 連同 iOS 16,Edge 從 121。應付不來的是 Internet Explorer、Opera Mini,以及被留在 iOS 15 的裝置。要搆到那條尾巴,就把圖片包進一個 HTML 的 picture 元素,先端出 AVIF,瀏覽器說不行時就降到 WebP 或 PNG。
AVIF 兩者都支援,但這裡的成品是品質 85 的有損。照片在那個層級讀起來約 42.6 dB PSNR,多數人沒辦法把它和來源分開。帶硬邊、細小字型,或大片平色色塊的影像,在任何品質下都可能露出輕微瑕疵。當每一個像素都得分毫不差時,就保留那張 PNG,別去轉它。
在相近品質的照片上,AVIF 比 WebP 小約兩到三成。WebP 以更寬的觸及作答,包含較舊的 Safari,而 AVIF 在 2026 年蓋住約 94.3 percent 的瀏覽器。當頻寬是首要、受眾又現代時,AVIF 勝出。當你得搆到所有人時,把 WebP 留在手邊。2026 年常見的配置是先送 AVIF,後面用 picture 元素墊著 WebP。
大小與引擎說了算。一個工作階段的開頭那次花約一秒備妥轉換程式。一旦暖了,一張小圖約 40 毫秒搞定,一張百萬畫素照片接近 250,一格 4K 在 Chrome 裡約 2.8 秒。超過 8 百萬畫素,手機可能坐上 10 到 30 秒。Firefox 以 Chrome 約四分之一的速度爬行,所以大工作在 Chrome 裡收尾得早些。
團隊關於工藝、格式以及一個好的圓形裁剪背後小決定的筆記。