guide
圖片檔案大小實用參考指南
該圖片應有多大?為每種用途提供實用的 KB / MB 標準。
「這張圖片應該有多大?」是網頁效能中最常被問到的問題。誠實的答案是:取決於用途。以下是實用的參考指南。
主視覺 / 首屏圖片
| 類型 | 目標大小 | 格式 |
|---|---|---|
| 全寬桌面主視覺 | 150-300 KB | WebP / AVIF |
| 手機主視覺 | 80-150 KB | WebP |
| 延遲載入下方內容 | 高達 500 KB | WebP / JPG |
縮圖 / 列表圖片
| 類型 | 目標大小 | 格式 |
|---|---|---|
| 產品網格縮圖 (300×300) | 15-40 KB | WebP / JPG |
| 文章預覽 (640×360) | 30-80 KB | WebP |
| 頭像 (96×96) | 5-15 KB | WebP / PNG |
社交媒體上傳
大多數平台會強力重新壓縮,因此在您端過度優化是浪費。目標應為「高品質」而非「最小可能大小」:
| 平台 | 建議上傳大小 |
|---|---|
| 1.5-3 MB(他們會壓縮至約 150 KB) | |
| Twitter / X | 小於 5 MB;超過則會強制重新壓縮 |
| 貼文小於 1 MB | |
| 小於 5 MB;Logo 使用 PNG,照片使用 JPG |
壁紙(本地儲存時)
手機儲存空間巨大 —— 品質比大小更重要:
| 解析度 | 合理的 JPG 大小 |
|---|---|
| HD (1280×720) | 200-400 KB |
| Full HD (1920×1080) | 400-800 KB |
| 4K (3840×2160) | 1.5-3 MB |
| 5K (5120×2880) | 3-6 MB |
| 8K (7680×4320) | 6-12 MB |
電子郵件簽名與嵌入圖形
| 用途 | 目標大小 |
|---|---|
| 電子郵件簽名圖片 | 小於 50 KB |
| PDF 嵌入圖片 | 小於 200 KB |
| 簡報圖片 | 小於 500 KB |
達成目標的工具
- JPG 壓縮工具 — 滑桿調整,即時看到 KB 數值。
- WebP 轉換器 — 相同品質下通常小 30-50%。
- 縮放工具 — 尺寸縮小 = 檔案變小。先縮放,再壓縮。
- 批量模式 — 對整個資料夾套用您的目標設定。
試用免費工具