圖片調整尺寸不變形：比例、裁切與留白的實作流程

要解決的問題

把 4:3 照片直接拉成 1:1，人物臉部和圓形標誌會變形；改用自動裁切又可能切掉文字或商品。只看輸出寬高，沒有檢查焦點與邊界，往往要上傳後才發現。

適合誰使用

適合製作社群頭像、商品縮圖、網站卡片、投影片圖片、證件照與任何需要符合固定寬高的使用者。

公式與概念

先量出來源與目標比例。比例相同時可鎖定比例縮放；比例不同時必須在「裁切內容」與「保留完整畫面加留白」之間選擇。不要把「符合尺寸」和「保留所有內容」當成同一個要求。

裁切前先設定焦點安全區：人物臉、產品標誌、圖表標題或 QR Code 不應貼近邊緣。先在裁切工具預覽，再輸出；自動置中只是起點，不一定符合每張圖的重點。

若圖片要放在多個版位，保留原始比例的主檔，再各自輸出目標尺寸。反覆在已裁切檔上縮放會累積取捨，之後很難找回被切掉的內容。

鎖定比例只能避免幾何變形，不能保證文字清晰或檔案適合上傳。完成尺寸後，依用途決定是否再壓縮，並在手機、網站卡片或簡報投影等實際情境查看。

使用本站圖片調整尺寸工具時，輸出後檢查像素寬高、檔案方向、焦點與透明背景。工具在瀏覽器端處理檔案；下載檔仍應依共享裝置政策清理，不要把暫存檔當成主檔。

為不同版位使用可追蹤的輸出命名並記錄裁切焦點，之後需要另一比例時一律回到主檔重做。

交付前寫下目標寬高、格式、透明需求與裁切規則，並在瀏覽器與手機各開一次確認。

若圖片同時用於頭像、卡片與列印，保留主檔並各自輸出，不用一個折衷尺寸服務所有場景；每個輸出標明版位與日期。

固定框若包含文字或商品，裁切後再次確認安全邊界與最小可讀尺寸；必要時保留少量留白並記錄手動調整。

若目標平台會自動裁切，先上傳測試圖確認其焦點規則，再調整輸出，不要只依賴本站預覽。

操作步驟

1. 記下原圖寬高、目標寬高與不可裁切的重點。
2. 計算兩者比例，選擇鎖定比例、裁切或留白。
3. 在圖片裁切工具中定位焦點並預覽邊界。
4. 用圖片調整尺寸工具輸出目標像素，保持比例。
5. 在實際版位檢查人物、文字、標誌、透明與方向。
6. 需要時再壓縮，保存主檔與用途明確的輸出檔。

實際範例

網站卡片要求 1200×800，但原圖是 4000×3000。團隊鎖定比例縮小到 1067×800，再從主檔裁切左右，確保商品標籤留在安全區；另一個社群方形版則重新定位焦點，而不是把卡片檔再拉成正方形。

常見錯誤

• 為了符合寬高直接拉伸，讓人物、圓形標誌或文字變形。
• 使用自動置中裁切，卻沒有檢查焦點與邊緣。
• 在已裁切輸出檔上反覆縮放，遺失可恢復的原始內容。
• 只看像素尺寸，不看網站、手機或簡報中的實際效果。
• 把輸出檔當成主檔，未保存原始比例與透明資訊。

相關指南

相關工作流程