朋友开了个咖啡店,想把一张店内全景图切成九宫格发朋友圈, 点开能拼成完整的店铺照,看起来很有设计感。她自己切完发出去, 九张图顺序乱了,拼出来的"全景"是错位的拼贴画。
九宫格切图看着简单,但顺序、尺寸、原图比例都有讲究, 做错一个发出去就翻车。这篇讲清楚九宫格的原理、朋友圈显示规则、原图怎么选。
朋友圈九宫格的排列顺序
微信朋友圈九张图的位置是"从左到右、从上到下":
- 第 1、2、3 张:第一行(左上、中上、右上)
- 第 4、5、6 张:第二行(左中、正中、右中)
- 第 7、8、9 张:第三行(左下、中下、右下)
所以切图工具必须按这个顺序输出 9 张图(命名 1-9), 你上传时也要严格按 1-9 的顺序选。顺序错了,大图就拼歪了 —— 这就是我朋友翻车的原因(她上传时顺序乱了)。
靠谱的切图工具会自动按这个顺序命名(1.jpg 到 9.jpg), 你按文件名顺序上传就行。
关键坑:原图必须是正方形
朋友圈九宫格的每个格子是正方形显示的。
如果你的原图是 16:9 的横图,切成 9 块后每块也是 16:9(扁的), 微信显示时会从每块中间裁成正方形,导致内容被裁掉,拼出来的大图缺胳膊少腿。
解决:切图前先把原图裁成 1:1 正方形,再切九宫格。 这样每块都是正方形,微信不会再裁,拼出来完整。
原图要多大才清晰
原图边长 = 每块期望边长 × 切的格数。
- 切 3×3,希望每块 360px → 原图至少 1080×1080
- 切 3×3,希望每块 500px → 原图至少 1500×1500
建议原图至少 1080×1080。如果原图只有 600×600, 切成 9 块每块才 200×200,微信再一压就糊得没法看。原图越大,切完压缩后越清晰。
切几格:2×2 / 3×3 / 4×4
3×3(9 张)— 最经典
朋友圈正好满九张,最常用的九宫格。点开拼成完整大图,设计感最强。
2×2(4 张)— 简洁
想要四张图的简洁排版。朋友圈显示 4 张图(2 行 2 列)。
4×4(16 张)— 需要分两条发
微信朋友圈单条最多 9 张,所以 16 张要发两条, 或者用于不限张数的其他平台。不推荐用于单条朋友圈。
九宫格 vs 长图怎么选
- 九宫格:点开拼成完整大图,有惊喜感和设计感。 适合品牌 / 个人形象展示(一张精美大图)。缺点:不点开只是 9 个碎片
- 长图:信息连续完整。适合图文教程 / 菜单 / 长内容。 想做长图看长图拼接的不同套路
关于白缝
切图本身是无缝的(每块紧挨)。但微信朋友圈显示九宫格时, 九张图之间有白色间隙(微信的显示样式),所以拼出来的大图在朋友圈会被白缝分隔。
这是微信的显示效果,无法去掉。想要完全无缝只能发单张图 (但单张发朋友圈也会被压缩)。选九宫格就接受这个白缝,它已经是朋友圈展示大图的最佳方式。
九宫格切图的完整流程
- 选大图:1080×1080 以上,内容主体居中(防止被白缝分割破坏构图)
- 裁正方形:把原图裁成 1:1(防止微信二次裁切)
- 切九宫格:用切图工具按 3×3 切,自动按 1-9 顺序命名
- 适度压缩:每张控制 1MB 内(主动压缩比微信暴力压缩画质好)
- 按顺序上传:严格按 1-9 顺序选图发朋友圈
总结
九宫格切图翻车基本就两个原因:顺序乱了(上传没按 1-9)和原图不是正方形(被微信裁切)。 做对这两点 + 原图够大,发出去就是完整漂亮的九宫格大图。
站里的九宫格切图工具 支持 2×2 / 3×3 / 4×4 切图,自动按朋友圈顺序命名,切完打包下载按序上传即可。 切之前想先压缩或调整尺寸,用图片压缩参数指南。