PNG 是由像素組成的,放大就會糊;SVG 是由數學路徑組成的,放到多大都銳利。把 PNG 轉成 SVG——也就是向量化或描摹(trace)——對 logo 和圖示是超好用的一招,但對照片就是壞主意。這篇教你怎麼分辨。
點陣 vs 向量,一句話
- 點陣(PNG、JPG、WebP):一格格彩色像素。適合照片;放大會出現方塊。
- 向量(SVG):用數學描述的形狀。可無限縮放、檔案通常很小,最適合 logo 與印刷。
「描摹」實際在做什麼
轉換器沒辦法神奇地知道你圖裡的形狀,它是在近似:把顏色相近的區塊歸群,重畫成向量路徑。所以結果是對原圖的乾淨「詮釋」,不是像素級的複製。顏色越少、邊緣越銳利,描摹效果越好;平滑漸層與細節多的圖,效果越差。
什麼情況 PNG 轉 SVG 效果極好
- logo 與圖示:平面色塊、邊緣清楚
- 線稿與簡單插圖
- 想在任何螢幕或印刷上都銳利的黑白標誌
這些用 PNG 轉 SVG 會產生小又可縮放的檔案,放進網站或放大成大型看板都不糊。
什麼時候該維持點陣圖
- 照片——描摹照片會產生成千上萬條雜亂路徑、檔案反而更大、成品也難看。
- 複雜漸層或紋理——同樣的問題。
照片請維持點陣格式,改用圖片壓縮來控制大小。
如何轉檔(且保護隱私)
以下工具全程在你的瀏覽器本機描摹,圖片不會上傳:
選個細節等級、看預覽、下載。如果描摹版看起來乾淨,你就有了一個永遠不會糊掉的 logo;如果看起來雜,那張圖就是該留在 PNG。