要把 Logo 用在多種尺寸,或修改圖中的某個形狀,可以選擇 SVG。如果 PNG 在需要的尺寸下已經清晰,就可以繼續用。兩種格式都支援透明背景。
按用途選擇
- Logo 要反覆放大縮小:優先用原始 SVG,也要檢查最小尺寸下是否易讀。
- 只在一個固定位置顯示:清楚的 PNG 可能就夠了,手機和電腦都要檢查。
- 照片:通常選擇 PNG、JPEG 或 WebP,並確認網站或軟體支援。
- 要改某個顏色或曲線:用 SVG,開啟後確認能單獨選中這些部分。
- 軟體不接受 SVG:匯出所需尺寸的 PNG,在最終背景上檢查。
PNG 要多大?
顯示寬度是 200 畫素時,400 畫素寬的 PNG 可為 2× 螢幕提供足夠畫素。但把 100 畫素圖片拉到 400 畫素,並不會找回缺失的細節。
SVG 一定更小、更透明嗎?
不一定。簡單 Logo 只需少量形狀,複雜插畫可能變成幾千個形狀,檔案反而更大。替換網站圖片前,對比大小和顯示效果。
想檢查透明度,把 PNG 放到深色背景上。如果白框或灰色棋盤格仍在,它們就是圖片的一部分,需要先去除。
看這張送信小狗
小尺寸網頁插畫可能直接用 PNG 就夠了。想修改紅色信封,可以在繪圖軟體中開啟 SVG 並選擇對應形狀。淺藍底色屬於原圖,轉換後仍會保留;選擇 SVG 不會自動去背景。


