為什麼上傳前要先處理圖片？
直接把手機原始照片（動輒 4000 像素寬、3～5 MB）丟上網站，會發生三件壞事：頁面載入變慢、吃掉更多流量與儲存空間、版面難以控制（瀏覽器要先把大圖縮小顯示，使用者會先看到版面跳動）。實際上，網頁上絕大多數圖片的使用者端顯示寬度都在 2000 像素以內，桌機文章區塊常見寬度約 700～1200 像素，手機更窄。把圖片在上傳前縮到「顯示尺寸的適當倍率」並壓低檔案大小，是改善網站速度最直接、成本最低的一步。
常見用途的尺寸建議
以下是一般網站、部落格常見的建議像素寬度（保留一些餘裕給高解析度螢幕）：
- 文章內文插圖：寬 1200～1600 像素。就算文章版面只有 800 像素寬，也能涵蓋 2 倍螢幕的顯示需求。
- 文章首圖／大圖：寬 1600～1920 像素，檔案控制在數百 KB 上下。
- 縮圖、列表卡片圖：寬 400～800 像素即可，不需要更大。
- Logo：依版面實際顯示大小的 2 倍準備（例如顯示 200 像素寬就做 400 像素寬）。
- 橫幅背景：寬 1920 像素左右。
重點觀念：不需要的像素就不要留。與其上傳 4000 像素寬的圖再用 CSS 縮小，不如直接把尺寸縮好，檔案小、載入快、版面也更可控。
檔案大小抓多少才合理？
沒有絕對標準，但一個實用的經驗法則是：單張內文圖片盡量壓在數百 KB 以內，整個頁面的圖片合計越輕越好。做法是先用本站的調整尺寸工具把寬度縮到目標值，再用壓縮工具選 WebP、品質 75 前後輸出，多數照片都能輕鬆壓進這個範圍，而且畫質在螢幕上不易察覺差異。格式怎麼選，可參考WebP、JPG、PNG 格式比較。
有個務實的小技巧：壓縮後把原圖和壓縮圖並排放大檢視，如果 100% 檢視時看不到明顯雜點，就代表這個品質設定是安全的。還想更小，先動尺寸、再動品質，順序不要顛倒。
上傳前檢查清單
- 尺寸已縮到符合用途（不是直接用相機原始尺寸）
- 格式已選對：照片用 WebP 或 JPG；截圖、需要透明的圖用 PNG 或 WebP
- 品質設定在 70～80 之間，放大檢視無明顯失真
- 單張檔案大小在數百 KB 以內（特殊大圖除外）
- 原始檔已另外備份，上傳的是處理後的複本
- 檔名有意義（例如 webp-format-guide-cover.webp），對 SEO 和日後管理都有幫助
常見疑問
直接依賴網站平台自動壓縮不行嗎？
多數平台會自動壓，但品質和尺寸不受你控制，有時還會留下壓縮痕跡或裁掉你想要的構圖。上傳前自己處理好，結果最可控。
圖片尺寸會影響搜尋排名嗎？
頁面載入速度是搜尋引擎評估體驗的因素之一，過大的圖片會拖慢載入。把圖片最佳化屬於基礎的網站健檢項目，值得做，但別期待單靠這一件事讓排名大躍進。
處理大量圖片有比較快的方法嗎？
本站工具支援批次：縮放與壓縮都可以一次選多張一起處理，全部在瀏覽器內完成、不上傳伺服器，處理完用「全部下載」一次取回。
延伸閱讀
- 照片檔案太大怎麼辦？壓縮照片的實用指南 — 品質、尺寸、格式三個槓桿
- WebP 是什麼？和 JPG、PNG 差在哪裡，什麼時候該用哪種格式
- 裁切圖片工具 — 裁掉多餘邊緣，畫面更聚焦、檔案也更小