快速回答:線上批次調整影像尺寸
要線上批次調整影像尺寸,把整組檔案拖進瀏覽器端的調整工具,選擇百分比縮放或精確的像素尺寸,維持長寬比鎖定,再把調整後的副本一起打包成 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 內的清爽流程如下:
- 開啟 調整尺寸工具。
- 把檔案拖進上傳區。可一次加入多張影像。
- 需要等比縮放就選百分比,需要像素目標就選尺寸。
- 使用尺寸模式時,維持鏈結圖示啟用,長寬比才會鎖定。
- 選擇輸出格式:保留原格式、JPG、PNG、WebP 或 AVIF。
- 點擊全部調整。
- 單獨下載檔案,或於批次完成後用 ZIP 按鈕打包下載。
面對一次典型的網站清理,我會選「尺寸」,把寬度設為 1600、高度留空、鎖定長寬比,把照片匯出成 WebP 或 JPG。對於透明的標誌、邊緣銳利的截圖,或已是純色平塗的圖形,只要檔案大小沒變成問題,我會保留 PNG。
除非有意改變形狀,否則維持長寬比鎖定
長寬比就是寬與高的關係。4000 x 3000 的照片是 4:3;連結預覽圖可能更寬;商品縮圖格線可能要求方形。
調整尺寸只改變大小,不改變構圖。若只改尺寸就把 4:3 的圖硬塞進方形,它就會顯得被拉伸。這正是長寬比鎖定的意義。填入一邊的尺寸,讓另一邊自動計算,照片的自然比例就能保留。
當最終目的地要求別種形狀時,分成兩步進行:
- 先依所需比例裁切,如方形、直式或橫式。
- 再把裁切後的副本調整到最終像素尺寸。
這個小小的順序差別,就決定了乾淨的商品格線與一堆變形影像之間的差距。
調整尺寸、壓縮還是轉換:你其實需要哪一種?
大家常把「調整尺寸」當作各種檔案瘦身的統稱,其實牽涉三種獨立操作。
| 操作 | 改變什麼 | 用途 | 範例 |
|---|---|---|---|
| 調整尺寸 | 像素寬度與高度 | 讓影像符合版面或上傳規格 | 寬 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 %,尺寸模式也可以產生比原檔更大的檔案。但放大並無法真的還原細節。把一張小圖放大會強迫瀏覽器「憑空造」像素,人臉、文字、商品邊緣通常會因此變柔。
若某個平台以「太小」為由拒收,去找相機原檔、從設計來源重新匯出,或者使用專門的放大流程。對一般的批次調整來說,從大原檔往下縮,才是最好的結果來源。