拖拽上传一张或多张图片，或 点击浏览
支持 JPG、PNG、WebP、GIF、AVIF、HEIC
所有处理都在浏览器本地完成，图片不会上传到服务器。
正在处理图片
0 / 0
手动裁剪
拖拽上传一张或多张图片，或 点击浏览
支持 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
本页帮助在浏览器中做精确尺寸批量裁剪。请始终预览构图；若任务是比例裁边、平台预设或偏心主体，请改用百分比、社交或手动裁剪。
语言：