調整圖片大小是指改變其像素尺寸，也就是檔案中儲存的寬度與高度，而不只是縮減檔案大小。當網站、表單或編輯器 specifies 像素需求時，提供的檔案必須實際具有這些尺寸；在預覽中看起來很小，並不能證明它符合需求。這項工作本身很簡單：選擇支援的圖片、檢查原始尺寸、設定所需的寬度或高度、保留或刻意變更比例、選擇輸出格式，然後下載新副本。Image Resizer 可在瀏覽器中完成這些操作，並在數值變更時更新預覽。其長寬比鎖定功能會調整另一個維度，避免圖片意外被拉伸。處理過程完全在本機進行：圖片會在你的裝置上解碼，以新尺寸透過高品質平滑重新繪製於 HTML5 canvas 上，再重新編碼為 PNG、JPEG 或 WebP。不會上傳任何內容，也沒有處理佇列，原始檔案不會遭到變更。這種做法適合方形大頭貼、固定尺寸的封面、縮圖、上傳表單、電子郵件圖像，以及需要可預測尺寸的網路圖片。
圖片檔案內部會發生哪些變更
像素尺寸描述構成點陣圖的彩色元素網格。寬度和高度通常寫成寬度 × 高度，兩者共同決定編碼後的圖片包含多少像素。調整大小會以所選尺寸取代原有網格；其作用不僅僅是變更圖片檢視器顯示的縮放比例。
壓縮則有不同的用途。它會重新編碼圖片，在保留像素尺寸的同時縮減檔案大小。因此，照片的位元組數可能很少，卻仍然超過表單的寬度或高度限制。反之，尺寸正確調整過的圖片，如果其維度超出目的地需求，仍可能比必要大小更大。當兩項目標都很重要時，先縮放至所需尺寸，再視需要進一步壓縮。
調整大小的作業會建立新的編碼圖片，而不是就地編輯來源。處理完成後，你會下載該新副本，而磁碟上的原始檔案維持不變。這項差別也說明為什麼預覽和下載的檔案都很重要：網頁顯示的縮放圖片並不能證明底層檔案具有所需尺寸。
正確讀取尺寸與長寬比
長寬比描述寬度與高度之間的關係，也就是原始圖片的形狀。選擇檔案後，原始尺寸會自動顯示，讓你在變更任何內容前先有基準。接著，長寬比鎖定功能會在縮放時維持這種關係。
| 設定 | 會發生什麼事 | 使用時機 |
|---|---|---|
| 開啟長寬比鎖定 | 輸入寬度或高度後，另一個維度會自動配合。 | 讓照片、標誌和插畫維持比例。 |
| 關閉長寬比鎖定 | 圖片可以配合刻意固定的框架，但形狀變更可能使圖片失真。 | 只有在可接受失真作為取捨時使用。 |
| 即時預覽 | 結果會隨尺寸變更而更新。 | 下載前檢查新的形狀。 |
只有單一寬度或高度限制時很簡單：保持鎖定功能開啟，輸入該數值，讓工具計算相符的另一邊。如果目的地同時指定兩個維度，應先檢查它們的比例。當兩個數值與原始比例一致時，鎖定狀態下的調整可同時符合兩者。如果所需框架的比例不同，單靠調整大小便無法同時保留形狀並填滿該框架。關閉鎖定功能可以強制配合，但務必預期圖片可能失真。若想要更乾淨的結果，請從構圖本身已符合目標比例的圖片開始。
調整尺寸後再選擇輸出格式
PNG、JPEG 和 WebP 都可作為輸出格式。應依據需要保留的特性來選擇：透明度、廣泛的照片相容性，或高效傳送至現代網站。格式選擇不會改變你輸入的目標尺寸。
| 格式 | 實用特性 | 適當用途 |
|---|---|---|
| PNG | 無損編碼，可保留透明度。 | 含有透明區域的標誌、圖示、螢幕擷取畫面和圖形。 |
| JPEG | 適用於照片的通用選擇，能產生較小的檔案。 | 以廣泛相容性為優先的普通照片。 |
| WebP | 在視覺品質相近的情況下，通常比 JPEG 更小，且每款現代瀏覽器都支援。 | 要放置於自有網站的圖片。 |
如果標誌、圖示或螢幕擷取畫面含有透明度，或其中的文字不應因失真編碼而降低品質，請使用 PNG。JPEG 是一般照片的直觀選擇。如果決策依據是現代瀏覽器的支援情況，WebP 會是自有網站的實用選擇。工具會以你選定的格式重新編碼調整後的結果，因此應審慎選擇，不要假設下載的檔案會保留來源格式。
以三個步驟調整圖片大小
- 選擇圖片。 開啟 Image Resizer，選擇 JPG、PNG 或 WebP 檔案。原始寬度和高度會自動載入，讓你能在編輯前比較來源與目標。
- 輸入新尺寸。 勾選「Lock aspect ratio」，然後輸入所需的寬度或高度。另一個數值會自動配合，預覽也會更新。如果你要刻意將圖片配合不同形狀的框架，只有在接受可能失真時，才取消勾選鎖定功能。
- 選擇格式並下載。 選取 PNG、JPEG 或 WebP，然後下載調整大小後的副本。處理程序在你的瀏覽器中進行，來源檔案絕不會被變更。
讓結果符合目的地
尺寸應反映圖片的實際使用位置，而不是以「讓它變小」這種模糊目標為準。以下選擇涵蓋常見工作：
- 個人資料照片與大頭貼： 如果目的地要求正方形，開啟鎖定功能後即可乾淨地調整正方形來源。非正方形來源則必須先裁切成目標比例，或在調整大小時接受失真。
- 社群封面與縮圖： 以目的地的固定框架作為目標。盡可能保留來源比例，因為自動顯示縮放可能無法產生你預期的構圖。
- 市集商品頁面與申請表單： 將像素限制輸入為寬度或高度，並保持長寬比鎖定功能開啟。提交前，將下載的檔案與所述最大值進行核對。
- 電子郵件簽名： 將大型圖片縮小到實際顯示的尺寸，而不是傳送不必要的像素資料。
- 網頁： 將過大的照片縮放至頁面所需大小，若資料量仍然過多，再進行壓縮。這能減少頻寬使用量，並有助於避免與 Core Web Vitals 相關的圖片大小問題。
瞭解品質上限
就視覺效果而言，縮小是最安全的方向。高解析度來源以較少像素重新繪製後，通常仍能保持清晰，而工具在重新繪製期間會使用高品質平滑。因此，縮減尺寸適合用於縮圖、大頭貼、表單上傳和網路圖片。
放大則有不同的情況。超過原始尺寸進行放大，無法創造原本未捕捉到的細節。背景或印刷預覽可接受小幅增加，但大幅增加可能看起來模糊。檔案中的像素更多，並不自動代表圖片細節更多。
因此，最好只要求仍能符合目的地需求的最小尺寸。如果清晰度很重要，不要僅為達到偏好的像素數量而放大小型來源。
看看瀏覽器內部發生了什麼事
整個處理流程從頭到尾都在本機進行。你的圖片會在裝置上解碼，以新尺寸透過高品質平滑繪製到 HTML5 canvas 上，再重新編碼為所選的輸出格式。不會有任何內容傳送到伺服器，也沒有處理佇列，身分證照片、文件或尚未發行的設計作品等敏感檔案都不會離開你的裝置。
這種本機工作流程不會讓放大後的圖片更清晰，但確實能讓調整大小的作業保持隱私且可預測。來源仍留在磁碟上，下載的則是另一份調整大小後的副本。
下載前檢查結果
使用即時預覽和目的地需求作為最終核對清單。確認顯示的寬度和高度符合目標、主體沒有被拉伸，且所選格式適合圖片的透明度與傳送需求。如果目標比例與來源不同，在停用鎖定功能前請先停下來。放大時，請預期可能會有些模糊，不要假設預覽能還原遺失的細節。當一切都符合後，下載新檔案；如果日後可能需要其他尺寸，請保留原始檔案。
如果你正在權衡各種選項，Change Image DPI Explained: Pixels, Size, and Limits 對此有詳細說明。
如果你正在權衡各種選項，Resize Image for Beginners: A Simple Practical Guide 對此有詳細說明。