在线图片裁剪
自由拖拽、按比例、圆形头像、圆角卡片,四种裁剪一次搞定
🔒 图片只在你的浏览器里处理,不上传服务器
🖼️
点击选择图片,或直接拖进来 / Ctrl+V 粘贴
支持 JPG、PNG、WebP、GIF 等常见格式,PNG 透明区域会被保留
处理过程全部在本机完成,图片不会离开你的设备

⚠️ 导出前建议先确认目标平台的要求。不同平台对头像、封面的尺寸与格式要求各不相同(例如头像多为 1:1,封面多为 16:9),请按实际需要选择比例与尺寸上限。圆形与圆角裁剪只有在透明背景 + PNG 时才最干净,JPG 不支持透明,导出时会自动填成所选底色。全站处理均在浏览器本地完成,图片不会被上传或保存,关闭页面即消失。

✂️

在线图片裁剪

🔥 高频图片工具 效率 完全免费 🔒 本地处理不上传 🌙 支持黑夜模式

裁剪是修图里最小、却又最常被卡住的一步:想给账号换一个正方形头像,想给公众号配一张 16:9 的封面,想把产品照做成圆角卡片,或者只是想把截图里多余的部分切掉——随手拍的照片往往带着杂乱背景和多余留白,而打开专业软件又要先学一遍工具栏。这个工具把裁剪拆成四种最常用的模式:自由裁剪、按比例裁剪、圆形裁剪、圆角裁剪,选中模式后直接拖框即可。
自由裁剪适合「我就要这一块」的场景:选区长宽都不受限制,拖动四角与四边的手柄随意定形,选中后还能用键盘方向键逐像素微调,位置差一点点也不用重来。按比例裁剪则内置了 1:1、4:3、3:4、16:9、9:16、3:2、2:3、5:4、4:5 九种常用比例和「原图比例」,勾选后拖动选区会自动锁定宽高比,再也不用担心头像被拉扁、封面被压窄;比例里没有的,还可以自定义宽与高,例如 3:2 以外的「2.35:1 电影宽幅」也能算出来。
圆形与圆角是两个「一拖就出效果」的模式:圆形裁剪会把选区锁定成正方形并裁成圆形,配合透明背景导出 PNG,直接就是能用的圆头像素材;圆角裁剪则保留完整矩形,用一个 0%–50% 的滑杆控制圆角大小,适合做 App 图标、卡片封面、商品图。
此外还有几个提升效率的细节:九宫格参考线帮你把主体放在三分线上;输出尺寸上限可以把裁出来的图直接限制在 512px、256px 这类平台要求的边长内,省去再压一次;裁剪原始像素则保留最大清晰度。上传方式也很随意——点击选择、拖拽进页面、复制后 Ctrl+V 粘贴都行,手机上用手指拖动同样顺畅。

类别图片处理
裁剪模式自由 / 按比例 / 圆形 / 圆角
输出格式PNG · JPG · WebP
数据存储不上传 · 不保存

核心特性

自由拖拽选区
按比例锁定宽高比
9 种常用比例一键套用
自定义宽高比
圆形头像裁剪
圆角大小可调
透明背景导出
PNG / JPG / WebP
九宫格参考线
方向键逐像素微调
输出尺寸上限
拖拽 / 粘贴上传
手机可用
本地处理不上传

四种模式怎么选

自由裁剪:只要这一块
选区长宽完全不受限制,适合「把截图多余的边切掉」「把照片里的人物框出来」这类需求。拖动方框内部移动位置,拖动四角或四边的圆点改变大小,选中后按键盘 方向键 可以逐像素移动(按住 Shift 一次走 10 像素),比鼠标更容易对到边。
按比例裁剪:锁定宽高比
选中「按比例」后会出现比例面板,内置 1:1、4:3、3:4、16:9、9:16、3:2、2:3、5:4、4:5 九种常用比例以及「原图」(保持照片原本的比例)。拖动选区时宽高比会被自动锁死,所以很适合做头像、封面、商品主图、视频缩略图。比例里没有的可以点「自定义」,填入宽与高的数字即可,例如 21:9 的带鱼屏壁纸。
圆形裁剪:头像专用
选区会锁定为正方形并裁成圆形。导出时选择 PNG 格式 + 透明背景,圆形以外的区域就是透明的,可以直接当作微信、钉钉、论坛头像使用;如果平台不支持透明,选一个底色(比如白色)也能导出带底色的圆形图。建议把脸部放在圆形中央稍上的位置,视觉上更舒服。
圆角裁剪:卡片与图标
保留完整的矩形画面,只把四个角做成圆角,圆角大小由滑杆控制(0%–50%)。这非常适合做 App 图标、卡片封面、商品图、文章配图:看起来比直角柔和,又不像圆形那样损失画面。配合透明背景 + PNG 导出,放到任何底色上都干净;如果只是自己看着舒服,导出 JPG 体积更小。

关于这个工具

和图片工具箱里的裁剪有什么区别?
图片工具箱主打「压缩、转换、加水印」等批量处理;这个页面则专注在裁剪本身,所以交互更直观:选区在图上直接拖,实时显示像素尺寸,模式与比例随时切换,并且额外提供了圆形、圆角这两种在批量工具里不太好表现的裁剪方式。需要一次处理很多张,或者要顺便压体积、转格式,用图片工具箱会更顺手。
会不会压缩画质?
不会。裁剪出来的像素尺寸由选区大小决定,选区里有多少像素就导出多少像素,不会放大也不会缩小。只有在「输出尺寸上限」选了具体数值(例如 512px)、而选区比它更大时,才会等比缩小到该边长,这一步使用的是浏览器的高质量平滑算法。原图超过 2600px 时会先用同一套算法缩到 2600px 以内作为工作图,以避免低配设备卡顿。

怎么用

  1. 第 1 步
    点击上传区选择图片,也可以直接把图片拖进页面,或者复制图片后按 Ctrl+V 粘贴。图片载入后会立刻在中间显示,默认已经套好一个选区。
  2. 第 2 步
    在「① 裁剪模式」里选一种:自由裁剪(任意长宽)、按比例(锁定宽高比)、圆形裁剪(头像)、圆角裁剪(卡片)。切换模式时选区会自动调整到合适的形状,不会跑丢。
  3. 第 3 步
    如果选了「按比例」,在「② 选择比例」里点一个比例(1:1 做头像、16:9 做封面最常见),或者点「自定义」后填入自己的宽与高。选了「圆角裁剪」,用「③ 圆角大小」的滑杆实时调整圆角。
  4. 第 4 步
    拖动方框内部移动选区,拖动四角与四边的手柄调整大小;需要精确对齐时,选中选区后用方向键逐像素微调。画面上可以打开九宫格参考线,把主体放在三分之一线上会更耐看。
  5. 第 5 步
    在「④ 背景与输出」里设置:要透明背景就保持「透明」并选 PNG;要给圆形 / 圆角填色就点一个色块或自定义颜色;还能顺便选一个输出尺寸上限(例如 512px),把图直接限制到平台要求的边长。
  6. 第 6 步
    点「⬇️ 导出裁剪结果」下载。下方提示区会显示文件名、格式与实际像素尺寸,例如 裁剪_圆形_512x512.png。想直接拿去粘贴,可以点「⧉ 复制图片」,再到聊天窗口或文档里 Ctrl+V。

更新记录

  • v1.0 2026-09-16 在线图片裁剪上线:提供自由裁剪、按比例裁剪、圆形裁剪、圆角裁剪四种模式;按比例模式内置 1:1 / 4:3 / 3:4 / 16:9 / 9:16 / 3:2 / 2:3 / 5:4 / 4:5 与「原图」共 10 种比例并支持自定义宽高比;圆形模式锁定 1:1 并裁成圆形,圆角模式提供 0%–50% 圆角滑杆;支持透明背景与白 / 浅灰 / 深色 / 蓝 / 粉预设及自定义颜色,可导出 PNG、JPG、WebP 并调节 JPG / WebP 压缩质量;提供输出尺寸上限(2000 / 1200 / 800 / 512 / 256px);支持九宫格参考线、方向键逐像素微调、拖拽与 Ctrl+V 粘贴上传;全部处理在浏览器本地完成,图片不上传服务器;适配手机与黑夜模式。

常见问题

我的图片会被上传到服务器吗?
不会。读取文件、缩放、裁剪、圆角与圆形遮罩、导出格式转换全部通过浏览器的 Canvas 在你的设备本地完成,页面不会把图片发到服务器,也不会保存在任何地方。你可以把网络断开后再操作,功能依然正常。关闭或刷新页面后,图片与处理结果就都不存在了。
为什么拖动手柄时选区好像「卡」在某个比例上?
说明当前处于「按比例」或「圆形裁剪」模式。这两种模式会锁定宽高比,所以拖动四角时另一个方向会跟着自动变化,这是正常行为而不是卡顿。想要任意长宽,切回自由裁剪即可;圆角裁剪也属于自由长宽,只有圆角大小会变化。
导出的圆形头像边缘有黑边 / 底色怎么办?
检查两件事:一是输出格式是否为 PNG,JPG 不支持透明,圆形以外的区域会被填成底色(默认白色);二是背景是否选了「透明」。两者都对的话,圆形外就是全透明的。如果原图本身是 JPG(没有透明通道)也没关系,圆形遮罩是在导出时实时生成的,不影响原图。另外,某些平台自己会再裁一次圆形,此时只要保证图片是正方形即可。
裁剪后图片变模糊了?
常见原因有两个:一是选了「输出尺寸上限」并且数值比选区还小,图片被等比缩小了;二是原图本身分辨率就低于选区实际需求(工具不会凭空补充像素)。把「输出尺寸上限」改回「保持裁剪原始像素」即可拿到原始清晰度。另外,如果原图超过 2600px,工具会先缩到 2600px 以内作为工作图以避免卡顿,需要极限清晰度时建议先用原图裁剪出大致区域再上传。
支持哪些图片格式?GIF 动图会怎样?
支持浏览器能解码的常见格式:JPG、PNG、WebP、GIF、BMP 等。GIF 动图只会取第一帧进行裁剪,导出的是静态图;需要处理动图请使用专门的 GIF 工具。PNG 的透明区域会被完整保留,导出 PNG 时仍然是透明的。
手机上能操作吗?
可以。手机上是上下布局:上面是图片与选区,下面是模式、比例与导出选项。用手指按住选区内部拖动即可移动,捏住手柄可以调整大小(手柄做了加宽处理,更好点中);键盘微调在手机上不可用,但可以双指放大页面后再拖,精度会更高。
可以一次裁剪多张图片吗?
当前版本一次处理一张。如果需要批量裁剪,建议使用「图片工具箱」里的裁剪功能逐张处理;本页面更适合单张精修——因为它能实时显示像素尺寸、支持键盘微调,并且提供圆形与圆角这两种批量工具不容易表达的效果。

💬 留言板 0

全部留言需审核通过后展示
💬

还没有留言,来抢沙发吧!

✍️ 说点什么
0 / 500
图形验证码