圖片與檔案 指南
圖片裁切、縮放、壓縮差在哪?Crop vs Resize vs Compress 完整比較
很多圖片越修越糟,是因為把三個不同操作當成同一件事。
更新日期:
你可能遇到:
- 平台要正方形大頭貼;
- 圖片 6MB 太大;
- 網站只需要 1200px 寬;
- 截圖四周有大量空白。
這四個問題不能只用同一個「壓縮圖片」按鈕解決。
速答:Crop、Resize、Compress 差在哪?
**Crop(裁切)**是移除圖片四周或部分內容,改變構圖;**Resize(尺寸調整)**是改變整張圖片的像素寬高;**Compress(壓縮)**主要是重新編碼、減少檔案 bytes,未必改寬高。常見最佳流程是「先 Crop 不需要的內容 → 再 Resize 到實際用途 → 最後 Compress 調整容量」。
一、Crop:我不要這些畫面
原圖:
4000 × 3000
你只保留中間:
3000 × 3000
這叫 Crop。
你移除了:
- 左右背景;
- 桌面;
- 黑邊;
- 多餘人物。
二、Resize:整張都要,但尺寸太大
原圖:
3000 × 3000
改成:
1000 × 1000
內容全部保留,只是像素變少。
這叫 Resize。
三、Compress:尺寸不變,檔案 bytes 變少
原圖:
- 1000×1000
- JPG
- 1.5MB
壓縮後:
- 1000×1000
- JPG
- 400KB
這是 Compress。
四、一張表看懂
| 操作 | 改內容範圍 | 改寬高 | 主要目標 |
|---|---|---|---|
| Crop | 是 | 通常是 | 構圖/比例 |
| Resize | 否 | 是 | 像素尺寸 |
| Compress | 否 | FunnyTools 現行不改 | 檔案大小 |
五、大頭貼為什麼應先 Crop?
平台要求:
600×600
原圖:
1600×900
如果直接 Resize 成 600×600,人臉會變形。
正確流程:
- Crop 1:1;
- 保留人物;
- Resize 600×600;
- 必要時 Compress。
六、Email 附件太大要先做哪個?
如果是 6000px 手機照片,而收件人只在螢幕看:
Resize 往往比只 Compress 更有效。
如果圖片已經只有 1200px:
直接 Compress 可能就足夠。
七、網站圖片的推薦順序
例如商品圖原檔:
5000×4000
網站顯示:
1000×800
可以:
- Crop 構圖;
- Resize 到合理最大尺寸;
- 轉 WebP / JPG;
- Compress;
- 上線;
- 再用 responsive image delivery。
八、為什麼先 Compress 再 Resize 有時浪費?
你先花時間把 5000px 原圖壓成高品質 JPG,下一步又 Resize 到 1000px。
前面為 5000px 細節做的編碼,其實大部分最後都會被丟掉。
所以通常:
先決定像素,再決定品質。
九、什麼時候不應 Crop?
如果內容每個區域都必要:
- 文件掃描;
- 完整證件;
- 表格;
- 設計稿;
不要為了檔案變小隨便切掉邊緣。
十、什麼時候不應 Resize?
如果圖片要:
- 大幅印刷;
- 專業後製;
- 存檔母版;
應保留原始高解析版本。
建立:
發布副本。
不要覆蓋 master。
十一、什麼時候不應過度 Compress?
如果圖片包含:
- 細字;
- QR;
- 條碼;
- 簽章;
- 工程線條;
- UI 截圖;
重度 lossy compression 很危險。
十二、PNG 的壓縮邏輯和 JPG 不同
PNG 通常是無損。
「品質 50%」這種概念對 PNG 不一定有效。
如果是照片 PNG:
轉 JPG / WebP 可能更有效。
如果是透明 Logo:
不應為了小檔硬轉 JPG。
十三、Crop 也能減少檔案大小嗎?
通常可以。
例如:
4000×3000 = 12MP
裁成:
2000×2000 = 4MP
像素剩約三分之一。
但實際檔案大小仍看格式與內容。
十四、Resize 也會降低檔案大小嗎?
通常會。
像素越少,通常需要儲存的影像資訊越少。
但:
- 格式;
- 品質;
- metadata
仍會影響結果。
十五、Compress 會讓像素變少嗎?
FunnyTools 現行 Image Compressor:
不會。
它保留 width / height。
因此如果平台限制「最大 2000×2000」,只用 Compressor 不夠。
十六、案例:履歷照片 8MB、4032×3024
需求:
- JPG;
- ≤2MB;
- 4:3;
- 1200×900 即可。
流程:
- Crop 去多餘背景;
- Resize 1200×900;
- JPG;
- Compressor 調品質;
- 驗證臉部細節。
十七、案例:透明 Logo 3MB PNG
需求:
- 網站;
- 保留透明;
- 顯示最大 400px。
流程:
- 不轉 JPG;
- Resize 到接近需求;
- PNG / WebP;
- 比較輸出;
- 上線測試。
十八、案例:簡報截圖文字很小
需求:
- 投影片;
- 文字可讀。
比較適合:
- Crop 只留重點;
- 必要時 Resize;
- PNG。
不要先把整張截圖用低品質 JPG 壓爛。
十九、FunnyTools 對應工具
Crop
Resize
Compress
三者可以串起來,但不是每張圖都要全部做。
二十、最佳順序不是永遠固定
通常:
Crop → Resize → Format → Compress
但如果已經是一張尺寸正確的 JPG,只想少 20% bytes:
直接 Compress 即可。
二十一、常見錯誤
錯誤 1
平台要 1:1,卻用 Resize 拉成正方形。
錯誤 2
圖片太大,只壓品質不縮像素。
錯誤 3
四周都是空白,卻不 Crop。
錯誤 4
每一步都重複轉 JPG。
錯誤 5
不保留 master。
錯誤 6
把三個工具都叫「壓縮」。
二十二、FAQ
Crop 會改圖片比例嗎?
會,取決於裁切區域。
Resize 會裁掉內容嗎?
正常 Resize 不應裁掉內容,而是縮放整張。
Compress 會改尺寸嗎?
FunnyTools 現行 Compressor 不改寬高。
最推薦的順序?
通常 Crop → Resize → Format → Compress。
圖片要正方形用哪個?
先 Crop 1:1,再 Resize 到指定 pixels。
二十三、延伸閱讀
下一步
不知道現在該開哪個工具?
問自己三句:
- 不要哪些畫面?→ Crop
- 要改多少 pixels?→ Resize
- 只想降低 MB / KB?→ Compress
重點速記
Crop = 刪畫面
Resize = 改像素
Compress = 減 bytes
使用前再確認
先保留原始檔,再依用途決定裁切、縮放或壓縮;輸出後在實際上傳平台預覽一次,才能確認尺寸與清晰度都符合要求。