圖片尺寸調整

這個尺寸調整工具能做什麼

拖入圖片，第一張就出現在畫布上，圖上套著一個虛線框：那個框就是結果。輸入寬或高——比例鎖開著（預設）時另一個數自動跟隨，框隨之縮放。快捷按鈕把最長邊定為 1920、1280、800 或 400，這是網頁、部落格配圖和縮圖最常用的幾個數。把單位切成 % 就按倍數縮放。也可以直接抓住框的角拖動，數字跟著變，畫布上看到的就是檔案出來的樣子。

每一列顯示原始和新的像素尺寸以及檔案大小，輸出檔名帶上新尺寸（photo-1280x853.jpg），批次處理時不會亂。縮小使用多步重新取樣——先反覆減半，再做最後一次縮放——避免了單次縮放在大幅縮小時產生的鋸齒和摩爾紋。全部在瀏覽器裡執行，不上傳、不排隊、不限量。

怎麼用

定好尺寸，按「開始調整」。批次處理時，寬 × 高 是一個每張圖都要裝進去的框：橫圖受寬限制，直圖受高限制，沒有一張會超出這個框——所以一套設定就能對付一個混著橫直的資料夾。點清單裡任意一列，畫布就換成那一張。「不放大」（預設勾選）讓本來就比框小的圖保持原樣。只有平台硬性要求固定尺寸時才解開比例鎖；那時工具會拉伸到框的大小，並在畫布下面提醒你。設定會記在這台裝置上。

處理完成後，逐張下載或打包 ZIP，或者用「繼續處理」按鈕把縮放後的圖片交給圖片壓縮做最後的體積削減，或交給格式轉換換一種格式。三個工具共用同一個清單，所以常見的網頁流程——縮到顯示尺寸、轉 WebP、壓到目標體積——只要三次點擊、一次選檔案。橫著或倒著的照片先過一遍圖片旋轉；需要乾淨底色的商品圖先去背再縮放。

常見地雷

放大不會增加細節。把 400 像素的圖放大到 2000 像素只會得到模糊的結果，因為缺少的像素是內插出來的而不是找回來的；需要更大的圖，請回到原檔或向量來源。解開比例鎖就是故意忽略長寬比，會把直式照片壓扁成橫式框——只在平台確實要求固定尺寸時這樣做，比例不同就先裁切。

縮小含有小字的 PNG 截圖會讓文字發糊；有條件的話讓截圖保持原始尺寸，由頁面用 CSS 縮放。% 單位是相對每張圖自身的，混合批次會得到大小不一的結果——想要統一輸出請用像素。另外和所有 canvas 工具一樣，EXIF 中繼資料（包括方向標記）會被丟棄；瀏覽器會在縮放前先把方向轉正，所以照片是正的，但相機資訊不會保留。

背景知識：圖片縮放是怎麼運作的

縮小圖片意味著要從被取代的若干來源像素中決定每個新像素的顏色。最近鄰只取一個，看起來有鋸齒；雙線性取最近四個的平均；雙三次和 Lanczos 加權更大的鄰域，結果更平滑也更銳利。瀏覽器的 canvas 繪製有高品質模式，但當縮小幅度很大——例如 6000 像素縮到 600——單次取樣的來源像素仍然太少，會出現混疊。標準做法（本工具採用）是反覆把圖片減半，直到與目標尺寸在兩倍以內，再做最後一次重新取樣。

現在的相機和手機動輒拍出 1200 萬到 5000 萬像素的圖片，遠大於任何螢幕：4K 顯示器只有 800 萬像素，手機螢幕約 300 萬。提供比顯示尺寸更大的圖片，只是白白消耗頻寬、記憶體和解碼時間，這正是響應式圖片（srcset 屬性）和圖片 CDN 存在的原因。上傳前在本機縮放能達到同樣效果而不需要任何基礎設施——而且因為在瀏覽器裡執行，照片從不離開你的裝置。

哪些場景需要調整尺寸

網頁發布是最大用途：讓首圖符合 CSS 寬度、產生 2 倍 Retina 版本、產出 srcset 需要的多種尺寸。社群平台要求特定尺寸——連結預覽 1200×630、方形貼文 1080×1080、橫幅 1500×500。電子郵件簽名檔和電子報需要固定寬度的小圖。政府、大學和求職網站的證件照和大頭貼上傳常有 600×600 或 2 MB 上限。應用程式商店要求精確到裝置解析度的截圖，輸出中心要求對應實體尺寸的最低像素數。

封存或分享旅行相簿前批次縮小、把商品圖縮到商城格線尺寸、從一張主 PNG 產生 16/32/64/128 像素的圖示組、把掃描檔縮到能寄郵件的大小，都是日常工作。搭配格式轉換得到 WebP，搭配圖片壓縮達到位元組目標；縮放後含 QR Code 的 PNG 應保留 PNG 以保證模組清晰。用 PDF 轉圖片 匯出的頁面也可以先在這裡縮放，再放進簡報或網頁。

常見問題