默认 3×3,切出来正好九张,配一段文案发朋友圈刚刚好。
行列各填 1~12,最多切 144 块。像素会被整除余数自动分配到边角,不会留缝。
九宫格最终会在社交平台被再压缩一次,JPEG 完全够用。
选张图,选个切法,一键切成九宫格。
不同平台的实际展示规则不一样,按这张表准备原图基本不会翻车。
| 场景 | 推荐切法 | 原图建议尺寸 | 注意点 |
|---|---|---|---|
| 朋友圈九宫格 | 3×3 | 1080×1080 或更高正方形 | 按编号 1~9 顺序上传,微信会自动拼回大图 |
| 小红书封面拼接 | 3×3 / 3×2 | 1242×1242 起 | 首图最关键,切之前想好第 1 块放什么 |
| 商品详情分块 | 2×2 / 3×3 | ≥ 1500×1500 | 文字别压在切缝上,重要信息离边 5% 以上 |
| 长图分页 | 1×3 / 2×3 | 宽 800~1242,长度不限 | 竖切要保证每块内容完整,别把一句话切两半 |
| 微博 / 动态配图 | 2×2 / 3×2 | 1200×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,解压后文件名已经带好序号,照着数字传就行。
最后提醒一句:切图是裁剪,是不可逆的,原图一定要留着。
而且整个流程都在你自己的浏览器里跑,照片不会上传到任何服务器,处理身份证、合同、孩子照片这类敏感图片也放心。
怎么切:
① 读取图片的原始像素宽高,取 side = min(宽, 高);
② 以画面中心为基准计算偏移 offX = (宽 − side)/2、offY = (高 − side)/2,得到正方形裁剪区;
③ 对每一行、每一列用 round(i × side / n) 累加算边界,块宽 = 后一边界 − 前一边界,整除余数落在最后一块,无缝隙无重叠;
④ 逐块 drawImage 到独立 canvas,再 toBlob 导出(JPEG 质量 0.92 / PNG);
⑤ 按 先行后列顺序编号 1~N,结果区按真实网格排列预览,可单张下载或打包 ZIP。
它不做:不加水印、不调整构图、不智能识别主体(主体位置由你自己保证)。切图不可逆,请保留原图。
photo_3x3_1.jpg)。审核通过后就会展示在留言板上,稍安勿躁~
还没有留言,来抢沙发吧!