SVG 轉 GIF 轉換器

依您選擇的寬度將 SVG 繪製成 GIF 圖片，適用於接受 GIF 但無法顯示向量檔的地方。轉出的是靜態圖片，色盤最多 256 色，SVG 中沒有繪製內容的區域會保持透明。

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

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

輸出

轉換為

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

使用方式

1
上傳 SVG 檔案
從電腦選擇最多 20 個 .svg 檔案(每個上限 95 MB),或直接拖曳到上傳區。
2
設定像素寬度
本頁會將向量圖以 600 px 寬度繪製。請在進階設定中修改調整輸出圖片尺寸下的數字,高度會依圖形比例自動換算。
3
轉換為 GIF
按下轉換為 GIF,再逐一下載圖片,或將整批下載為 ZIP。使用前,請先在實際要放置的背景上檢查其中一個檔案。

SVG 轉 GIF 是用最多 256 色的固定像素格,換掉不受解析度限制的圖形;這對純色標誌與圖示沒問題,但不適合漸層。

以需要的寬度將 SVG 點陣化為 GIF

SVG 是一組指令:畫這條路徑、填上這個顏色、放置這段文字。GIF 則正好相反,是由像素組成的網格,每個像素指向最多 256 個調色盤項目之一。轉換就是依選定的像素寬度將指令繪製一次並儲存結果,因此調整輸出圖片尺寸下的寬度,比這裡任何其他設定都重要。本頁預設為 600 px。

GIF 於 1987 年由 CompuServe 發表,1989 年的修訂版 GIF89a 加入了透明度與影格延遲。這份歷史正是它今天的主要優勢:從老舊論壇引擎到部分郵件用戶端與廣告聯播網,凡是不接受新格式的軟體,仍能顯示 GIF。相反地,SVG 是可能夾帶腳本的 XML,因此許多上傳表單會封鎖它。

由於來源是向量圖,你可以用任何寬度繪製而不損失清晰度。請選擇 GIF 實際顯示的尺寸;事後再把小的 GIF 放大,會帶回 SVG 原本不會有的模糊。

from ↓ · to →	透明背景	柔和的半透明邊緣	超過 256 色	Animation
GIF	GIF to 透明背景: yes	– GIF to 柔和的半透明邊緣: no	– GIF to 超過 256 色: no	GIF to Animation: yes
PNG	PNG to 透明背景: yes	PNG to 柔和的半透明邊緣: yes	PNG to 超過 256 色: yes	– PNG to Animation: no
WEBP	WEBP to 透明背景: yes	WEBP to 柔和的半透明邊緣: yes	WEBP to 超過 256 色: yes	WEBP to Animation: yes
JPG	– JPG to 透明背景: no	– JPG to 柔和的半透明邊緣: no	JPG to 超過 256 色: yes	– JPG to Animation: no

supported not offeredSVG 繪製成各種點陣格式後,每種格式能容納的內容。GIF 是唯一受限於 256 色調色盤與開/關透明度的格式。

SVG

可縮放向量圖形（SVG）

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

壓縮方式: –
透明度: 支援
動畫: 支援
推出年份: 2001 · W3C

SVG 轉檔工具

GIF

Graphics Interchange Format

GIF 由 CompuServe 於 1987 年推出，至今仍是支援最廣的短篇循環動畫格式。它屬於無損格式，但每個影格最多只能使用 256 色的調色盤，因此照片和漸層會出現色帶與抖色。它只支援開／關（1 位元）透明，曲線形狀的邊緣會有鋸齒。動畫 GIF 往往比同一段影片的 MP4 或 WebP 大得多。所有瀏覽器、聊天應用程式和社群平台都能播放 GIF。

壓縮方式: 無損
透明度: 支援
動畫: 支援
推出年份: 1987 · CompuServe

GIF 轉檔工具

SVG 轉 GIF 是為了只能使用 GIF 的場合,例如電子郵件簽名檔、舊式論壇與廣告版位,它們需要向量標誌的小型平面圖片;而 GIF 轉 SVG 則是描圖工作,目的是找回可無限縮放的圖稿。

SVG 動畫轉 GIF：哪些內容不會轉換

SMIL、CSS 與指令碼動畫會被捨棄

在瀏覽器中透過 animate 元素、CSS 關鍵影格或 JavaScript 運動的 SVG,會變成顯示初始狀態的單張靜態 GIF 畫面。若需要動態 GIF,請將動畫錄成影片,再用影片轉 GIF工具轉換。

256 色與 1 位元透明度的實際效果

多數 SVG 標誌只用少數幾種純色,所以調色盤的限制不會造成損失。問題出在抗鋸齒邊緣與漸層。繪製後的 SVG 中,每條曲線邊緣都含有部分透明的中間像素;GIF 必須讓每個像素完全顯示或完全透明,可能留下階梯狀輪廓或淡色邊。

解決辦法是在轉換前先決定背景。若 GIF 要放在白色的郵件內文上,就替 SVG 加上白色背景矩形;若在深色論壇主題上,則使用該主題的顏色。邊緣像素就會融入正確的顏色,輪廓也保持平滑。若事先無法確定,PNG 會比較保險。

SVG 轉 GIF 常見問題

SVG 標誌為什麼要轉 GIF 而不是 PNG？

只有在目的地強制要求 GIF 時才需要,例如老舊的 CMS、論壇簽名檔,或指定圖片類型為 GIF 的廣告版型。PNG 能保留柔和邊緣且色彩數量不受限,因此兩者皆可使用時,SVG 轉 PNG 是較好的預設選擇。

SVG 動畫會變成 GIF 動圖嗎？

不會。轉換器只會以初始狀態繪製 SVG 一次,所以 SMIL 動畫元素、CSS 關鍵影格與腳本都不會執行,你只會得到一張靜態畫面。若要擷取動態,請在瀏覽器中錄下動畫播放的影片,再使用影片轉 GIF。

為什麼標誌邊緣有鋸齒或淺色光暈？

GIF 的透明度是逐像素的開或關,所以 SVG 中平滑、半透明的邊緣像素只能保留或捨棄。針對某種背景混合過的邊緣,放到另一種背景上就會出現色邊。轉換前請先加上與目標頁面同色的背景矩形,邊緣就能自然融合。

SVG 裡的漸層會變成怎樣？

GIF 調色盤最多只有 256 種顏色,所以平滑的漸層只能近似呈現。範圍短的漸層看起來沒問題;大面積、變化細微的漸層則會出現色階斷層或點狀的抖動圖案。純色的標誌與圖示(SVG 常見內容)很容易就能放進調色盤。

GIF 可以用在電子郵件簽名檔嗎？

可以,這也是許多人需要這項轉換的主要原因之一。Gmail 與 Outlook 不會在郵件中顯示 SVG 圖片,而 GIF 數十年來都能在電子郵件用戶端顯示。寬度請抓小一點,約 300 到 600 px,簽名檔才會輕巧。

轉換器會讀取哪些 SVG 尺寸設定？

它會依圖形的寬度、高度與 viewBox 推算比例,再以你設定的像素寬度繪製。由於來源是向量圖,選擇較大的寬度不會損失清晰度,只會增加檔案大小。