返回部落格
2026年8月26日OpenVideoMaker Team更新於 2026年8月26日

如何在線調整圖片尺寸:像素、比例與格式指南

了解如何在線調整圖片尺寸、保持長寬比,並為網站、部落格、社群媒體與商品縮圖準備 JPG、PNG 或 WebP。

在線調整圖片尺寸時,先決定圖片會顯示在哪裡,再選擇目標像素。部落格主圖、社群頭像與商品縮圖通常需要不同尺寸。開啟線上圖片尺寸調整器,輸入寬度或高度,下載一份新檔案,不要直接覆蓋原圖。

調整圖片尺寸會改變什麼

調整尺寸會改變圖片包含的像素數量。它適合處理 CMS 上傳限制、固定寬度的縮圖,或平台指定的畫布。調整尺寸不同於裁切:調整尺寸保留完整畫面,裁切則會移除部分內容來形成新的構圖。

調整尺寸也不同於壓縮。較小的畫布通常會產生較小的檔案,但尺寸正確的圖片仍可能需要壓縮。調整尺寸後,如果檔案仍超過上傳限制,可以使用圖片壓縮器

如何在線調整圖片尺寸

1. 開啟圖片尺寸調整器

開啟圖片尺寸調整器,選擇 JPG、PNG 或 WebP。工具會顯示原始尺寸,讓你可以依照實際像素選擇目標,而不是憑感覺猜測。

2. 輸入目標寬度或高度

輸入目標寬度或高度。如果 CMS 或平台提供了具體尺寸,就以它作為目標。如果只是需要縮小檔案,可以逐步減少最長邊,並在實際顯示尺寸下比較結果。

工具會限制不安全的超大輸出,並對超大圖片套用瀏覽器端限制。通常,從原圖縮小比放大小圖更可靠,因為放大無法讓缺少的細節重新出現。

3. 保持長寬比鎖定

當圖片需要保持比例時,請保持鎖定圖示開啟。修改寬度後,高度會依照來源圖片比例重新計算,人物、商品和 Logo 不會被拉伸。只有在目標畫布明確需要不同形狀時才解除鎖定;這時,裁切通常比變形安全。

4. 調整並檢查輸出

按下調整尺寸後,將新圖片與原圖比較。檢查人臉、商品文字、細線、透明邊緣與小字,並在網頁或動態牆實際顯示的尺寸下開啟結果。圖片在全尺寸下清晰,不代表縮成小縮圖後仍然易讀。

常見用途的圖片尺寸

目標尺寸取決於發佈位置,但以下思路可以作為起點:

  • 部落格與網站圖片:按照內容欄寬度準備,不要直接上傳遠大於版面的相機原圖。
  • 社群頭像:如果平台顯示圓形或正方形頭像,可以先使用正方形畫布。
  • 社群貼文:調整之前先確認目標是正方形、橫向還是直向畫面。
  • 商品縮圖:讓目錄中的寬度和高度一致,卡片會更整齊。
  • 電子郵件圖片:選擇手機上仍然清晰的寬度,避免載入過大的素材。

不要把通用預設當成永久的平台規則。社群網路與 CMS 範本可能改變建議尺寸,精確要求應以目前的目標頁面為準。

如何避免圖片變模糊

從原圖開始,針對目標用途只調整一次尺寸。反覆匯出同一張 JPG 會累積瑕疵,尤其是文字和高對比邊緣。如果圖片只是需要變小,應直接縮小,不要先放大再縮小。

依照內容選擇格式。需要透明背景或清晰扁平圖形時可以保留 PNG;照片和許多網頁圖片可以比較 WebP 的檔案大小。尺寸確定後,如果檔案仍超過效能或上傳預算,再使用線上圖片壓縮器

如果圖片需要不同構圖,應有明確目的地裁切。正方形商品縮圖通常適合先裁切並置中主體;直接解除比例鎖定會把寬圖拉成正方形。

常見問題

調整後圖片看起來被拉伸了

通常是寬度和高度被分別修改。重新開啟比例鎖定,讓第二個尺寸依照原圖比例計算。如果目標形狀不同,請裁切圖片,不要扭曲主體。

圖片尺寸變小了,檔案為什麼仍然很大?

像素尺寸只是檔案大小的一部分。調整尺寸後使用圖片壓縮器改變品質或格式,也可以在發佈流程允許時移除不必要的中繼資料。

圖片變模糊了

目標尺寸可能太小,無法承載來源圖中的文字和細節;或者來源檔案本身已經被壓縮。請在原始尺寸範圍內選擇較大的目標,並在實際顯示大小下檢查結果。

PNG 調整後沒有變小

PNG 是無損格式,可能已經被有效壓縮。沒有透明度要求的照片或網頁圖片可以在壓縮器中比較 WebP;需要透明背景和清晰邊緣時,保留 PNG 更合適。

可以調整透明 PNG 嗎?

可以。需要透明度和銳利圖形邊緣時保留 PNG;如果圖片是照片或普通網頁圖片且不需要透明背景,可以比較 WebP 的輸出大小。

繼續使用圖片工具

使用圖片尺寸調整器設定準確像素,使用圖片壓縮器控制品質和檔案大小,需要改變構圖時使用圖片裁切器。保留原圖,之後可以隨時製作新的交付版本。

相關文章