PhotoToolsPhotoTools
Home/部落格/線上批次調整影像尺寸:PNG、JPG、WebP 和 AVIF 檔案

線上批次調整影像尺寸:PNG、JPG、WebP 和 AVIF 檔案

依百分比或精確像素尺寸批次調整一整個資料夾的影像,全程不必上傳到伺服器。這份 2026 年指南說明如何為網站、商店、郵件、表單和社群貼文挑選合適的目標尺寸、 何時鎖定長寬比、何時先裁切,以及要匯出為 JPG、PNG、WebP、AVIF,還是保留 原本的檔案格式。

By PhotoTools Editorial Team · Updated 2026 年 7 月 18 日

2026 年 7 月 18 日對照 PhotoTools 調整尺寸工具的行為進行過核對。

批次調整影像尺寸——免費,在瀏覽器中

免費 · 無需上傳 · 在瀏覽器中運行

快速回答:線上批次調整影像尺寸

要線上批次調整影像尺寸,把整組檔案拖進瀏覽器端的調整工具,選擇百分比縮放或精確的像素尺寸,維持長寬比鎖定,再把調整後的副本一起打包成 ZIP 下載即可。對商店照片、部落格配圖、表單上傳、文件截圖和社群草稿而言,這是最穩妥的流程,因為每張圖都套用同一條規則,而不是一張張手動改。

關鍵在按下「調整尺寸」之前先把規則想清楚。用於部落格的一批 4032 x 3024 px 手機照片通常需要一個共同寬度,例如 1600 px;一批商品縮圖可能得先裁成正方形,再匯出到 800 px;一組郵件附件可能只要縮到 50 % 就夠好寄。雖然大家都用「把這些圖變小」來形容,實際上是三種不同的工作。

PhotoTools 在你的瀏覽器裡執行調整,影像不必先上傳到伺服器。你可以直接處理混合批次、保留原本格式,也可以把整批匯出為 JPG、PNG、WebP 或 AVIF。

從最終用途出發,而不是從檔案大小

最佳的目標尺寸取決於影像會被用在哪裡。如果一張寬 4000 px 的圖出現在 700 px 寬的內文欄位裡,多餘的像素只會拖慢頁面,讀者卻看不到更多細節;同一張圖若當成大螢幕桌面上的全寬 hero,700 px 的匯出就會顯得糊。

把下表當作實用起點:

用途 實用目標尺寸 說明
部落格或說明中心配圖 寬 1200 ~ 1600 px 適合多數文章欄與 Retina 螢幕
全寬 hero 圖 寬 1920 ~ 2400 px 只有版面真的以這麼大的尺寸顯示時才更寬
商品格線縮圖 長邊 600 ~ 1000 px 如果格線需要方形卡片,先統一裁成方形
郵件附件 長邊 1024 ~ 1600 px 檔案輕巧便於寄送,在常見螢幕上也還看得清
表單或入口網站上傳 依所列的像素要求 若網站給出精確寬高,就照規格來
社群貼文或連結預覽 先滿足所需的長寬比 依形狀裁切,再依平台尺寸調整
文件截圖 寬 1200 ~ 1600 px 讓文字保持可讀;UI 截圖避免高強度 JPG 壓縮

如果還不確定確切用途,可以先匯出兩個版本:一個寬度約 1600 px 的較大 Web 版本,一個 600 ~ 800 px 左右的縮圖版本。把沒動過的原檔放在另一個資料夾,方便日後再產生別的尺寸。

百分比縮放與精確像素尺寸

PhotoTools 提供兩種調整模式:百分比與尺寸,分別解決不同問題。

當來源影像大小不一,而你想把它們一次縮小同樣的比例時,用百分比縮放。例如一場婚禮的資料夾裡可能同時有直式、橫式,還有一些裁切特寫;全部縮到 50 %,可以在保留各自形狀的同時大幅削減像素量。

當目的端有明確要求時,用精確像素尺寸。以部落格來說,在寬度欄填 1600、把高度留空,通常比同時鎖死寬與高更乾淨。長寬比鎖定後,每張影像維持自己的比例,高度會自動算出。

同時指定精確寬度與精確高度時要小心。當影像形狀不一致而你把兩者都填了,若比例不合,工具可能會拉伸或壓縮像素。若想要一批統一的方形商品圖,先裁成方形,再調整為 800 x 800;若照片形狀混合、屬編輯用途,只指定一邊,讓另一邊跟著走。

如何批次調整 PNG、JPG、WebP 和 AVIF 檔案

在 PhotoTools 內的清爽流程如下:

  1. 開啟 調整尺寸工具
  2. 把檔案拖進上傳區。可一次加入多張影像。
  3. 需要等比縮放就選百分比,需要像素目標就選尺寸
  4. 使用尺寸模式時,維持鏈結圖示啟用,長寬比才會鎖定。
  5. 選擇輸出格式:保留原格式、JPG、PNG、WebP 或 AVIF。
  6. 點擊全部調整
  7. 單獨下載檔案,或於批次完成後用 ZIP 按鈕打包下載。

面對一次典型的網站清理,我會選「尺寸」,把寬度設為 1600、高度留空、鎖定長寬比,把照片匯出成 WebP 或 JPG。對於透明的標誌、邊緣銳利的截圖,或已是純色平塗的圖形,只要檔案大小沒變成問題,我會保留 PNG。

除非有意改變形狀,否則維持長寬比鎖定

長寬比就是寬與高的關係。4000 x 3000 的照片是 4:3;連結預覽圖可能更寬;商品縮圖格線可能要求方形。

調整尺寸只改變大小,不改變構圖。若只改尺寸就把 4:3 的圖硬塞進方形,它就會顯得被拉伸。這正是長寬比鎖定的意義。填入一邊的尺寸,讓另一邊自動計算,照片的自然比例就能保留。

當最終目的地要求別種形狀時,分成兩步進行:

  1. 先依所需比例裁切,如方形、直式或橫式。
  2. 再把裁切後的副本調整到最終像素尺寸。

這個小小的順序差別,就決定了乾淨的商品格線與一堆變形影像之間的差距。

調整尺寸、壓縮還是轉換:你其實需要哪一種?

大家常把「調整尺寸」當作各種檔案瘦身的統稱,其實牽涉三種獨立操作。

操作 改變什麼 用途 範例
調整尺寸 像素寬度與高度 讓影像符合版面或上傳規格 寬 4032 px 縮到 1600 px
壓縮 檔案資料或視覺品質 尺寸正確後再滿足 KB 上限 1.2 MB 壓到 200 KB 以下
轉換 檔案格式 瀏覽器支援、透明、體積策略 PNG → WebP、HEIC → JPG

影像遠比實際顯示大時,先調整尺寸;若網站要求檔案必須在特定上限內,例如 200 KB,調整尺寸之後才壓縮;轉換格式適合目的端偏好某種格式的情況,但無法取代挑對尺寸。

調整之後選擇輸出格式

輸出格式應當與影像內容、使用場景相配。

輸出格式 適用於 需要留意
保留原格式 目前格式已夠用的快速批次 沿用舊的格式選擇,即便並不理想
JPG 照片、商品圖、郵件附件,相容性廣 沒有透明;反覆儲存會讓細節變柔
PNG 標誌、UI 截圖、透明、鋭利邊緣 用於照片時檔案可能偏大
WebP 現代網站與圖片密集頁面 舊的工作流或 CMS 可能不接受
AVIF 現代 Web 專案中積極的體積縮減 編碼較慢,老工具支援較弱

對 iPhone 的 HEIC 或 HEIF 檔案,在處理大批之前先試一下。有些瀏覽器能預覽或解碼,有些不行。若某個 HEIC 在調整尺寸時失敗,先轉成 JPG,再跑批次。

讓資料夾保持整齊的工作流

當每次匯出都掉進同一個下載資料夾、檔名又相似時,批次作業很快就會亂。一套簡單的命名法能救急。

開始之前,先建立類似下面這樣的目錄結構:

product-photos/
  originals/
  web-1600w/
  thumbs-800w/
  upload-under-200kb/

把相機原檔放進 originals/。跑一次大尺寸 Web 版本,再跑一次縮圖;若網站還有嚴格的 KB 上限,把已調整過的檔案壓到上傳資料夾。

命名時先寫主體,再把尺寸放最後:

linen-shirt-blue-original.jpg
linen-shirt-blue-1600w.webp
linen-shirt-blue-thumb-800.jpg

這種命名法在最好的意義上「無聊」——半年後你依然能一眼分辨哪份是母本、哪份是為網站做的版本。

一次批次處理多少張合適?

因為瀏覽器端的調整是本機執行,沒有等待遠端伺服器的上傳佇列。上限來自瀏覽器與裝置可用的記憶體。一台現代筆電通常能處理幾十張普通照片,但特別大的手機照片、PNG 截圖與 AVIF 匯出,可能比預期更耗記憶體。

真正跑起來之前,先用 3 ~ 5 張測試:檢查尺寸、大小與清晰度。結果滿意後,用 50 ~ 100 張為一組處理其餘。對特別大的資料夾而言,小批次遇到少見檔案失敗時更容易重跑。

在 ZIP 下載完成之前不要關閉分頁。原檔仍留在裝置上,但調整後的輸出只存在於瀏覽器記憶體裡,儲存後才會真正落到硬碟。

上傳前的品質檢查

在替換網站、商店或表單上的影像之前,抽樣檢查:

  • 以 100 % 縮放打開一張調整後的照片,確認它沒有模糊。
  • 確認寬度與高度與目標一致。
  • 檢查透明的 PNG 標誌是否仍然透明。
  • 確保帶文字的截圖仍然易讀。
  • 確認副檔名與目的端接受的格式相符。
  • 處理整個資料夾之前,先上傳一張測試圖。

網站的話,也要看圖片實際出現的頁面。檔案在技術上可能沒問題,但若裁切與版面「打架」,仍會看起來不對。

除非別無選擇,否則不要把小圖放大

PhotoTools 的百分比控制項可以超過 100 %,尺寸模式也可以產生比原檔更大的檔案。但放大並無法真的還原細節。把一張小圖放大會強迫瀏覽器「憑空造」像素,人臉、文字、商品邊緣通常會因此變柔。

若某個平台以「太小」為由拒收,去找相機原檔、從設計來源重新匯出,或者使用專門的放大流程。對一般的批次調整來說,從大原檔往下縮,才是最好的結果來源。

常見問題

批次調整影像尺寸最快的方法是什麼?

把所有影像拖進瀏覽器端的批次調整工具,選擇百分比或精確的像素寬度,維持長寬比鎖定,如需可挑一個輸出格式,然後把調整過的副本打包成 ZIP 下載。

可以一次批次調整不同的影像格式嗎?

可以。PhotoTools 能批次處理混合的 JPG、PNG、WebP 和 AVIF 檔案,可以保留每個檔案原本的格式,也可以把整批匯出為同一種格式。若瀏覽器無法解碼 HEIC 或 HEIF,得先轉換。

一次能調整多少張影像?

因為調整在瀏覽器本機執行,伺服器端沒有上傳上限。實際上限取決於裝置的記憶體,建議先從 50 ~ 100 張開始,很大的資料夾切成小批處理。

批次調整會讓影像變形嗎?

只要維持長寬比鎖定就不會。輸入寬度或高度其中一項,另一邊會自動計算。若要改變構圖,先裁切,再對裁切後的副本調整尺寸。

調整尺寸與壓縮的差別是什麼?

調整尺寸改變的是像素尺寸,例如寬度從 4000 px 縮到 1200 px;壓縮則維持尺寸而降低檔案資料量。要符合上傳限制時,先調整尺寸,只有檔案仍太大時才進一步壓縮。

調整尺寸的同時可以改變檔案格式嗎?

可以。你可以保留原本的格式,也可以把整批匯出為 JPG、PNG、WebP 或 AVIF。多數照片適合 JPG 或 WebP,透明或截圖適合 PNG,AVIF 只在目的端支援時使用。

為什麼調整尺寸後影像看起來模糊?

常見原因是放大,或選擇的目標尺寸對最終顯示來說太小。請從高解析度原檔向下縮,除非能接受較柔的結果,否則不要放大小檔。

調整尺寸會刪除或改動原始檔案嗎?

不會。工具在瀏覽器記憶體裡的副本上運作,儲存的是新的、調整後的檔案。原始檔仍然完好地留在你的裝置上。

網站影像該調整到多大?

以影像會出現的最大位置為準。許多文章配圖適合寬度 1200 ~ 1600 px,全寬 hero 圖常需要 1920 ~ 2400 px,縮圖或卡片通常在 400 ~ 800 px 就夠。

繼續閱讀