图片裁剪
在线裁剪图片，支持自由比例与常用尺寸预设，实时预览裁剪结果，全程本地处理，图片不会上传。
选中比例后，修改宽度或高度会自动同步另一侧；点击「应用比例」以当前图片居中自动计算裁剪框。
使用说明
- 将图片拖入虚线框，或点击虚线框从本地选择文件，支持 PNG、JPG、WebP，单文件不超过 30MB。
- 在「裁剪比例」中选择自由比例或 1:1、16:9、4:3、3:2、9:16 等常用预设，或直接输入 X、Y、宽度、高度数值精确定位裁剪区域。
- 选中比例后点击「应用比例」，工具会以图片居中自动计算符合该比例的裁剪框。
- 右侧「裁剪结果」会实时预览输出效果，确认无误后点击「裁剪并下载」保存到本地。
- 想重新开始时点击「清空」，即可回到初始状态。
常见问题
图片会被上传到服务器吗？
如何精确裁剪到指定像素尺寸？
输出格式与原图一致吗？
GIF 动图可以裁剪吗？
使用步骤
- 导入要裁剪的图片
把 PNG、JPG 或 WebP 图片拖入虚线框，或点击选择文件，上限 30MB。界面上方会显示原图的尺寸信息。
- 输入像素精确坐标
在 X、Y 输入框填写裁剪区左上角坐标，再填宽度和高度。单位都是原图像素，超界数值会被自动纠正。
- 选择常用裁剪比例
点击比例条上的自由、1:1、16:9、4:3、3:2 或 9:16 按钮。锁定后修改一边，另一边会按比例自动换算。
- 用应用比例自动框选
点击应用比例按钮，工具会在图片内生成一个居中的裁剪框，刚好符合所选比例。之后微调坐标即可。
- 对比预览后一键下载
右侧裁剪后面板实时显示输出尺寸与字节数。确认无误后点击裁剪并下载，格式与原图保持一致。
工具详细介绍
裁剪按一个矩形区域重新生成图片。左上角坐标加宽高决定保留哪一块像素，区域外的内容被永久舍弃。比例锁定很常用：选 1:1 得到方形头像，选 16:9 或 9:16 适配视频封面与手机竖屏。本工具在浏览器 Canvas 上完成裁剪，原图不上传，越界坐标与零宽高都会被自动拦截。
常见场景：把证件照裁成规定比例，为社交平台头像裁 1:1 方图，给视频封面裁 16:9 横图，为手机海报裁 9:16 竖图。配合坐标输入框还能做像素级精确裁剪，例如按设计稿标注从长图中截取指定区域。运营、设计与日常办公都用得上。
原理与背景
裁剪用的坐标系与数学课本不同：原点在左上角，X 向右、Y 向下增长，X 和 Y 填的是裁剪区左上角的位置。工具内部把指定矩形整体复制到新画布，再按原格式编码，属于像素搬移，不涉及重采样。所以裁剪本身不会产生模糊，变的只是保留下来的像素总量。边界数值超出原图范围会被自动收回合法区间，填错一格也能放心改。
比例锁定只是分式运算：16:9 即宽为高的十六分之九倍，锁定后改一边，另一边按分式自动回填，省去口算换算。处理图片的标准顺序是先裁剪定构图，再缩放对尺寸，最后压缩控体积。裁剪越早，后面每一步要处理的数据越少，最终文件也越小，压缩参数也更容易统一。反过来先压缩再裁剪，等于为注定要丢弃的像素多付一遍编码成本。
典型使用场景
- 从长截图截取单屏
几百行滚动的长图不便阅读，按目标窗口的高度填好坐标，把聊天记录或报错弹窗整块裁出，逐张交付或归档。成片比甩给对方一整条长图清楚得多。
- 裁出电商主图规格
平台通常要求 1:1 白底主图，锁定比例后用应用比例生成居中裁剪框，把商品主体收进画面。再配合缩放对齐 800×800 之类的提交要求，一步到位。
- 裁出可打印的 3:2
六寸照片的冲印比例是 3:2，把旅行图先按 3:2 裁好再送去冲印。店家不必自行取舍构图，成片边缘也不会裁掉你想保留的内容。
使用技巧
- 输出保持原图格式：PNG 保留透明背景，JPG 会把透明处填白。
- 裁剪丢掉的像素找不回来，建议先备份原图再操作。
- 头像通常显示得很小，把重点内容放在裁剪框中心效果更好。
注意事项
- 原点在左上角不是中心
X 和 Y 指裁剪区左上角的位置，Y 轴向下为正，与几何课的直角坐标系方向相反。按中心点换算坐标会整体偏移，对照右侧预览一眼就能发现。
- 比例联动先定关键边
锁定比例后先填的那一边决定另一边的取值：做横向全景先填宽度，做竖版封面先填高度。两边来回手动改会让数值互相追赶，先想好约束方向。
- 裁得太小再放大会糊
裁剪减少像素总量，裁出的区域小于最终展示尺寸时，浏览器或平台会插值放大，细节发虚。保证裁剪结果不小于展示端的物理像素才经得起看。