拖曳上傳一張或多張圖片，或 點擊瀏覽
支援 JPG、PNG、WebP、GIF、AVIF、HEIC
所有處理都在瀏覽器本機完成，圖片不會上傳到伺服器。
像素裁剪 – 依精確像素批次裁剪圖片
像素裁剪會把一批圖片全部裁到固定的寬 × 高（像素）。當網站、應用、設計系統或印刷版面要求輸出尺寸完全一致時使用——處理在瀏覽器本機完成，無需上傳。
快速回答
像素裁剪會把每張選取的圖片輸出為你輸入的精確寬高（例如 1200×800），讓整個資料夾共用同一畫布尺寸，適合 UI 素材、縮圖或版面欄位。
由 Batch Image Crop 團隊撰寫 · 最近更新：2026-08-12
什麼是像素裁剪？
像素裁剪是一種面向絕對像素尺寸（而非比例）的批次裁剪方式。你只需設定一次寬高；每張圖裁到該框（可預覽定位），再一併匯出為 ZIP。
它不同於百分比裁剪（依相對比例去掉邊緣）。當目標需要已知點陣圖尺寸——每張結果同寬同高——就用像素裁剪。
如何把圖片裁到精確像素
- 上傳圖片 - 新增一張或整批需要統一輸出尺寸的圖片。
- 輸入寬高像素 - 鍵入版面或流程要求的精確尺寸（例如 800×600 或 1920×1080）。
- 預覽並定位 - 拖曳裁剪框，讓臉部、產品或文字留在固定框內。
- 下載整批 - 處理並把所有裁剪結果打包成一個 ZIP 下載。
常用像素尺寸
以下起點涵蓋常見批次工作。鎖定數字前請確認 CMS、主題或印刷規範。
| 用途 | 典型尺寸 | 為何合適 |
|---|---|---|
| 網頁 / 主視覺橫幅 | 1920×600, 1200×400 | 符合寬頁首欄位，不留多餘畫布 |
| 方形頭像與磁磚 | 400×400, 800×800 | 網格、目錄與資料位統一正方形 |
| 縮圖與卡片 | 300×300, 640×360 | 精簡預覽，載入快且列表對齊 |
| 高解析顯示 / 影片靜幀 | 1920×1080 | 簡報、嵌入與樣機常用 Full HD |
| 高解析度 / QHD 素材 | 2560×1440, 3840×2160 | 來源夠大時可做 Retina 與 4K 裁剪 |
何時該用像素裁剪
網站與 CMS 素材
主題與頁面建置工具常拒收或拉伸不符合要求寬高的圖。一次像素設定即可統一整夾。
應用與 UI 圖示集
設計系統要求按鈕、磁磚與列表縮圖為固定點陣尺寸。批次像素裁剪讓每次匯出都合規。
目錄與電商列表
每張圖像素尺寸不同時商品網格會不齊。鎖定同一畫布讓卡片對齊。
印刷版面佔位
版面欄位以像素（或等效匯出）定義時，絕對裁剪可避免最後一刻縮放意外。
管線與自動化交接
下游腳本若假定 1200×800 等尺寸，混尺寸會失敗。像素裁剪讓批次更適合機器處理。
本機私密處理
敏感商品或人像不必離開裝置。裁剪在瀏覽器內完成；你只下載要保留的 ZIP。
像素裁剪 vs 百分比裁剪 vs 其他模式
依需求選擇：固定畫布、比例裁邊，還是平台／形狀預設。
| 模式 | 最適合 | 注意 |
|---|---|---|
| 像素裁剪 | 每張檔案必須共用精確寬 × 高 | 小於目標的來源無法憑空補像素 |
| 百分比裁剪 | 混尺寸需要相同比例的邊緣裁剪 | 最終像素尺寸仍隨來源變化 |
| 手動裁剪 | 主體位置不同，需要逐張構圖 | 若只需共用像素框會偏慢 |
| 社群媒體裁剪 | 需要 Instagram、YouTube、LinkedIn 等預設 | 自訂 CMS 尺寸可能與平台預設不符 |
| 形狀裁剪 | 需要圓形或圓角透明遮罩 | 形狀遮罩不能取代普通矩形像素框 |
這款批次像素裁剪器有何幫助
- 精確寬 × 高輸出 - 每張匯出檔案都符合你設定的像素尺寸。
- 批次 ZIP 下載 - 一次處理數十張，不必逐張裁剪儲存。
- 即時預覽定位 - 在固定框內重新構圖，留下關鍵細節。
- 混來源統一尺寸 - 手機、單眼與截圖可輸出同一畫布大小。
- 瀏覽器端隱私 - 圖片留在本機；無需帳號或伺服器上傳。
- 日常格式可用 - 支援 JPG、PNG、WebP 等常見照片格式。
匯出前請檢查
來源大於目標
確認每張原圖至少與裁剪框一樣寬、一樣高。放大不能取代更大的來源。
主體構圖
固定框可能裁掉過高商品或偏心臉部。先預覽異常項並移動裁剪區。
長寬比相符
版面要 16:9 卻輸入正方形時，裁切會與預期不同。請依真實目標比例輸入像素。
平台 vs 自訂規格
Instagram、YouTube 或 LinkedIn 預設用社群媒體裁剪更快。自訂 CMS／應用尺寸請留在像素裁剪。
像素裁剪常見問題
像素裁剪是什麼意思？
像素裁剪把每張圖裁到精確的寬高像素。例如設定 1200×800，輸出即為寬 1200、高 800 像素。
每張圖最終都會是同一像素尺寸嗎？
會——在來源夠大時，每張裁剪檔案都符合你輸入的寬高。這正是選像素裁剪而非百分比裁剪的主要原因。
如果圖片小於目標尺寸怎麼辦？
不放大就無法憑空補像素。請把目標設為不超過各來源尺寸，或使用更高解析度原圖。
像素裁剪和百分比裁剪有何不同？
百分比裁剪依比例去掉每張圖的一部分，輸出尺寸仍隨來源變化。像素裁剪在需要相同尺寸時強制固定畫布。
可以批次把很多圖裁到同一像素嗎？
可以。設定一次尺寸、預覽構圖，處理整批並下載一個結果 ZIP。
像素裁剪會把照片上傳到伺服器嗎？
不會。處理在瀏覽器內完成。除非你自行下載 ZIP，圖片都留在裝置上。
權威來源
瀏覽器中的精確尺寸裁剪遵循 canvas 點陣圖模型：你定義目標像素寬度，再把來源矩形繪製到該座標空間。下列參考文件說明相關 API。
官方表述摘錄
依 MDN，HTMLCanvasElement.width 屬性控制畫布大小，並反映點陣圖（繪圖緩衝區／座標空間）以 CSS 像素計的寬度——因此絕對像素裁剪本質上是固定點陣圖寬度，而不是來源檔案的百分比。
-
MDN Web Docs
CanvasRenderingContext2D.drawImage()
用於： 用戶端工具使用的瀏覽器 canvas 來源矩形裁剪模型
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
-
MDN Web Docs
用於： 畫布座標空間的絕對像素點陣圖寬度
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/width
本頁協助在瀏覽器中做精確尺寸批次裁剪。請務必預覽構圖；若任務是比例裁邊、平台預設或偏心主體，請改用百分比、社群或手動裁剪。
語言：