🔪 选择一张图片

🖼️
点击选择,或把图片拖到这里
支持 JPG / PNG / WebP,单张建议 ≤ 20MB

默认 3×3,切出来正好九张,配一段文案发朋友圈刚刚好。

九宫格最终会在社交平台被再压缩一次,JPEG 完全够用。

🔪

选张图,选个切法,一键切成九宫格。

📊 常见切图场景与建议尺寸

不同平台的实际展示规则不一样,按这张表准备原图基本不会翻车。

场景推荐切法原图建议尺寸注意点
朋友圈九宫格3×31080×1080 或更高正方形按编号 1~9 顺序上传,微信会自动拼回大图
小红书封面拼接3×3 / 3×21242×1242 起首图最关键,切之前想好第 1 块放什么
商品详情分块2×2 / 3×3≥ 1500×1500文字别压在切缝上,重要信息离边 5% 以上
长图分页1×3 / 2×3宽 800~1242,长度不限竖切要保证每块内容完整,别把一句话切两半
微博 / 动态配图2×2 / 3×21200×1200平台会压缩,JPEG 质量 0.9 足够
公众号插图拼版3×2宽 1080 起正文宽度有限,单块太宽会被缩放变糊

🧠 切图前必看:四个容易踩的坑

切图本身很简单,翻车基本都翻在这四件事上。

坑会怎样怎么避免
原图不是正方形被居中裁剪,边角内容丢失先裁成正方形,或把主体放在画面中间
上传顺序搞错九宫格拼出来是乱的严格按编号 1~9 依次选择,别跳着选
关键内容压在切缝人脸、标题被切开主体离切缝至少留 3%~5% 的余量
原图分辨率太低切完每块都糊原图长边尽量 ≥ 3000px,切完单块还有 1000px
平台二次压缩发出去比本地看着糊用 JPEG、单块控制在 500KB 以内更稳

⚠️ 免责声明:切图为不可逆的裁剪处理,请务必保留原图。
本工具会先把图片按最短边居中裁剪成正方形再等分,因此非正方形图片的左右或上下会被裁掉一部分;主体不在画面中央时,请先手动裁剪。
切分块数越多,单块像素越小,请不要把低分辨率图片切太多块。
所有处理均在你的浏览器本地完成,图片不会上传到任何服务器。

🔪

九宫格切图

图片处理 完全免费 🌙 支持黑夜模式 🔒 纯前端,图片不上传 📦 支持打包下载 🎛️ 自定义行列

发朋友圈想整一个九宫格,最烦的不是想文案,是把一张图切成九张还得按顺序传。
手机相册自带的裁剪只能一张一张来,切完还得自己记住哪块是哪块,一不小心顺序乱了,拼出来就是一坨马赛克。
这个工具把这件事变成三步:选图 → 选切法 → 一键切完打包下载。
它到底怎么切的?
① 先居中裁成正方形:按图片的最短边取一个正方形,从正中间挖出来。这样九块每一块都是规规矩矩的正方形,拼回去严丝合缝;
② 再按行列等分:把正方形的边长按列数、行数均分。这里有个细节——边长不一定能被整除(比如 1081 ÷ 3),所以工具用累加取整的方式算每一块的边界,多出来的那一两个像素会被分到边角上,不会出现白缝或者漏掉一条边;
③ 逐块导出:每一块单独画到 canvas 上再导出成 JPEG(质量 0.92)或 PNG,按 1、2、3……9 的顺序编号。
除了最常用的 3×3,还给了 2×2、3×2、2×3、1×3,以及完全自由的自定义行列(行列各 1~12,最多 144 块)。
几个实战建议:
· 原图最好是正方形、且长边 ≥ 3000px,切完单块还有 1000px 左右,压缩后依然清晰;
· 关键内容别压在切缝上:人脸、标题、二维码这些,离切缝至少留 3%~5% 的余量,否则切开就废了;
· 上传一定按编号顺序来:微信、小红书都是按你选图的顺序排的,跳着选就乱了;
· 想发长图就用 1×3:竖着切三块,上下滑动正好是一张长图,比直接发长图被压扁强得多;
· 怕麻烦就打包下载:点一下拿到一个 ZIP,解压后文件名已经带好序号,照着数字传就行。
最后提醒一句:切图是裁剪,是不可逆的,原图一定要留着。
而且整个流程都在你自己的浏览器里跑,照片不会上传到任何服务器,处理身份证、合同、孩子照片这类敏感图片也放心。

类别图片处理
切分方式居中裁方 → 行列等分
输出格式JPEG / PNG
运行方式纯前端本地,不上传

核心特性

3×3 九宫格
2×2 / 3×2 / 2×3
自定义行列
居中裁正方形
余数自动分配
顺序编号 1~N
单张下载
ZIP 打包

关于这个工具

怎么切:
① 读取图片的原始像素宽高,取 side = min(宽, 高);
② 以画面中心为基准计算偏移 offX = (宽 − side)/2、offY = (高 − side)/2,得到正方形裁剪区;
③ 对每一行、每一列用 round(i × side / n) 累加算边界,块宽 = 后一边界 − 前一边界,整除余数落在最后一块,无缝隙无重叠;
④ 逐块 drawImage 到独立 canvas,再 toBlob 导出(JPEG 质量 0.92 / PNG);
⑤ 按 先行后列顺序编号 1~N,结果区按真实网格排列预览,可单张下载或打包 ZIP。
它不做:不加水印、不调整构图、不智能识别主体(主体位置由你自己保证)。切图不可逆,请保留原图。

怎么用

  1. 第 1 步
    点击或拖拽选择一张图片(建议正方形、长边 ≥ 3000px)。
  2. 第 2 步
    选切分方式:默认 3×3,需要别的规格选「自定义行列」。
  3. 第 3 步
    选输出格式,一般 JPEG 就够。
  4. 第 4 步
    点「🔪 开始切图」,结果区会按真实网格预览并编号。
  5. 第 5 步
    单块点该块上的「下载」,或点「📦 打包下载全部」拿 ZIP。
  6. 第 6 步
    发朋友圈 / 小红书时,严格按编号 1~N 顺序选图上传。

更新记录

  • v1.0 2026-09-20 工具正式上线:支持将图片居中裁成正方形后按 3×3 / 2×2 / 3×2 / 2×3 / 1×3 或自定义行列(1~12)等分切块,采用累加取整分配边缘余数避免缝隙,输出 JPEG / PNG,支持网格预览、按序编号、单张下载与 ZIP 打包;附常见切图场景建议表与避坑表。全程浏览器本地处理,图片不上传,适配黑夜模式。

常见问题

为什么我的图被裁掉了一部分?
因为九宫格要求每一块都是正方形,所以工具会先把整张图按最短边居中裁成正方形,再切。
如果你的原图是 16:9 的横图,左右两边会被裁掉一部分;竖图则是上下被裁。
两个办法:
① 先用裁剪工具把图裁成正方形,自己决定保留哪部分,再来切;
② 拍图/做图时就把主体放在画面正中间,这样居中裁剪基本不会伤到关键内容。
结果区会明确提示你「已居中裁成正方形」,并给出裁剪后的尺寸。
切完之后顺序怎么保证不乱?
工具会给每一块按先行后列的顺序编号 1~N,文件名里也带上了序号(如 photo_3x3_1.jpg)。
真正容易乱的是上传环节:微信、小红书都是按你选图的先后顺序排列的,如果你先选了第 5 块再回头选第 1 块,拼出来就是乱的。
建议:
· 打包下载 ZIP,解压后按文件名排序,从上到下依次选;
· 或者在手机相册里按「最新添加」排序,下载顺序就是编号顺序。
切多少块比较合适?
按场景来:
· 朋友圈 / 小红书:3×3 是标准答案,九张铺满最有气势;
· 只想低调地发:2×2 四张,干净利落;
· 长图/教程步骤:1×3 或 2×3,竖着看更顺;
· 商品展示:3×2 六张,兼顾细节与数量。
块数不是越多越好:原图只有 1080px 的话,切 3×3 每块只剩 360px,再被平台压缩一次就糊了。
经验值是切完单块长边 ≥ 800px 比较安全,所以原图长边最好 ≥ 3000px。自定义行列最多支持 12×12(144 块),但除非做拼图素材,一般不建议切这么碎。
JPEG 和 PNG 该选哪个?
九宫格场景无脑选 JPEG。
理由很简单:你切完是要发到社交平台的,平台一定会再压缩一次,PNG 的那点无损优势在上传那一刻就全没了,还白白占了几倍体积、下载也慢。
只有两种情况选 PNG:
① 原图是线条、文字、截图这类内容,JPEG 会在边缘产生明显噪点;
② 你需要保留透明背景(JPEG 不支持透明,透明区会被填成白色)。
我的照片会被上传吗?
不会。选图、裁剪、切分、导出全部在你自己的浏览器里用 canvas 完成,照片不会上传到任何服务器,页面刷新后数据即清除。
所以处理身份证、合同、孩子照片这类敏感图片也可以放心用,不存在「传到别人服务器上」的环节。

💬 留言板 0

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

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

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