為什麼同一張圖，JPG 只有 200 KB、PNG 卻要 2 MB？
圖片格式決定壓縮率、透明度支援、動畫能力、色深、編輯彈性。搞懂各格式優缺點，能讓網頁載入更快、印刷更精準、協作更順暢。本文整理 9 大主流格式，附上適用場景速查表。
九大格式深度解析
1. BMP（Bitmap）— 無壓縮的「原始大块頭」
- 特點：Windows 內建、無損無壓縮、檔案極大（同解析度比 JPG 大 10–50 倍）。
- 優點：相容性最廣，幾乎所有軟體都能開。
- 適用：系統圖示、臨時中間檔、需零損失保存的科學影像。
2. JPEG / JPG — 王者級有損壓縮
- 特點：DCT 離散餘弦變換 + 量化表，捨棄人眼不敏感的高頻色彩，壓縮比 10:1~20:1 幾乎無感。
- 缺點：每存一次就重壓一次（世代損失），不支援透明、不支援動畫、高對比邊緣易產生振鈴伪影。
- 適用：數位相片、網頁大圖、社群分享、列印輸出（高品質設定）。
3. GIF — 8-bit 色彩的動畫之王
- 特點：LZW 無損壓縮、限 256 色（全域調色盤）、支援單色透明、多幀動畫。
- 優點：瀏覽器原生支援、檔案小、無需播放器即可循環播放。
- 缺點：色彩貧乏、漸層條帶明顯、半透明邊緣鋸齒嚴重。
- 適用：簡單圖示動畫、表情包、低色彩技術示意圖。
4. PSD — Photoshop 專案原生格式
- 特點：保留圖層、蒙版、智慧物件、調整圖層、路徑、3D 圖層等完整編輯資訊。
- 優點：可無限回溯編輯、支援 16/32-bit 色深、PSB 擴展格式突破 2 GB/30,000 px 限制。
- 適用：設計源檔保存、團隊協作交接、印刷前最終版本歸檔。
5. PCX — 復古壓縮格式（已淘汰）
- 特點：RLE 行程編碼壓縮、支援 1/4/8/24-bit、早期 DOS 繪圖軟體（PC Paintbrush）標準。
- 現況：極少見，僅舊系統遷移時遇到，建議轉檔為 PNG/TIFF。
6. PNG — 現代網頁無損標準
- 特點：Deflate 無損壓縮、支援 8/24/48-bit、Alpha 通道 256 級透明、隔行掃描漸進顯示。
- 優點：截圖、UI 元素、Logo、需透明底的圖片首選；壓縮率優於 GIF、無版權限制。
- 缺點：相片壓縮體積仍大於 JPG 5–10 倍、不支援動畫（APNG 除外，支援度有限）。
- 適用：網頁 UI、截圖、插畫、需透明底的電商主圖。
7. DXF — CAD 向量交換格式
- 特點：ASCII/二進制文字描述幾何實體（線、圓、多行文字、塊參考），尺寸精確至微米級。
- 適用：AutoCAD、SolidWorks、光繪機、雷射切割、CNC 程式交換。
8. CDR — CorelDRAW 專屬向量格式
- 特點：儲存物件屬性、曲線節點、色盤、字體嵌入，檔案極小、無限縮放不失真。
- 缺點：非 Corel 軟體難以完整開啟，跨軟體協作建議輸出 AI、SVG、PDF/X-1a。
- 適用：平面設計源檔、商標 Logo、大型噴繪排版。
9. ICO — Windows 圖示專用容器
- 特點：單一 .ico 內含多尺寸（16/24/32/48/64/128/256 px）、多色深（1/4/8/24/32-bit）圖像，瀏覽器 Favicon、捷徑圖示、應用程式圖標必備。
- 製作：可用 ImageMagick、在線轉檔、PS 插件將 PNG 批次打包成 ICO。
新世代格式補充：WebP / AVIF / HEIC / JPEG XL
| 格式 | 核心優勢 | 瀏覽器支援 | 建議場景 |
|---|
| WebP | 有損/無損並存、Alpha、動畫、比 JPG 小 30%、比 PNG 小 50% | 全主流（含 Safari 14+） | 網頁全站圖片統一格式 |
| AVIF | AV1 幀內編碼、HDR、10/12-bit、比 WebP 再小 20–50% | Chrome 85+、Firefox 93+、Safari 16+ | 高畫質相片、HDR 內容 |
| HEIC | HEVC 幀內編碼、Live Photo、iOS/macOS 原生 | 原生僅 Apple，Web 需轉檔 | iPhone 相簿備份、Apple 生態 |
| JPEG XL | 漸進解碼、無損/有損、動畫、重壓無損、王者級壓縮率 | Chrome 110+（旗標）、Firefox 夜神 | 未來通用格式、歸檔級保存 |
格式選擇決策樹（一分鐘定奪）
- 需編輯留圖層？→ PSD / PSB
- 向量無限縮放？→ SVG / AI / CDR / DXF
- 網頁相片、不需透明？→ JPG / WebP / AVIF
- 網頁 UI、需透明、無動畫？→ PNG / WebP 無損
- 簡單動畫、表情包？→ GIF / WebP 動畫 / APNG
- 印刷輸出、CMYK、高色深？→ TIFF / PSD / PDF/X-1a
- Windows 圖示/網站 Favicon？→ ICO
格式只是容器，內容才是王道。下次存檔前問自己三個問題：「誰來看？怎麼看？還要不要改？」——答案自然指向最佳格式。
