SVG 格式
完全不是像素 — 而是繪製形狀的指令,因此在任何尺寸下都能保持清晰。
SVG 是什麼?
SVG 是一種基於 XML 的向量格式。它不儲存像素網格,而是儲存幾何圖形:路徑、圓形、漸變、文字。瀏覽器會以所需的任何尺寸渲染,因此 SVG 標誌在手機和廣告牌上都同樣清晰。
對於平面、幾何圖稿,它也非常小。一個作為 PNG 格式可能為 40 KB 的標誌,作為 SVG 格式通常只有 2 KB,而且它只需要一個檔案,而不是每個像素密度一個檔案。
因為它是 XML,SVG 可以包含腳本、外部參考和嵌入式樣式。這使其成為真正的活動內容,來自不受信任來源的 SVG 應與 HTML 檔案一樣謹慎對待 — 這就是為什麼 KaiConvert 從不將任意 SVG 標記注入頁面。
常見用途
- 標誌、圖示和介面圖形
- 圖表和數據視覺化
- 必須縮放的插圖和線稿
- 任何需要在每個密度下清晰渲染的內容
優點
- 解析度獨立 — 在任何尺寸下都清晰
- 幾何圖稿的檔案非常小
- 可使用 CSS 進行樣式設定和動畫
- SVG 內的文字仍然是真實、可選取的文字
限制
- 不適用於照片
- 複雜的插圖渲染速度可能很慢
- 可能包含腳本,因此不受信任的 SVG 存在安全風險
- 對於進階功能,不同引擎之間的渲染可能存在細微差異
瀏覽器支援
普遍支援渲染。KaiConvert 將上傳的 SVG 視為不受信任:它在沙盒圖像元素中進行點陣化,而不是內聯到 DOM 中,因此嵌入式腳本永遠不會執行。