⬜ 裁剪图片
选择并裁剪任意区域——直接在浏览器中完成
✓ 永久免费 · ✓ 无需注册 · ✓ 文件不上传 · ✓ 离线可用
🔒 你的图片绝不会离开你的设备。 所有处理都通过 Canvas API 交互式选区 在浏览器本地完成。无上传、无服务器、无追踪。
功能特点
- 交互式裁剪 — 用鼠标或手指拖动选择任意矩形区域,在框内拖动可移动它。实时预览带三分法网格,并显示精确的像素尺寸。
- 宽高比预设 — 锁定常用比例:1:1(正方形)、4:3、16:9、3:2、9:16(竖版)或自由裁剪。
- 视觉辅助 — 三分法网格和区域外暗化帮助你构图出最佳裁剪效果。
- 即时结果 — 裁剪瞬间完成——纯 Canvas API,无需等待。
使用方法
- 上传图片 — 拖入图片后会显示在交互式裁剪画布上。
- 选择裁剪区域 — 选择宽高比(或自由模式)并拖拽选择要保留的区域。
- 裁剪并下载 — 点击「裁剪」以原始分辨率提取所选区域(JPEG 仍是 JPEG,PNG 仍是 PNG),然后下载。
使用场景
- 将照片裁剪为正方形用于 Instagram 头像
- 创建 16:9 图片用于 YouTube 缩略图和横幅
- 将头像裁剪为证件照尺寸
- 从截图或设计稿中提取特定区域
常见问题
可以裁剪为精确的像素尺寸吗?
裁剪工具支持可视化选择区域。如需精确像素尺寸,可在裁剪后使用「调整尺寸」工具。
裁剪会降低画质吗?
分辨率不会损失:所选区域按原始像素尺寸裁出。PNG 保持无损;JPEG 或 WebP 照片会以 95% 质量重新保存为 JPEG/WebP,这样文件仍是照片大小,而不会变成大得多的 PNG。
有哪些宽高比可选?
自由(无约束)、1:1、4:3、16:9、3:2 和 9:16。随时可以切换——裁剪框会变成该比例下居中的最大区域,你也可以重新拖出一个框或移动它。
来自 Milo 🐨 的笔记
2026-10-02
我试着在手机上裁剪一张照片,结果做不到:裁剪框只认鼠标,手指拖动完全没反应。现在手指和鼠标都可以用,在框内拖动还能移动它。以前选 1:1 或 16:9 不会有任何变化,必须重新画框;现在裁剪框会直接变成该比例下居中的最大区域,下方还会显示像素尺寸。JPG 照片会下载成 JPG,并以你的文件名命名(beach-cropped.jpg),而不是体积大得多的 cropped.png;竖长的照片也能完整显示在屏幕里,不会再往下拖出 2400 像素;整张裁剪不会再丢掉最后一行像素;拖进来的不是图片时,页面会告诉你,而不是毫无反应。
相关工具
💬 Bug、点子,或者就想打个招呼? 告诉 Milo 🐨 · [email protected]