图片裁剪器:自定义比例在线裁剪

免费裁剪 JPG、PNG 和 WebP 图片,可自由裁剪或使用 1:1、4:3、16:9 等固定比例,并实时预览;所有处理都在浏览器中完成。

加载图片,选择比例预设或输入精确裁剪坐标,查看高亮预览,然后下载裁剪结果。裁剪通过 Canvas API 在本地完成,不会上传任何内容。

图片裁剪器:自定义比例在线裁剪
免费裁剪 JPG、PNG 和 WebP 图片,可自由裁剪或使用 1:1、4:3、16:9 等固定比例,并实时预览;所有处理都在浏览器中完成。

图片在浏览器本地裁剪,始终不会离开你的设备。

裁剪计算器
不想加载文件也要计算尺寸?输入图片尺寸,选择上方的比例预设,计算适合图片的最大居中裁剪区域。

计算器使用上方裁剪器中选定的宽高比预设。

关于图片裁剪器

裁剪是改善照片最快的方法:它能去掉边缘干扰、重新安排主体构图,而且很多时候也是必需的,因为目标平台要求特定形状。社交头像需要正方形,视频缩略图需要 16:9,经典照片打印需要 4:3。这款图片裁剪器可在浏览器内将 JPG、PNG 和 WebP 图片裁剪为任意矩形。文件会在本地解码、绘制到画布、按裁剪框截取,并在你的设备上重新编码;绝不会上传,因此私密照片始终私密。 定义裁剪有两种方式。最快的方法是使用宽高比预设:选择自由以获得不受限制的矩形,选择 1:1 得到正方形,4:3 得到经典照片比例,或 16:9 得到宽屏比例。选择预设后,图片上会立即放置该形状的最大居中裁剪区域,这通常正是理想的起点——它保留最多像素,同时保证准确比例。之后可以用数字字段微调:X 和 Y 设置裁剪框左上角相对于图片左上角的像素位置,宽度和高度设置其尺寸。实时预览会使裁剪框外的部分变暗,让你在确认前清楚看到将保留的内容。调整好裁剪框后,点击一次即可将裁剪区域渲染为新图片,并以无损 PNG 下载。 精确到像素的数字裁剪与只能拖动的裁剪器有意不同。当规范要求“从顶部 60 像素处开始裁剪为 1200 × 630”时,拖动手柄只能靠猜;输入四个数字则准确且可在整批图片中重复使用。它也让计算过程透明:比例为 r 时,适合图片的最大宽度是图片宽度和图片高度乘以 r 两者中的较小值。 如果你只需要这些数字——例如编写 CSS、配置缩略图流程,或为他人准备说明——下方的裁剪计算器可以完全跳过文件。输入原始尺寸,选择预设,它会返回最大居中裁剪的尺寸和位置。本页面完全免费、无需注册、不添加水印,并且加载后可离线使用,因为整个工具都是客户端 JavaScript 和 Canvas。

图片裁剪示例

常见裁剪及其数字示例。

任务裁剪框说明
从 3000 × 2000 的照片制作正方形头像(1:1 预设)2000 × 2000,从左边缘 500 px 处开始正方形受较短边限制,然后水平居中:(3000 − 2000) ÷ 2 = 500。
从 4000 × 3000 的照片制作宽屏 16:9 缩略图4000 × 2250,从顶部 375 px 处开始保留完整宽度;高度为 4000 ÷ (16/9) = 2250,并垂直居中。
从 5000 × 4000 的扫描图制作 4:3 打印裁剪5000 × 3750,从顶部 125 px 处开始4:3 区域使用完整宽度,将 250 px 高度平均从顶部和底部裁掉。
移除 1600 × 900 图片底部 100 px 的水印条X 0,Y 0,宽 1600,高 800(自由预设)自由裁剪可以切除精确条带,同时不改变水平构图。

如何裁剪图片

  1. 用文件选择器选择 JPG、PNG 或 WebP 图片——整个过程都留在你的设备上。
  2. 选择宽高比预设(自由、正方形、4:3 或 16:9);该形状的最大居中裁剪会自动放置。
  3. 微调 X、Y、宽度和高度字段,观察预览准确高亮将保留的内容。
  4. 点击“裁剪并下载”,将裁剪区域保存为 PNG 文件。

图片裁剪器常见问题

裁剪时我的照片会被上传吗?
不会。图片完全在浏览器中通过 File API 和 Canvas 读取、裁剪。服务器不会收到你的文件,因此处理截图、文档和个人照片都很安全。
如何将图片裁剪成正方形?
加载图片并点击 1:1 预设。工具会自动放置最大的居中正方形;之后可以调整 X 或 Y 值,改变正方形保留的照片区域。
X 和 Y 值是什么意思?
它们是裁剪框左上角的像素坐标,以图片左上角为测量起点。X 增大时裁剪框向右移动,Y 增大时向下移动。宽度和高度随后从该角点定义裁剪框大小。
裁剪会降低图片质量吗?
保留的像素会原样复制,裁剪本身是无损的。结果以 PNG 下载,精确保留每个剩余像素;只有被舍弃的区域会丢失。
为什么裁剪区域不能大于图片?
裁剪只能保留实际存在的像素,因此裁剪框会限制在图片边界内。如果要把照片放到更大的画布或添加边框,需要使用支持留白的编辑器,而不是裁剪器。
应该使用哪种宽高比?
根据目标平台选择:大多数头像使用 1:1,视频缩略图和演示文稿封面使用 16:9,经典照片打印使用 4:3;只想去掉干扰而不固定形状时使用自由。