調整圖片尺寸不變形:長寬比例、像素與匯出格式怎麼設定

圖片「變小」可能指檔案位元組變少,也可能指寬高像素變少。要調整尺寸而不變形,重點不是隨便填兩個數字,而是先決定要保留原圖比例,還是為了某個版位接受裁切、留白或變形。本指南只討論依像素重新繪製的尺寸調整,不把 DPI、證件照預設或 AI 放大混在一起。

LocalTools 編輯團隊內容更新

先分清楚像素和檔案大小

寬度 1200 px、高度 800 px 是像素尺寸,決定圖片在網頁或文件裡可以顯示多少細節;500 KB、2 MB 是檔案位元組大小,影響上傳限制和載入成本。兩者有關,但不是同一件事:一張像素很大的純色圖可能不大,一張像素較小但紋理複雜的照片也可能不小。

如果平台要求「頭像 300×300 像素」,你需要改像素尺寸;如果要求「小於 200 KB」,你需要壓縮或降低品質。把這兩類目標混在一起,最常見的結果是尺寸達標但檔案仍超過限制,或檔案變小了卻不符合版位。

不變形靠長寬比例

圖片被壓扁或拉長,是因為新的長寬比例和原圖比例不同。原圖 1600×1000 的比例是 1.6,如果強行匯出為 1000×1000,內容會被橫向擠壓或縱向拉伸。要避免這種變形,應鎖定長寬比例,只輸入寬度或高度,讓另一邊依原始比例自動計算。

LocalTools 的圖片尺寸調整工具會讀取原圖像素。開啟比例鎖定時,改寬度會同步計算高度,改高度也會同步計算寬度。它一次處理單張圖片,輸出 PNG、JPEG 或 WebP;如果你要開始實際調整,可以先在工具裡上傳圖片並確認原始尺寸。

必須固定寬高時的取捨

有些情境確實要求固定畫布,例如 1200×628 的分享圖。若原圖比例不同,光靠尺寸重新繪製無法同時做到「不變形」和「完整保留畫面」。你需要在三種結果裡選一種:保持比例但留白、裁掉邊緣,或接受拉伸。目前的尺寸工具只做重新繪製,不做裁切、智慧構圖或加邊框,所以它適合比例一致,或你願意按比例縮放的任務。

縮小通常能減少像素數量,但不等於保證檔案更小;放大只是把畫面重新取樣到更多像素上,不會補回原圖沒有的細節。DPI 中繼資料也不是這裡的控制項,網頁和大多數表單主要看像素和位元組,不看紙面列印密度。

  • 要保持完整畫面:優先鎖定比例,接受目標寬高不完全固定。
  • 要塞進固定版位:先裁切或設計留白,再調整像素。
  • 要滿足上傳 KB:改尺寸後仍需查看實際檔案大小。

匯出格式怎麼選

PNG 適合線稿、截圖、帶透明邊緣的圖形,但檔案可能較大;JPEG 適合一般照片,透明資訊會遺失;WebP 常用於網頁圖片,但是否能開啟或上傳,要看目標系統。尺寸工具的品質滑桿只對 JPEG 和 WebP 這類有損匯出有意義,PNG 不是靠品質滑桿壓縮。

如果你只是想換格式而不改變像素尺寸,應該使用格式轉換工具;如果改完尺寸後發現檔案仍太大,再用一般圖片壓縮工具處理 JPEG 輸出會更直接。

假設例子

假設你有一張 2400×1600 的產品照片,準備放進要求寬度 1200 px 的文章內文。原圖比例是 3:2,只輸入寬度 1200 並鎖定比例,高度會變成 800,畫面不會被拉伸。若文章範本要求 1200×900,這個比例是 4:3,直接改成 1200×900 會變形;更穩妥的做法是先在編輯器裡裁成 4:3,再匯出。

如果平台同時要求小於某個 KB,尺寸調整只是第一步。匯出後查看實際位元組大小,超過限制時再降低 JPEG/WebP 品質,或改用目標 KB 壓縮流程;但目標 KB 壓縮可能繼續按比例縮小像素尺寸,不適合必須保留精確寬高的交付。目標壓縮後要重新檢查輸出尺寸和檔案大小。這裡的數字只是說明方法,不代表任何固定壓縮效果。

假設:2400×1600 改成網頁寬圖

鎖定比例後輸入寬度 1200,得到 1200×800;若硬填 1200×900,比例會改變,畫面會被拉伸,除非先裁切或補邊。

限制要先知道

此工具依賴瀏覽器能否解碼輸入圖片,並透過 canvas 輸出靜態結果。動畫 GIF 或動畫 WebP 不會保留動畫;不應期待 EXIF、ICC 色彩設定檔或其他中繼資料被保留。它也不是批次處理器、DPI 編輯器、證件照排版工具或 AI 清晰化工具。

常見問題

只設定寬度,高度能自動跟著變嗎?
可以。開啟保持長寬比例時,輸入寬度會依原圖比例計算高度;如果關閉比例鎖定,就可能得到拉伸效果。
改像素尺寸能保證圖片小於某個 KB 嗎?
不能保證。像素減少通常有幫助,但最終位元組大小仍受格式、品質、圖片內容和瀏覽器編碼器影響。
修改 DPI 會讓網頁圖片更清楚嗎?
網頁顯示主要看像素尺寸和 CSS 顯示尺寸;目前工具不編輯 DPI 中繼資料,也不做 AI 放大。
線上調整圖片大小

圖片不上傳,直接在瀏覽器裡縮放並下載。

本頁的所有處理都在瀏覽器中完成,不會上傳任何內容。

開啟工具

參考資料

圖片壓縮與格式選擇