調整圖片大小是指變更其像素尺寸,也就是檔案中儲存的寬度與高度。對新手而言,基本流程是載入圖片、輸入目標寬度或高度、保持長寬比鎖定開啟、選擇 PNG、JPEG 或 WebP,然後下載新副本。

首先,請確認圖片將用於何處。個人頭貼、封面圖片、縮圖、市集商品listing、申請表單、電子郵件簽名和網頁頁面可能各有不同需求。有些會指定確切尺寸,有些則會設定大小上限。調整大小也能避免網站代為縮放圖片,否則圖片可能會變形、遭裁切或尺寸過大。

Image Resizer 可接受 JPG、PNG 和 WebP 檔案,並完全在你的瀏覽器中運作。你的圖片會在你的裝置上解碼並重新繪製,接著以新尺寸和高品質平滑處理重新編碼。不會上傳任何內容,磁碟上的原始檔案也絕不會遭到變更。

resize image for beginners
新手圖片大小調整:簡單實用指南

從頭到尾的基本調整流程

  1. 選擇圖片。選擇 JPG、PNG 或 WebP 檔案。工具會自動顯示其原始尺寸,因此你可以在變更前檢查起始寬度與高度。
  2. 輸入新的寬度或高度。輸入目的地要求的數值。啟用「Lock aspect ratio」時,另一個尺寸會自動調整,保留圖片形狀。
  3. 選擇輸出格式。依照你預計使用圖片的位置,選擇 PNG、JPEG 或 WebP。預覽會隨尺寸變更而更新,讓你能在下載前檢查結果。
  4. 下載調整大小後的圖片。將新檔案儲存到你的裝置。這是 separate 副本,因此原始圖片仍可供日後編輯或建立其他版本。

整個作業都在瀏覽器本機進行。沒有上傳、處理佇列或伺服器副本,因此很適合用於私人照片、身分證件和未完成的設計工作。

先決定像素尺寸

像素尺寸描述圖片橫跨的確切像素數量,與百分比、實體測量值和檔案大小不同。在開啟調整工具前,請找出目的地列出的寬度與高度。對於個人頭貼、縮圖、上傳表單或網站,請使用其說明中指定的像素尺寸,不要根據圖片在螢幕上的樣貌推測。

如果你只知道目標寬度或高度,請輸入該數值,並讓長寬比鎖定功能計算另一側。這是一個比例計算範例:如果一張照片為 1,920 × 1,080 像素,而新的寬度是 960 像素,比例高度為 1,080 × 960 ÷ 1,920 = 540 像素。產生的圖片為 960 × 540 像素。

  • 對於確切規格:下載前請確認所需的寬度與高度。
  • 對於單一尺寸:啟用長寬比鎖定後輸入該數值,讓圖片形狀維持完整。
  • 對於像素上限:將圖片縮小至允許的尺寸,再另外檢查檔案大小。
  • 未提供目標時:先選擇預定用途,例如網站、電子郵件或列印預覽,再依照該目的地調整尺寸。

不要只依賴視覺尺寸。兩張圖片在螢幕上看起來可能很相似,卻包含非常不同的像素數量。

保留形狀或刻意改變形狀

長寬比描述圖片寬度與高度之間的關係。保持鎖定可保護熟悉的外形:寬幅照片會維持寬幅,直幅照片也會維持直幅。這是新手最安全的預設選項,因為當兩側都被強制調整成不相容的尺寸時,它能避免圖片看起來被拉伸或壓扁。

只有在刻意需要讓圖片填滿固定框架,並且願意接受失真時,才關閉鎖定。例如,將非正方形圖片置入正方形框架,同時不改變其比例,單靠等比例調整是做不到的。你必須先將圖片裁切成所需形狀,再調整裁切後的結果。

  • 對於個人照片、網站圖片和透過電子郵件分享的圖片,請保持鎖定開啟。
  • 當目的地需要新形狀,且所有重要內容都必須保持可見時,請使用獨立的裁切步驟。
  • 只有在固定框架、刻意營造的視覺效果,或來源本身已具備所需比例時,才停用鎖定。

選擇符合用途的格式

輸出格式會控制調整後的像素如何編碼與儲存,但無法取代選擇正確尺寸的必要步驟。如果目的地有指定格式要求,請依其規定;否則,請依照圖片類型和傳遞位置來選擇。

格式 最適合用途 注意事項
PNG 標誌、圖示、螢幕截圖和具有透明度的圖形 採用無損編碼並保留透明度,適合重視銳利邊緣和 alpha 透明度的情況。
JPEG 照片和廣泛相容的用途 可產生精簡的照片檔案,在不需要透明度時是實用選擇。
WebP 用於現代網站的圖片 在視覺品質相近的情況下,通常能產生比 JPEG 更小的檔案,而且每款現代瀏覽器都支援。

重新編碼是這個流程的一部分,因此所選格式會影響儲存的檔案。PNG 會無損保留圖片資料,而 JPEG 注重精簡的照片輸出。WebP 適合用於網頁傳遞,但目的地仍可能要求 PNG 或 JPEG。如果尺寸正確,檔案卻仍超出另一項大小上限,請在調整大小後使用 Image Compressor;縮小檔案大小與變更尺寸是不同的作業。

瞭解哪些因素會影響品質和檔案大小

縮小圖片通常是調整大小最安全的方式。高解析度原始圖片以較小尺寸重新繪製後仍可保持清晰,因為來源像素足以建立新圖片。高品質平滑處理有助於在縮減過程中產生乾淨的邊緣。

放大圖片的運作方式則不同。工具能以較大尺寸重新繪製圖片,但無法重現來源中原本不存在的細節。背景或列印預覽採用幅度不大的放大或許看起來還可以,但大幅增加通常會使畫面變得柔和。若要獲得最銳利的結果,請找出較大的原始圖片,而不是反覆放大小檔案。

調整大小與壓縮解決的問題也不同。調整大小會變更圖片中的像素數量,而壓縮則維持尺寸,透過重新編碼來縮小檔案大小。較少的像素通常能減少圖片資料量,但最終檔案大小仍取決於格式和內容。在確認並成功使用新版本之前,請保留未經變更的來源檔案作為備份。

使用前檢查結果

下載前,請使用預覽和顯示的尺寸進行最後的品質檢查。

  • 確認寬度和高度符合目的地要求。
  • 檢查臉部、邊緣、文字和標誌是否未被拉伸或裁掉。
  • 確認圖片對於預定尺寸而言仍足夠清晰。
  • 必須保留透明區域時,請使用 PNG。
  • 確認接收檔案的應用程式或網站接受所選格式。

下載後,如果目的地設有嚴格限制,請檢查新檔案。只要原始檔案未遭變更,事後修正尺寸就會容易得多。以瀏覽器為基礎的工作流程也會讓所選檔案全程留在你的裝置上,因此私人圖片不需傳送到編輯伺服器。

如果你正在比較不同選項,Resize GIF for Website: Dimensions and Quality Checks 對此有詳細說明。

如果你正在比較不同選項,JPG to PNG for Website: A Practical Conversion Guide 對此有詳細說明。