格式比較一覽
| 格式 | 最適合 | 優點 | 注意事項 |
|---|---|---|---|
| JPG / JPEG | 照片與複雜影像 | 檔案小且相容性廣泛 | 有損壓縮且不支援透明度 |
| PNG | 標誌、螢幕截圖、UI 圖形 | 無損品質並支援透明度 | 檔案比 JPG 和 WebP 大 |
| WebP | 現代網站與混合素材 | 在許多情況下檔案比 PNG 和 JPG 小 | 較舊的工作流程和應用程式可能支援不佳 |
| SVG | 圖示、標誌、圖表 | 簡單圖形可無限縮放，檔案極小 | 不適用於照片 |
| GIF | 簡單的短動畫 | 簡易動畫支援 | 壓縮效果差且色彩有限 |
最佳使用情境
相片請使用 JPG
旅遊相片、產品相片與相機影像通常最能受益於 JPG 壓縮。
銳利的 UI 素材請使用 PNG
螢幕截圖、標誌、應用程式 UI 與含文字影像在 PNG 中較清晰，尤其需要透明背景時。
網頁請使用 WebP
瀏覽器相容性可接受時，WebP 通常能在品質與檔案大小間取得最佳平衡。
向量圖請使用 SVG
圖示、品牌標誌與簡單插圖能清晰縮放，不會產生點陣化瑕疵。
快速決策流程
- 如果是相片，先從 JPG 或 WebP 開始。
- 如果需要透明背景，請使用 PNG 或 WebP。
- 如果是簡單圖示或標誌，盡可能優先使用 SVG。
- 如果檔案太大，請先壓縮再變更尺寸。
在許多實際工作流程中，答案不是永遠只用一種格式。你可以保留 PNG 母檔，為網站匯出 WebP，並產生 JPG 副本供分享。
搭配合適的工具使用本指南。
相關工具