图片裁剪工具

在浏览器中通过拖动带调整手柄的选框或输入 X、Y、宽度和高度来裁剪图片,锁定宽高比,旋转或翻转,然后导出 PNG 或 JPEG。

正在加载工具…

图片裁剪工具在预览图上直接拖动带角手柄的选框来裁剪图片,或输入精确的 X、Y、宽度和高度——选框与数字输入框始终保持同步。可锁定 1:1、4:3、3:2、16:9、2:3、9:16 或自定义宽高比,开启三分法辅助线,并在裁剪前按 90° 旋转或翻转图片。一切都通过浏览器的 Canvas API 完成——图片绝不会被上传——你还可以在导出 PNG 或 JPEG 前设置输出宽度和 JPEG 质量。

图片裁剪工具 是什么?

图片裁剪工具是一款免费的浏览器工具,用于把图片精确裁剪为矩形区域。无论是制作方形头像、裁出竖版 9:16 竖屏画面、调整横幅的宽高比、去除边框,还是按指定像素尺寸导出缩略图,都无需打开完整的图片编辑器。你可以直接在图片上拖动带调整手柄的选框,或输入 X、Y 偏移及宽度和高度来设定裁剪范围;拖动的选框与数字输入框是同一个裁剪区域,因此始终一致。宽高比预设与自定义比例会同时约束数字框和手柄,三分法辅助线帮助构图,裁剪前的旋转和翻转可先摆正或镜像图片。裁剪结果会自动更新,可缩放到指定输出宽度并保存为 PNG 或 JPEG。

如何使用 图片裁剪工具

  1. 拖放或选取一张图片(PNG、JPG、WebP、GIF 或浏览器可读取的任意格式)。裁剪框默认覆盖整张图片,X、Y、宽度和高度字段会显示其尺寸。
  2. 在预览图上拖出一个矩形来设定裁剪范围,拖动角手柄可调整大小,在框内拖动可移动它——数字字段会随拖动更新,输入数值同样会移动选框。
  3. 可选:锁定宽高比(1:1、4:3、3:2、16:9、2:3、9:16),或选择「自定义」并输入你自己的 W 和 H;比例会同时约束数字框和拖动手柄。
  4. 打开设置,在裁剪前将图片向左或向右按 90° 旋转,或做水平/垂直翻转,并切换三分法辅助线以辅助构图。
  5. 可选:设置输出宽度以缩放结果(留空则保持裁剪尺寸);导出 JPEG 时可调节质量滑块。
  6. 选择 PNG 或 JPEG,在原图旁查看裁剪预览的实时更新,然后点击下载保存结果。

示例

带三分法的方形头像

拖入一张人像照片,将宽高比设为 1:1,然后把选框拖到脸部——角手柄会让它保持正方形。开启三分法辅助线对齐双眼,保留 PNG 以维持透明,下载头像。

用于竖屏故事的 9:16 裁剪

载入一张横向照片,必要时旋转,选择 9:16 预设。在框内拖动以重新取景,然后将输出宽度设为 1080,使导出的画面正好为 1080×1920,并保存为 JPEG。

按精确像素裁剪并调整输出尺寸

将宽高比保持为「自由」,输入 X=120、Y=80、宽度=400、高度=300 以获得精确的 400×300 区域。把输出宽度设为 800 可在保持裁剪比例的同时放大到 800×600;统计会显示最终尺寸。

常见问题

如何选择裁剪区域?
在图片上拖出一个矩形以绘制新选框,拖动角手柄可调整大小,在框内拖动可移动它。你也可以输入 X、Y 偏移以及宽度和高度——拖动的选框与数字框是同一个裁剪区域,因此编辑其一便会更新另一个。
可以锁定哪些宽高比?
可以锁定 1:1、4:3、3:2、16:9、2:3 或 9:16,或选择「自定义」并输入自己的宽高比。锁定比例会同时约束宽度和高度字段以及角手柄的缩放,使选框始终保持该形状;选择「自由」可分别设置每条边。
可以在裁剪前旋转或翻转吗?
可以。在设置中你可以将图片向左或向右按 90° 旋转,并做水平或垂直翻转。变换在裁剪之前应用,你拖动的预览与导出的结果都会一致地反映它。
可以调整输出尺寸或更改 JPEG 质量吗?
设置输出宽度即可缩放裁剪后的图片;高度会自动跟随以保持裁剪比例,留空则保持裁剪的像素尺寸。导出 JPEG 时,质量滑块可控制压缩程度。
支持哪些输出格式?
你可以导出为 PNG 或 JPEG。PNG 保留透明;JPEG 不支持透明,因此透明区域会填充白色背景,其文件大小由质量滑块控制。
我的图片会被上传到服务器吗?
不会。裁剪、旋转和翻转都使用 Canvas API 在你的浏览器中 100% 本地完成。你的图片绝不会被上传、发送到我们的服务器或被共享,因此即便是私密和敏感的图片也始终保留在你的设备上。

相关工具