图片裁剪

图片裁剪用来把一张图里的某一块单独取出来：投稿平台要求的 1:1 封面、视频站的 16:9 缩略图、电商主图的 4:3，点一下预设就锁好比例，拖动框选区域后直接导出。裁剪在浏览器里用 canvas 完成，原图不上传服务器，客户稿件也能直接用。

比例、框选与输出

• 预设比例 1:1、16:9、4:3 三档，点选后锁定比例；默认是自由框选，随手拖出想要的区域。
• 比例翻转 一个按钮把宽高互换，16:9 变 9:16，做竖屏封面或手机壁纸时省得重新量。
• 手动比例 支持「宽:高」写法（3:2、840:630）和小数写法（1.33 视作 1.33:1）；输错会就地提示，框保持原样。
• 框选交互 框内拖动可移动；拖四个角时对角固定、跟着手走，拖四边中点只动对应的那一边，锁定比例时宽高联动缩放；桌面鼠标、触屏手指、触控笔都能用。
• 输出格式 WebP、JPG、PNG 三档。JPG 与 WebP 有损失质量可调（40%–95%），PNG 无损、质量滑杆不生效。
• 最大边长 原尺寸、2560、1600、1200、800 px 五档；只缩不放，小图裁出来不会被拉大。
• 体积与文件名 下载按钮旁显示这次裁剪的实际体积，文件名默认「原名-crop-比例」，导出前可以改。
• 两种取图方式 本地上传的图片不经过服务器；也可以直接填图片链接，浏览器先直连，拿不到像素时改走本站中转（/api/img-proxy），链接来源的单张上限 10 MB。

常见问题

图片裁剪会把图片上传到服务器吗？

不会。裁剪全程由浏览器用 canvas 完成，文件不离开你的电脑，关掉页面也不会留下副本。

翻转后比例怎么算？

宽高互换：16:9 变成 9:16、4:3 变成 3:4，1:1 翻转后仍是一比一，框的位置不变。新框以原框中心为基准重算，超出画面时会自动收进图内。

裁出来的尺寸和框里看到的一致吗？

一致。框的显示坐标会按原图分辨率换算，导出时直接从原图像素取样，不会先缩再裁。

转 JPG 后透明背景去哪了？

JPG 没有透明通道，透明区域会被填成白底；需要保留透明请选 PNG 或 WebP。

从链接加载的图片会被上传吗？

会经本站中转一次：不少图源不给跨域头，浏览器直连拿不到像素，只能由同域的中转函数代取。本地上传的图片不经过服务器。图源如果连机房 IP 也挡，中转同样会失败，把图片下载到本地再上传最稳。

手动输入 1.33 和 4:3 一样吗？

不一样，1.33 等于 133:100，是 4:3 的近似值。要精确的四比三请直接输入 4:3，或者点 4:3 预设。

更新记录

预设比例、翻转与手动比例 2026-10-24 上线。