证件照换底色
明天要交白底一寸照，翻出半年前拍的蓝底旧照，去照相馆重拍来回一小时。直接用本工具的「固定比例」锁定 25mm×35mm 裁切框，再切换到「圆形裁剪」把头部轮廓抠出，最后用浏览器自带的填色功能补上白底。全程 3 分钟，照片不经服务器，不用担心隐私泄露。
拖入 / 点击 / 粘贴图片开始裁剪
支持 JPG · PNG · WebP · GIF · BMP · AVIF · 单张 ≤ 50MB
截图直接 CtrlV 粘贴
—
比 例Free
:
变 换Rotate & Flip
0°
构 图Grid
输 出Output
92%
裁剪区域—
输出尺寸—
本地处理：裁剪全程在浏览器 Canvas 完成，原图不离开本机；Canvas 重绘天然剥离 EXIF / GPS 隐私元数据。
提示 · 拖动框体移动 · 拖 8 个把手缩放 · 锁比例时缩放保持比例 · 方向键移动 1px（Shift 缩放）· Enter 下载
就绪 · 拖入或粘贴图片开始
第一节
关于本工具
About做公众号封面图，想把主体裁成圆形，又怕裁完比例失调、边缘锯齿明显。这个工具在浏览器里直接处理：选矩形、固定比例或圆形裁剪框，拖拽定位后即时生成结果，圆形边缘做了抗锯齿处理。因为是纯前端运算，图片不上传任何服务器，敏感素材也能放心裁。
使用场景
电商主图统一尺寸
淘宝主图要求 800×800 像素，但供应商给的素材有的是 1200×900，有的是 1024×768。用 PS 一张张改太慢，本工具能锁定 1:1 固定比例，批量拖入后统一裁出正方形区域，再手动微调构图。不用装软件，浏览器打开即用，适合临时上架 20 个 SKU 的紧急任务。
头像做圆形头像框
公司企业微信要求上传圆形头像，但原图是横构图，直接上传会被拉伸变形。先用「自由裁剪」把画面主体挪到画面中心，再选「圆形裁剪」一键生成正圆形透明底 PNG。裁切时能看到实时预览，确保人脸不被切掉耳朵或头顶。
公众号封面图去白边
公众号封面在手机端显示 2.35:1 比例，但设计师给的源文件四周留了 10px 白边，直接上传会被裁掉重要信息。用本工具锁定 2.35:1 固定比例，手动拖动裁切框把白边排除在外，再导出 900×383 像素的精确尺寸。比用微信后台自带的裁剪更可控。
产品细节图做圆角展示
淘宝详情页想放一组圆形展示框，突出手表表盘、相机镜头等圆形产品。用本工具的「圆形裁剪」依次裁出 6 张圆形图，比用 PS 蒙版快得多。裁切时能保持圆形区域居中，裁完直接下载透明底 PNG，拖进详情页模板即可。
第二节
使用指南
Getting Started使用步骤
- 1点击「选择图片」上传本地图片，预览区立即显示原图及裁剪框
- 2在右侧面板选择裁剪模式：自由比例（拖拽框角）、固定比例（输入宽高比）、圆形裁剪
- 3拖拽裁剪框调整选区，或输入精确像素值定位；预览区实时更新裁剪效果
- 4点击「裁剪」按钮，右侧结果区显示裁剪后的图片，支持放大查看细节
- 5点击「下载」按钮保存裁剪结果，格式与原图一致
输入输出示例
| 输入 | 输出 | 说明 |
|---|---|---|
| 上传一张 1920×1080 图片，选择「固定比例」16:9，输出尺寸 1280×720 | 输出一张 1280×720 的图片，内容完整缩放，无黑边 | 常规：标准宽屏比例缩放，验证等比缩放与目标尺寸匹配 |
| 上传一张 800×600 图片，选择「自由裁剪」，手动拖拽选区为 400×300 | 输出一张 400×300 的图片，仅保留选区内容 | 常规：自由裁剪基本操作，验证选区精确截取 |
| 上传一张 100×100 图片，选择「圆形裁剪」，输出直径 50 像素 | 输出一张 50×50 的圆形图片，背景透明（PNG 格式） | 常规：圆形裁剪典型场景，验证圆形遮罩与透明背景 |
| 上传一张 1×1 像素图片，选择「固定比例」1:1，输出尺寸 100×100 | 输出一张 100×100 的图片，内容被放大 100 倍，可能模糊 | 边界：极小源图放大，验证工具对极端尺寸的处理（无报错，但质量受限） |
| 上传一张 5000×5000 图片，选择「固定比例」16:9，输出尺寸 1920×1080 | 输出一张 1920×1080 的图片，内容缩小，清晰度保留 | 边界：超大源图缩放，验证工具对大文件的内存与性能处理 |
| 上传一张 300×400 图片，选择「固定比例」1:1，输出尺寸 300×300 | 输出一张 300×300 的图片，内容被裁剪（居中或顶部对齐，取决于工具策略） | 边界：非正方形源图强制 1:1，验证裁剪策略（常见为居中裁剪） |
| 上传一张 200×200 图片，选择「圆形裁剪」，输出直径 300 像素 | 输出一张 300×300 的图片，内容被放大后裁剪为圆形，可能模糊 | 易错：输出直径大于源图尺寸，放大导致质量下降，用户需注意分辨率限制 |
| 上传一张带透明通道的 PNG（如 400×400 图标），选择「圆形裁剪」，输出直径 200 像素 | 输出一张 200×200 的圆形 PNG，透明区域保留，无额外背景 | 易错：透明背景图片裁剪后需保持透明度，避免转为白色背景 |
常见错误对照
1.固定比例裁剪时，宽高比写反
✗ 错误
想裁 16:9 横图，输入 9:16✓ 修复
16:9比例格式为「宽:高」，16:9 表示宽是高的 1.78 倍；写反会裁出竖长条，与预期构图相反。
2.圆形裁剪后保存格式选错，透明背景变白块
✗ 错误
圆形裁剪头像后，直接保存为 JPEG✓ 修复
保存为 PNG 或 WebP（支持透明通道）JPEG 不支持 alpha 通道，圆形外的透明区域会被填充为白色；PNG/WebP 保留透明，适合头像、徽标等叠加场景。
3.自由裁剪时拖拽超出图片边界，导致选区变形
✗ 错误
拖拽裁剪框到图片边缘外侧，松手后选区自动回弹、比例错乱✓ 修复
拖拽时保持裁剪框完全落在图片区域内，或使用「锁定宽高比」后微调多数裁剪工具限制选区不能超出原图边界，强行拖出会导致自动裁剪到图片边缘或比例重置，破坏预设构图。
4.固定比例下输入非整数比值，工具自动四舍五入
✗ 错误
输入 1.618:1（黄金比例），工具显示为 1.62:1✓ 修复
输入 1618:1000 或直接使用「自定义比例」输入精确数值部分工具对比例输入做了精度截断（保留两位小数），用整数比可避免精度丢失，保证裁剪结果严格符合预期。
5.圆形裁剪后直接放大图片，边缘出现锯齿
✗ 错误
先裁成圆形，再用图片编辑器放大 2 倍✓ 修复
先放大原图到目标尺寸，再执行圆形裁剪裁剪是像素级操作，先裁后放大会让圆形边缘的像素被插值放大，产生明显锯齿；先放大再裁能利用原始分辨率保持边缘平滑。
6.批量裁剪时未统一图片方向，导致部分图片被裁歪
✗ 错误
一批图片中有横图也有竖图，使用同一个固定比例（如 1:1）直接批量处理✓ 修复
先旋转/翻转所有图片到统一方向，或分批按方向设置不同比例固定比例裁剪不感知图片方向，横图与竖图用同一比例会裁掉关键内容（如人脸被切一半），需预先对齐方向。
7.裁剪后图片尺寸比预期小很多，以为是工具 bug
✗ 错误
原图 4000×3000，固定比例裁 1:1 后得到 1000×1000 像素✓ 修复
检查裁剪工具是否默认输出「预览尺寸」而非原图分辨率，或手动设置输出分辨率部分在线工具为节省带宽，裁剪后直接输出预览窗口的显示尺寸（如 1000px），而非原图全分辨率；需在设置中开启「原图输出」或指定输出像素。
第三节
工作原理
How It Works核心公式
裁剪后宽度 = 原始宽度 × 缩放比例，裁剪后高度 = 原始高度 × 缩放比例，其中缩放比例 = min(目标宽度 / 原始宽度, 目标高度 / 原始高度)
变量说明
原始宽度图片原始像素宽度原始高度图片原始像素高度目标宽度用户设定的裁剪框宽度目标高度用户设定的裁剪框高度缩放比例保持宽高比的最大缩放因子
示例
原始图片 1920×1080 像素，用户设定裁剪框 800×600 像素。缩放比例 = min(800/1920, 600/1080) = min(0.4167, 0.5556) = 0.4167。裁剪后宽度 = 1920 × 0.4167 ≈ 800 像素，裁剪后高度 = 1080 × 0.4167 ≈ 450 像素。最终输出 800×450 像素，保持 16:9 原始比例。
用户操作
交互处理
本地输出
第五节
常见问题
Q & A问裁剪图片时怎么保持宽高比不变？＋
答
本工具在「固定比例」模式下，输入宽高比（如 16:9 或 4:3）后，拖动裁剪框会自动锁定比例。若需自由缩放，切到「自由裁剪」模式即可，此时宽高不受限。注意：固定比例模式下，裁剪框只能等比缩放，不会拉伸原图。
问圆形裁剪出来的是真圆形还是只是圆角矩形？＋
答
是真正的正圆形裁剪，不是圆角矩形。工具会以图片中心为圆心，取最短边的一半为半径，裁出完整圆形区域，其余部分变为透明背景（PNG 格式）。如果原图是长方形，圆形会截取中间区域，不会变形。
问裁完的图片会变模糊吗？＋
答
不会。本工具是前端纯浏览器处理，不重新压缩或缩放像素，裁剪区域直接按原分辨率输出。模糊通常发生在裁剪后手动拉大图片时，或原图本身分辨率低。裁剪后如果感觉模糊，可以检查原图实际像素尺寸是否满足使用需求。
问支持裁剪 GIF 动图吗？＋
答
不支持。本工具处理静态图片（PNG、JPG、WEBP、BMP 等常见格式），GIF 动图裁剪后只会保留第一帧为静态图。如需裁剪动图，建议使用专门的 GIF 编辑工具。上传 GIF 时，工具会提示「不支持动图格式」。
问裁剪后图片背景变成白色了，能改透明吗？＋
答
取决于输出格式。保存为 PNG 时，圆形裁剪和矩形裁剪的透明区域会保留透明通道；保存为 JPG 时，透明区域自动填充白色（JPG 不支持透明）。如果需要透明背景，务必选择 PNG 格式下载。工具在结果区会标注当前格式是否支持透明。
问为什么我上传的图片裁剪按钮点不了？＋
答
常见原因：①图片格式不支持（如 HEIC、SVG、RAW），工具只处理常见网页图片格式；②图片过大（超过 50MB 浏览器内存会受限），建议压缩后再试；③图片本身损坏。可以尝试刷新页面重新上传，或换一张标准 JPG/PNG 测试。
问裁剪框能不能精确输入像素数值？＋
答
可以。在「固定比例」或「自由裁剪」模式下，裁剪框右侧或底部会显示当前选区尺寸（宽×高像素），直接点击数字即可手动输入精确值。输入后裁剪框会自动调整到对应大小，适合需要输出固定尺寸（如 800×600 头像）的场景。
问这个工具和 PS 裁剪有什么区别？＋
答
核心区别：①完全浏览器端运行，无需安装软件，上传即用；②操作极简，只有自由/固定比例/圆形三种模式，没有图层、蒙版等复杂功能；③隐私安全，图片不上传服务器（FE 实现）。适合快速处理单张图片，不适合批量或专业级修图。
隐私保证所有计算与处理均在你的浏览器本地完成，输入数据不会上传服务器，也不会保存或共享。