常見圖片格式

🖼️ 常見圖片格式比較

格式	壓縮方式	畫質	支援透明	動畫支援	檔案大小	常見用途
JPG / JPEG	有損壓縮	⭐⭐⭐⭐（可調整）	❌	❌	小	照片、攝影
PNG	無損壓縮	⭐⭐⭐⭐⭐	✅	❌	較大	圖示、UI、螢幕截圖
WEBP	有損 / 無損壓縮	⭐⭐⭐⭐⭐	✅	✅	非常小	網頁圖片
AVIF	有損 / 無損壓縮	⭐⭐⭐⭐⭐⭐	✅	✅	極小	高品質網頁圖片
GIF	無損壓縮（8-bit）	⭐⭐	✅（基本支援）	✅	大	動畫、迷因
HEIC	有損壓縮（高效率）	⭐⭐⭐⭐⭐	✅	❌	非常小	手機照片（Apple）
BMP	無壓縮	⭐⭐⭐⭐⭐	❌	❌	極大	原始圖片儲存
SVG	向量格式（非像素式）	無限	✅	有限支援	非常小	圖示、Logo

🔍 各格式說明

📷 JPG / JPEG

最常見的圖片格式（相機與社群媒體廣泛使用）
優點
- 檔案體積小
- 適合照片
缺點
- 壓縮後畫質會下降
- 不支援透明背景

👉 最適合：人像、風景、一般攝影照片

🧩 PNG

無損壓縮（不會損失畫質）
優點
- 支援透明背景（重要特性）
- 高畫質
缺點
- 檔案體積較大

👉 最適合：UI 設計、圖示、螢幕截圖、透明圖片

🌐 WEBP（由 Google 開發）

現代化的網頁圖片格式
優點
- 比 JPG / PNG 更小
- 支援透明與動畫
缺點
- 舊裝置可能不支援（目前大多已沒問題）

👉 最適合：網頁最佳化（推薦選擇）

🚀 AVIF（次世代格式）

基於 AV1 影片編碼技術
優點
- 最佳畫質
- 最小檔案大小
缺點
- 編碼速度較慢
- 舊裝置支援有限

👉 最適合：高品質網頁圖片、未來應用

🎞️ GIF

經典動畫格式
優點
- 支援動畫
- 相容性高
缺點
- 僅支援 256 色（畫質較低）
- 檔案較大

👉 最適合：迷因、簡單動畫

🍎 HEIC（Apple 生態系）

iPhone 預設圖片格式
優點
- 比 JPG 畫質更好且體積更小
缺點
- 相容性有限（例如 Windows、部分網站）

👉 最適合：手機照片儲存（尤其 iPhone）

🧱 BMP

幾乎沒有壓縮
優點
- 完全無畫質損失
缺點
- 檔案極大

👉 最適合：底層圖片處理（不適合日常使用）

🔷 SVG（向量格式）

非像素式，而是以數學圖形描述
優點
- 可無限縮放（不失真）
- 檔案非常小
缺點
- 不適合照片

👉 最適合：Logo、圖示、插圖

🧠 快速選擇指南

📸 照片 → JPG / HEIC / AVIF
🖥️ 網頁 → WEBP / AVIF（推薦）
🎨 透明背景 → PNG / WEBP
🎞️ 動畫 → GIF / WEBP
🔍 無損高畫質 → PNG / AVIF
🔷 Logo / 圖示 → SVG

⚖️ 總結

最通用：JPG
最佳無損畫質：PNG
最適合網頁：WEBP
未來標準：AVIF
經典動畫格式：GIF
Apple 生態系：HEIC
工程用途：BMP
向量圖霸主：SVG