SVG vs PNG：向量圖片與點陣圖片完整比較
Vizua
SVG 和 PNG 解決的是根本不同的問題。SVG 以數學形狀描述圖片，可以無限縮放而不失真。PNG 以像素網格儲存圖片，放大後會變得模糊。選對格式可以大幅改善網站效能和視覺品質。
什麼時候用 SVG
Logo、圖示、插圖、流程圖、動畫。根據 W3Techs 的統計，65.5% 的網站使用 SVG。一個電商網站將 50 個分類圖示從 PNG（共 1.2 MB）改為 SVG（共 95 KB），節省了 92% 的載入量。
SVG 的另一大優勢是可以用 CSS 控制顏色和動畫，不需要為不同顏色準備多個檔案。在響應式設計中，SVG 在任何螢幕密度下都保持銳利。
什麼時候用 PNG
需要透明度的照片、螢幕截圖、複雜的多色藝術作品。如果圖片不需要透明度，照片類圖片用 JPEG 或 WebP 更合適——檔案會小得多。
檔案大小比較
一個簡單的圖示：SVG 約 2-5 KB，PNG（64px）約 5-15 KB，PNG（512px）約 50-200 KB。SVG 不僅更小，而且一個檔案就能適應所有尺寸。但對照片來說，SVG 完全不適合——一張照片的 SVG 版本可能達到數 MB。
轉換您的圖片
SVG 轉 PNG | 圖片向量化 | Favicon 產生器
常見問題
SVG 可以完全取代 PNG 嗎？
不行。SVG 非常適合圖形、圖示和插圖，但無法有效呈現照片。向量內容用 SVG，照片類圖片用 PNG（或 JPEG/WebP）。
SVG 檔案在網站上安全嗎？
SVG 可以包含 JavaScript 程式碼。如果你接受使用者上傳的 SVG，務必進行消毒處理。自己製作的 SVG 則沒有實際風險。
SVG 的檔案大小會比 PNG 大嗎？
取決於內容。簡單的圖形和圖示，SVG 通常只有幾 KB，遠小於 PNG。但如果是非常複雜、路徑數極多的插圖，SVG 檔案可能會比對應的 PNG 更大。