ImgConvert

SVG 轉 AVIF 轉換工具

將 SVG 製作成靜態 AVIF 副本,供需要像素圖片的網站或應用程式使用。選擇尺寸及有損或無損編碼,可保留原有的透明區域。請保留 SVG,以便編輯文字與路徑。

請選擇或拖曳一個不超過 20 MB 的 SVG。選取後即開始上傳。

輸出尺寸(建議設定)

兩欄皆留空時使用 SVG 的尺寸。只填一欄時會維持比例;兩欄皆填時,會縮放至指定範圍內,不會裁切。每欄可輸入 1–16,384 px。

無損模式可避免對算繪後的像素進行有損編碼,但不會保留可編輯的 SVG 結構。

壓縮越強,通常檔案越小,但也會流失更多細節;畫質越高,檔案通常越大。預設選項不代表壓縮百分比,實際大小取決於圖片。即使選擇最高畫質,仍使用有損編碼。如需無損輸出,請切換壓縮模式。

輸出為一張靜態 AVIF 點陣圖。請檢查字型、細線與透明區域,並保留原始 SVG。

後續流程需要點陣圖時,可使用 AVIF

SVG 會以形狀、文字及其他元素描述圖稿。此轉換工具會將圖稿算繪為像素,並儲存為 AVIF。當上傳欄位或發布流程接受 AVIF,卻無法直接使用 SVG 時,便適合使用。

請先確認這項需求。簡單標誌的 SVG 本身可能已很精簡,轉換不保證能縮小檔案。可將 AVIF 作為交付圖片;需要編輯文字或路徑時,請保留 SVG。

輸入

一個 SVG 檔案,上限為 20 MB。選取後即開始上傳,供伺服器處理。

有損模式

六種預設選項涵蓋強力壓縮至最高畫質,初始選項為「均衡」。預設選項不代表壓縮百分比,最高畫質仍使用有損編碼。

無損模式

避免對算繪後的像素進行有損編碼。不會保留向量路徑、可編輯文字、指令碼或動畫。

透明度

SVG 算繪後的透明區域可維持透明。SVG 中繪製的白色矩形仍是圖片的一部分;本工具不會移除背景。

輸出

一個靜態 AVIF 檔案。本工具不是 SVG 編輯器、動畫匯出工具或批次轉換工具。

無損描述的是 AVIF 編碼階段,不會保留 SVG 路徑、讓文字可供選取,也無法避免算繪與尺寸調整造成的變化。有損模式中的最高畫質仍使用有損編碼。

如何將 SVG 檔案轉為 AVIF

1

準備並選擇 SVG

選擇或拖曳一個不超過 20 MB 的 SVG。選取後即開始上傳。請在原始檔中包含圖稿所需的圖片與樣式,並等待上傳完成後再轉換。

2

選擇像素尺寸與編碼模式

尺寸留空可使用從 SVG 解析出的大小,也可輸入等比例縮放的尺寸上限。先從有損模式的「均衡」開始;如果希望避免對算繪後的像素進行有損編碼,請選擇獨立的「無損」模式。

3

檢查下載的 AVIF

點選「轉換為 AVIF」,並下載已完成的結果。請以預定顯示尺寸檢查文字、細線、色彩與透明邊緣,並確認接收端網站或應用程式接受實際產生的 AVIF 檔案。

依預定放置位置設定尺寸

寬度與高度各可輸入 1–16,384 px。這些欄位用於設定輸出尺寸,與 20 MB 的上傳大小限制不同。

兩欄皆留空

使用從 SVG 解析出的尺寸。如果尺寸不符預期,請檢查 SVG 宣告的大小與 viewBox。

只填一邊

等比例計算另一邊的尺寸。

兩邊皆填寫

圖片會等比例縮放至指定範圍內。其中一邊可能小於輸入值,不會透過拉伸或裁切填滿範圍。

1200×800 的原始檔縮放至 600×600 範圍內後,會變成 600×400。尺寸欄位會調整解析後的圖片大小,沒有 SVG 算繪密度控制項。輸出更多像素不保證曲線或文字會更清晰,請檢查放大後的結果,不要將較大的數值視為已還原細節。

檢查會影響 AVIF 副本的 SVG 細節

上傳預覽由您的瀏覽器算繪。下載的 AVIF 則來自伺服器的算繪環境,兩者可能不同。

文字與連結資源

請在原始檔中包含必要的圖片與樣式。如果字型外觀必須精確一致,請先在設計應用程式中將文字轉為路徑,再匯出檔案。提高 AVIF 畫質無法補上 SVG 算繪環境中缺少的字型或圖片。

細線與漸層

如果細小邊緣很重要,可將「均衡」輸出與較高的有損畫質或「無損」模式比對。請使用相同尺寸比較實際外觀與檔案大小,不要假設某個模式能固定縮小多少。

透明疊圖

透明畫布可保持透明,但繪製在設計後方的白色形狀仍會顯示。請在使用端的背景上檢查淺色圖稿。如果使用端需要 PNG,請回到 SVG 原始檔,並使用 SVG 轉 PNG。

請保留原始 SVG,供日後編輯與匯出不同尺寸。上傳及產生的檔案均為暫存檔案,請下載並保存需要的 AVIF。

SVG 匯出為 AVIF 常見問題

此頁面接受 SVG 檔案。請將標記儲存為有效的 .svg 檔案,或先將原始檔下載到您的裝置,再選取檔案。此處沒有程式碼貼上或遠端網址欄位。

不會。此頁面只會產生一張靜態圖片,不會匯出 SVG 的動畫時間軸、指令碼或互動元素。請先準備好要轉換的靜態圖稿。

簡單圖形可能只需少量 SVG 指令就能描述,而 AVIF 儲存的是算繪後的像素圖片。尺寸、細節與模式都會影響結果。請選擇合適的顯示尺寸並比對輸出;轉換格式不保證能縮小檔案。

不能。無損模式可避免對處理後的像素進行有損 AVIF 編碼,但向量路徑與文字物件已轉為像素,算繪或調整尺寸也可能改變其外觀。請保留 SVG 作為可編輯的原始檔。

製作符合使用端需求的 AVIF 副本

選擇原始檔與輸出尺寸,再比對下載結果與您的設計。