📤 圖片上傳

🖼️

點擊或拖曳多張圖片到此處

支援 JPG, PNG, WEBP 等常見格式

使用說明

1. 批次圖片上傳

您可以一次性拖曳多張由 JPG, PNG, WEBP 格式組成的圖片。所有的預覽與縮放處理皆在您的本地瀏覽器端完成,確保個人隱私安全。

2. 尺寸與比例調整

自定義目標寬高後,您可以透過「維持比例 (Contain)」模式確保圖片不被變形裁切(多餘區域填滿背景色),或使用「填充範圍 (Cover)」模式實現無縫滿框效果。

3. 背景底色與透明化

您可以自由指定背景填補顏色。若您上傳的是透明背景圖片,請勾選「使用透明背景」,輸出的 PNG 會保留原始透明圖層與補邊區域的透明效果。

4. 一鍵打包匯出

處理完畢後,系統會自動生成一個包含所有縮放後圖片的 ZIP 壓縮檔,點擊「📦 批次下載 ZIP」即可完成所有成果的匯出儲存。

批次圖片縮放:用途、模式比較與實用建議

什麼時候需要批次縮圖

  • 電商與拍賣商品圖:平台常要求固定比例或尺寸,一次把整批商品照統一成正方形,賣場版面會更整齊。
  • 社群貼文:把旅遊或活動照片統一成相同比例,發佈多圖貼文時不會被平台自動裁掉重要部分。
  • 寄信與上傳表單:手機照片動輒數 MB,縮小尺寸後檔案變小,寄送與上傳都更快,也較不會超過附件大小限制。
  • 網站與部落格:先把圖片縮到版面實際需要的寬度,可以減少頁面載入時間。

三種縮放模式比較

模式 結果 適合用途
維持比例 Contain整張圖片完整保留,多出的空間填背景色或透明商品圖、證件或文件掃描
填充範圍 Cover圖片填滿整個框,超出部分從中央裁切社群貼文、縮圖、封面圖
不維持比例 Stretch直接拉伸到指定尺寸,比例不同時會變形原圖比例本來就與目標相同時

常見尺寸參考

  • 正方形貼文或商品圖:1080 × 1080
  • 直式社群貼文(4:5):1080 × 1350
  • 橫式影片縮圖(16:9):1280 × 720
  • 網頁分享預覽圖:1200 × 630

各平台的建議尺寸可能調整,上傳前請以平台當下的說明為準。

運作方式、隱私與限制

每張圖片都由瀏覽器讀取,依你設定的模式繪製到指定大小的畫布上,再重新編碼成新檔案,最後用 JSZip 在瀏覽器中打包成 ZIP。照片不會上傳到任何伺服器;而且因為圖片經過重新繪製,原始檔中的 EXIF 資訊(例如拍攝地點、相機型號)不會被帶到輸出檔案裡,分享前多了一層隱私保障。

  • 所有圖片都會調整成同一個寬高,若只想限制最長邊而保留各自比例,這個工具並不適合。
  • JPG、WEBP 等照片以品質 90% 的 JPEG 重新壓縮,畫質損失不易察覺;PNG 原圖或勾選透明背景時則輸出無損 PNG。輸出不支援 WEBP 格式。
  • 一次處理大量高解析度照片會占用較多記憶體,若瀏覽器變慢,可以分成幾批處理;瀏覽器無法讀取的檔案會被自動略過。

常見問題

怎麼一次把多張圖片縮小?

一次選取或拖曳多張圖片到上傳區,輸入目標寬度與高度、選擇縮放模式與背景,按「開始批次處理」。全部處理完成後按「批次下載 ZIP」,所有縮放後的圖片會打包成一個壓縮檔,檔名為原檔名加上 _resized。

圖片縮小會上傳到伺服器嗎?

不會。圖片由瀏覽器讀取後在畫布(Canvas)上重新繪製,ZIP 壓縮檔也是在瀏覽器中產生,整個過程都在你的電腦上完成,照片不會離開你的裝置。

輸出是什麼格式?可以保留透明背景嗎?

勾選「使用透明背景」時輸出 PNG,原圖的透明區域與補邊區域都會保持透明,適合商品去背圖或圖示。沒有勾選時,空白區域會填入你指定的背景色:PNG 原圖維持 PNG 無損輸出,JPG、WEBP 等其他格式則輸出品質 90% 的 JPEG。

怎麼把圖片做成正方形又不裁切?

把寬度與高度設成相同數值(例如 1080 × 1080),縮放模式選「維持比例 (Contain)」,再選擇背景顏色。圖片會完整縮放到框內,上下或左右多出的空間以背景色補滿,常用於電商商品圖與社群貼文。

小圖片放大後為什麼會模糊?

工具會把每張圖片調整成你指定的尺寸,原圖比目標尺寸小時就會被放大,而放大無法補回原本不存在的細節,所以看起來會比較模糊。建議目標尺寸不要超過原圖太多,或改用解析度較高的原始檔案。