图片裁剪
在图片上拖拽选区或直接输入比例（1:1 / 4:3 / 16:9）裁剪，实时显示选区坐标与尺寸，导出 PNG 或 JPEG。
浏览器本地运行所有计算都在你的浏览器里完成，数据不会离开本机。
图片只在浏览器本地处理，不会上传
在图片上拖动可以新建选区，拖动选区内部可移动，拖动角点或边上的小方块可调整大小。
先选择一张图片
导出后这里会显示裁剪区域的尺寸与体积。
这个工具能做什么
- 把截图或照片裁成固定比例：选 1:1 做头像、4:3 或 16:9 做封面，选区比例会被自动锁住。
- 去掉截图里的界面边角、水印或黑边，再导出成 PNG（保留无损）或 JPEG（体积更小）。
- 需要精确尺寸时按坐标核对：选区坐标与尺寸实时显示，导出前就能看到原图像素级的落点。
- 批量处理前的试裁：先在这里确定裁切框位置和输出体积，再决定要不要写脚本批处理。
示例
输入
原图 4000 × 3000，预设比例选 1:1
输出
选区 x=500, y=0, 宽 3000, 高 3000 导出文件名 photo.png → photo-cropped.jpg
选区坐标是显示坐标，工具会按预览缩放比换算成原图像素再裁切。示例里的数值就是居中正方形选区的真实计算结果（先在 1:1 下算最大居中矩形）。裁剪本身依赖浏览器 canvas，无法在命令行里离线验证，所以这里给出的是纯几何逻辑的确定结果。
常见问题
图片会上传吗？
不会。图片用浏览器解码后画到本地 canvas 上，裁剪与导出（toBlob）都在内存里完成，页面没有任何上传接口，断网也能用。
导出的 JPEG 和 PNG 有什么区别？
PNG 无损、支持透明通道，但照片类内容体积大；JPEG 体积小很多但每次导出都会重新压缩，质量滑杆越低越明显，而且不支持透明（透明区域会被填成背景色）。需要透明就选 PNG。
拖动时选区总是贴边怎么办？
选区会被夹紧在画布内，拖到边缘时会停住而不是跑出画面；同时缩放有最小边长限制（默认 8 px）。如果拖着没反应，检查是不是点在选区内部（那是移动）而不是角点小方块上（那才是缩放）。
锁定比例后为什么拖出来的不是我想的尺寸？
锁定比例时以较长的一边为基准自动换算另一边，并且受画布边界约束，所以拖到边缘时尺寸会停住。想完全自由就先切到「自由」预设，确定大概位置后再锁比例微调。
裁剪会改变画质吗？
裁切本身只是重新绘制像素，不会降低画质；但如果导出成 JPEG，编码会有损失。想要像素级无损就导出 PNG；如果原图分辨率很大、只想缩小保存，建议配合图片缩放工具先缩再裁。
关键词：图片裁剪裁剪工具crop imageimage cropper宽高比1:1 裁剪canvas crop图片编辑