UltKit

AVIF 轉 SVG 轉換器

將 AVIF 圖片存成 .svg 檔案,讓設計軟體、圖示欄位和只收 SVG 的上傳介面都能接受。像素會原封不動放進 SVG 裡,所以轉換標誌之前,請先閱讀第一節,確認這就是您要的結果。

圖片轉換器

或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出

檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。

使用方式

  1. 1

    上傳 AVIF 圖片

    將最多 20 個 .avif 檔案拖曳到上傳區,或從裝置中選取;每個檔案最大可達 95 MB。

  2. 2

    確認輸出格式與尺寸

    轉換為已預設為 SVG。若內嵌的圖片需要比原圖小,請在進階設定中使用調整輸出圖片尺寸。

  3. 3

    轉換並儲存

    按下轉換為 SVG,再下載各個 .svg 檔案;批次轉換則可下載單一 ZIP。請在瀏覽器分頁中開啟檔案,確認內容符合預期。

解答

可以把 AVIF 轉成 SVG 嗎?

可以,但 AVIF 是像素格點,任何格式轉換都無法把像素變成向量形狀。本頁會產生內含你的 AVIF 圖片的 SVG,可滿足只接受 SVG 的上傳需求。若是想縮放或裁切的標誌,請用圖片轉 SVG把它描摹成路徑。

AVIF 轉 SVG:轉換後的檔案包含什麼

AVIF 出自開放媒體聯盟(Alliance for Open Media),該聯盟於 2019 年發布 AV1 影像檔案格式規格,並以 AV1 視訊編碼為基礎。它把照片儲存為壓縮後的像素。SVG 則是 2001 年的 W3C 格式,儲存以 XML 撰寫的繪圖指令:路徑、形狀、文字與填色。這兩種格式描述圖片的方式完全不同。

SVG 確實有 image 元素,可以把點陣圖放進繪圖中,本次轉換用的就是它。結果是有效的 .svg,內嵌你的圖片,保留原始像素尺寸與透明度。瀏覽器、Figma、Inkscape 與只接受 SVG 的上傳欄位都會把它當作 SVG 檔案接受。

它做不到的是改變圖片的本質。放大到一定程度,看到的仍是 AVIF 原有的像素。也無法單獨重新上色,因為其中沒有形狀,只有一張內嵌圖片。

嵌入點陣圖或描繪向量圖:轉換前先決定

本頁

將 AVIF 內嵌到 SVG

圖片會原樣複製到 SVG 中。

  • 外觀與原圖完全相同
  • 適用於照片與漸層
  • 保留透明度
適用情境: 只接受 SVG 的上傳欄位與範本。
圖片轉 SVG

將 AVIF 描摹成路徑

邊緣與色塊會被轉為向量形狀。

  • 縮放不會模糊
  • 每種顏色都可編輯
  • 裁切機可沿著輪廓切割
適用情境: 標誌、圖示、簽名與平面插圖。

4 : 3每三個位元組的內嵌圖片所需的 base64 文字字元數

這就是內含點陣圖的 SVG 會比點陣圖檔案本身更大的原因。

AVIF

AV1 影像檔案格式

AVIF 以 AV1 視訊編碼壓縮靜態影像與影像序列,由開放媒體聯盟於 2019 年定案。在相同視覺品質下,檔案通常比 JPEG 與 WebP 更小,並支援透明度、動畫、廣色域與 HDR。編碼速度比舊格式慢,在低品質設定下,極細緻的紋理可能顯得被抹平。目前所有主流瀏覽器都能顯示 AVIF,但許多桌面應用程式、社群平台與舊裝置無法開啟。

壓縮方式
有損或無損
透明度
支援
動畫
支援
推出年份
2019 · Alliance for Open Media
AVIF 轉檔工具

SVG

可縮放向量圖形(SVG)

SVG 是 W3C 於 2001 年標準化、以 XML 為基礎的向量格式。它描述的是形狀、路徑和文字而非像素,因此任何尺寸都保持清晰,用於標誌和圖示時檔案通常非常小。它支援透明度、CSS 樣式、指令碼和動畫,所有瀏覽器都能原生顯示。SVG 不適合照片,複雜的插圖也可能繪製得很慢。Illustrator、Inkscape、Figma 和瀏覽器都能開啟與編輯。

壓縮方式
–
透明度
支援
動畫
支援
推出年份
2001 · W3C
SVG 轉檔工具

當網站上存成 .avif 的圖片必須放進只接受 SVG 的欄位,或想取得可編輯的標誌時,人們就會搜尋 AVIF 轉 SVG;前者需要外層包裝,後者則需要描摹。

關於 AVIF 轉 SVG 的常見誤解

迷思只要存成 .svg 的檔案,放大後都不會失去清晰度。

事實只有向量部分能清晰縮放。SVG 中內嵌的 AVIF 或 PNG 放大後,會和原本的點陣圖一樣變模糊。

迷思所有 AVIF 轉 SVG 的轉換器都會描摹圖片。

事實單純的格式轉換是內嵌點陣圖,本頁就是如此。用文字編輯器開啟 SVG:若有一長串 base64 區塊,代表圖片只是被包裝,而不是被描摹。

迷思照片描摹出來的 SVG 比原照片更好。

事實描摹照片會丟失色調,產生色階分離的結果。它適合平面圖案,不適合人像或風景。

AVIF 轉 SVG 常見問題

AVIF 照片能變成真正的向量圖嗎?

無法在維持照片外觀的前提下做到。向量檔描述的是形狀與填色,而照片含有數百萬種細微色調,描摹的結果不是色階分離的海報效果,就是檔案大得驚人。照片建議使用本頁的內嵌 SVG,或直接使用 PNG。

為什麼 SVG 放大後會變模糊?

因為其中的 AVIF 仍是固定的像素格點。SVG 外層可以自由縮放,但它裝載的點陣圖不會因此增加細節。只有經過描摹產生的路徑,才能在任何尺寸下都保持清晰。

Cricut 或雷射切割機能接受這個 SVG 嗎?

通常可以開啟,但沒有可裁切的內容:割字機與繪圖機是依路徑運作,而內嵌的點陣圖沒有路徑。請到圖片轉 SVG描摹圖片,取得刀片或雷射可以沿著切割的輪廓。

AVIF 的透明背景會保留在 SVG 裡嗎?

會。AVIF 支援透明色版,SVG 也支援,所以去背的標誌或貼紙放到有顏色的頁面上時,仍會保留透明背景。

為什麼 SVG 檔案比 AVIF 還大?

AVIF 是目前效率最高的圖片編碼之一,而內嵌圖片通常是以 base64 文字寫入 SVG,每 3 個位元組就要用掉約 4 個字元。因此 .svg 通常會明顯比原本的 AVIF 大。

哪些軟體可以開啟轉換後的 SVG?

各種新式瀏覽器、Inkscape、Figma、Illustrator 與多數辦公軟體都能讀取 SVG。若軟體能顯示 SVG 但沒有 AVIF 解碼器,可能只會出現空白框;如果應用程式什麼都沒顯示,請改用 AVIF 轉 PNG,再放入 PNG。