設計新手常混淆 PSD 分層素材與矢量素材,導致放大失真、輸出模糊。本文用最直白的語言解析兩者本質區別、互轉可行性、實際工作流建議,避開格式陷阱。
一張表看懂核心差異
| 屬性 | PSD 分層圖(位圖/點陣圖) | 矢量圖 |
| 基本單位 | 像素 | 數學公式(點、線、曲線、多邊形) |
| 放大後果 | 鋸齒、模糊、失真 | 無限放大,線條銳利、色塊純淨 |
| 檔案體積 | 較大(記錄每像素顏色) | 極小(記錄幾何指令) |
| 適合場景 | 照片、複雜漸層、質感豐富插畫 | Logo、圖示、字體、技術圖、需無限縮放的圖形 |
| 常見格式 | PSD、JPG、PNG、TIFF、BMP | AI、EPS、SVG、PDF、CDR |
| 編輯軟體 | Photoshop、GIMP、Affinity Photo | Illustrator、CorelDRAW、Inkscape、Affinity Designer |
互轉實測:單向易、雙向難
✅ 矢量 → 位圖:極簡單、無損(在目標解析度下)
- AI/PS 直接匯出 PNG/JPG/PSD,指定解析度(300dpi 印刷、72/144dpi 螢幕)
- 圖層結構可保留(匯出 PSD 時勾選「保留圖層」)
- 適用:矢量 Logo 輸出網頁用 PNG、印刷用 TIFF
❌ 位圖 → 矢量:複雜、品質損失大、多為「描圖」而非真正轉換
- PS「影像描圖」/ AI「影像追蹤」/ 線上工具 均屬邊緣偵測 + 色塊近似擬合
- 結果:路徑節點極多、曲線不平滑、漸層變色塊階梯、文字無法編輯
- 複雜照片轉矢量幾乎不可用;簡單線稿/單色 Logo 可勉強修復
💡 真相:位圖轉矢量本質是「重繪」,非「轉換」。專業流程是用位圖作參考圖層,在上方用筆工具手動重繪矢量路徑。
實務工作流建議
- 源頭決定格式:Logo/圖示/版面 → 直接用 AI/ID/CDR 做矢量;照片合成/質感繪圖 → PS 做位圖
- 混合專案:AI 排版時「置入」PSD 位圖,保持連結可隨時更新
- 輸出端決定格式:網頁/螢幕 → PNG/JPG/WebP;印刷/切圖/招牌 → PDF/EPS/SVG(矢量優先)
- 收到 PSD 要改 Logo:請設計師給 AI/SVG 源檔;若無源檔,報價重繪費用
常見誤區澄清
- ❌ 「PSD 是矢量格式」→ PSD 核心是位圖容器,雖可包含矢量形狀圖層/文字圖層,但整體輸出仍受解析度限制
- ❌ 「存成 EPS 就變矢量」→ EPS 只是容器,若內容是位圖,放大依然模糊
- ✅ 「PDF 可同時包含矢量與位圖」→ 印刷交稿首選 PDF/X-1a,保留矢量銳度且嵌入高解析位圖