視覺樣式詞條 3-38

向量圖SVG

也常叫做：向量圖、SVG、Vector

你可能會這樣說

自己做的商標是 PNG 點陣圖，頁首小小的還行，放到簡報或大圖輸出就變成一格一格的馬賽克。

SVG 是用數學描述形狀的圖片格式：線條與色塊由座標組成，放到多大都不會糊。商標、圖示、簡單插圖都應該用它。

它還有兩個額外好處：檔案通常很小，而且程式可以直接改它的顏色——同一個檔，深色模式換色、品牌色換色，一鍵搞定；PNG 就得準備一堆不同顏色的版本。

照片類不適合 SVG（描述太複雜、檔案會爆大）。跟 AI 說「把這個圖示做成 SVG、顏色用 currentColor」，主題切換就能自動變色。

顯示寬度線條顏色

把星星拉到 160px，線條依然銳利——向量圖用座標描述形狀，放大不會糊；旁邊灰色那顆是「該換成 SVG」的小圖示。

圖 3-38　把星星拉大：SVG 放到多大都不會出現鋸齒。

中文就可以

請幫我把商標改成向量：
將現有 PNG 重製為 SVG，線條乾淨、路徑精簡。
顏色改用 currentColor，讓它跟著文字顏色自動適應深淺模式。
驗證放大到 512px 依然銳利，頁首與頁尾共用同一個檔。
順便檢查全站還有哪些 PNG 圖示可以一併換成 SVG。