Instagram 九宫格规划:看起来经过精心设计的排布模式
围绕 3:4 的竖版方格规划你的 Instagram 主页九宫格:选定一种重复的排布模式,让文字远离左右边缘,并在发布任何一条之前先把接下来的九条帖子放在一起预览,避免被裁切的意外。
要规划一个看起来经过精心设计的 Instagram 九宫格,请选定一种重复的排布模式(浅色与深色交替的棋盘式最容易坚持),按照 3:4 的竖版主页方格来设计帖子,并在发布任何一条之前先把接下来的九条帖子放在一起预览。九宫格已经不再由正方形组成,所以按 1:1 方格制定的计划会在你意想不到的地方被裁切。
下文的平台事实均链接到 Instagram 自己的页面,核对日期为 2026 年 10 月 5 日。凡是 Instagram 没有公布的内容,我们会明确说明,并给出我们自己的测量结果或建议。九宫格规划只是轮播帖和帖子设计的一部分;我们的 Instagram 轮播帖设计指南是其余内容的总入口。
Instagram 个人主页九宫格现在是什么形状?
Instagram 帮助中心没有公布九宫格方格的宽高比。我们在 2026 年 10 月 5 日搜索了帮助中心,找到了关于信息流图片尺寸、轮播帖和置顶的页面,但没有任何关于九宫格形状的页面。于是我们自己动手测量。
**我们的测量:**2026 年 10 月 5 日,我们在桌面浏览器中以 1,024 px 宽的窗口打开了 instagram.com 上的一个公开主页。九宫格有三列。每个方格,无论是照片还是 Reel,尺寸都是 310.7 x 414.2 CSS 像素,即 0.75 的比例,也就是 3:4,方格之间约有 1 px 的间隙。每张缩略图都填满自己的方格并居中显示,因此超出 3:4 区域的部分会从左右两侧或上下两侧被等量裁掉。我们没有测量 iPhone 和 Android 应用,所以请在手机上检查你自己的主页。
这与图片分辨率帮助页面的方向一致,该页面现在把 3:4(1080 x 1440 px)列为能以全画质保留的最高信息流照片。回顾历史:Instagram 的 2015 年公告曾说明,非正方形帖子在九宫格中会显示为居中裁切的正方形。许多九宫格规划至今仍建立在这条旧规则之上。
九宫格对每种帖子尺寸裁切多少?
以下是根据我们的计算,对宽度为 1,080 px 的帖子居中裁切到 3:4 方格时会裁掉的部分。
| 你的帖子 | 尺寸 | 在九宫格中被裁切的部分 | 需要避开的区域 |
|---|---|---|---|
| 正方形,1:1 | 1080 x 1080 px | 左右各约 135 px(宽度的 25%) | 靠近左右边缘的文字和标志 |
| 竖版,4:5 | 1080 x 1350 px | 左右各约 34 px(约 6%) | 两侧各一条细窄的边带 |
| 高竖版,3:4 | 1080 x 1440 px | 无 | 无 |
| Reel,9:16 | 1080 x 1920 px | 上下各约 240 px | 画面最顶端或最底端的字幕 |
| Reel 封面 | 420 x 654 px | 上下各约 47 px | 封面的上下边缘 |
Reel 封面这一行使用的是 Instagram Reels 帮助页面推荐的 420 x 654 px(1:1.55)尺寸。同一页面还说明,Reel 上传后无法再编辑封面,所以请在发布前先检查九宫格的裁切效果。
我们的建议:同时也要在其他平台使用的帖子用 4:5,最看重九宫格效果时用 3:4。无论哪种,文字都要距离左右边缘至少 60 px。关于信息流的所有宽高比,请参阅 Instagram 帖子尺寸。
规划好的九宫格是什么样子?
下面是用我们的演示品牌 AURORA 以 1080 x 1350 px 渲染的六条帖子,并按九宫格的显示方式呈现:从中心裁切为 3:4。它们遵循浅色与深色方格交替的棋盘式排布。
有三点让它看起来是有规划而非随意的:浅色与深色在横向和纵向上都交替出现,每个方格使用同一字体家族,绿色点缀出现在大多数方格上但从不作为整块背景。没有任何文字靠近左右边缘到会被裁掉的程度。
哪些九宫格排布模式看起来经过精心设计?
| 排布模式 | 运作方式 | 多发或漏发一条帖子还能保持吗? | 我们的结论 |
|---|---|---|---|
| 棋盘式 | 浅色与深色帖子(或照片与文字帖)交替 | 基本可以;一次失误会颠倒顺序,但九宫格看起来仍然错落有致 | 最容易坚持 |
| 按行 | 每一行的三条帖子共用一个主题或颜色 | 不行;多发一条就会让每一行都错位一格 | 只有在你总是三条一组发布时才适合 |
| 按列 | 每一列放一种内容类型 | 不行;和按行一样存在错位问题 | 很少值得 |
| 色彩渐移 | 调色板在数周内从一种色调缓慢过渡到下一种 | 可以 | 适合调色板丰富的品牌 |
| 边框式 | 每条帖子使用相同的边框或顶部色条 | 可以 | 辨识度高,规划量少 |
| 拼图式 | 一张大图拆分成 3、6 或 9 条帖子 | 不行;帖子一错位就会散架 | 除非你能重排顺序,否则避免使用 |
错位问题源自九宫格的填充方式:每条新帖子都会出现在左上角,把其他所有帖子向后推一格。依赖精确位置的排布模式,除非你按三的倍数发布,否则就会被打乱。
可以通过重排帖子来修复乱掉的九宫格吗?
可以部分做到。Instagram 关于置顶的帮助页面说明,你可以把最多三条帖子置顶到主页顶部,取消置顶的帖子会回到原来的位置。
完整的重排功能是新近推出的。2026 年 6 月 8 日,ABC News 报道称 Meta 推出了九宫格重排功能:长按一条帖子并把它拖到新位置,而置顶的帖子仍留在顶部。我们在 2026 年 10 月 5 日没能在 Instagram 帮助中心找到相关文章,所以在围绕它做规划之前,请先确认你的账号已经可以使用这项功能。
即使有了重排功能,我们的建议仍然是选择一种不依赖它的排布模式。每周手动移动几十条帖子,对一个团队来说是无法持续的。
轮播帖和 Reels 如何融入规划?
根据 Instagram 的轮播帖帮助页面,九宫格中只显示轮播帖的第一张幻灯片,并标有一个小图标。所以请把轮播帖封面当作九宫格方格来规划,其余幻灯片则可以自由发挥。无缝全景轮播帖只会把第一个切片放进九宫格,因此这个切片必须能单独成立。
Reels 位于同一个九宫格中,在我们的检查中同样被裁切为 3:4 方格。请给它们一张遵循你排布模式的封面,而不是视频中随机的一帧。精选故事位于九宫格上方;我们的 Instagram 精选故事封面指南介绍了如何让它们保持一致。
如何一次规划九条帖子?
- 从表格中选定一种排布模式,并把它写成规则,例如"浅、深、浅"。
- 为每种方格类型制作一个模板,让规则内置其中。Chikaboom 就是这样运作的:设计师一次性设定好版式,团队成员填入文字,颜色和边距保持固定。你可以在在线演示中试用模板。
- 起草接下来的九条帖子,裁切为 3:4 后放在一起查看,再决定排期。
- 检查没有任何文字或标志落在 4:5 帖子最外侧的 34 px 内,或正方形帖子最外侧的 135 px 内。
- 按顺序排期。如果中途要发布紧急内容,就把它放在排布模式需要该类型方格的位置。
九宫格规划清单
- 一种排布模式,写成全团队都能遵循的规则。
- 帖子尺寸为 1080 x 1350 px 或 1080 x 1440 px,文字远离左右边缘。
- 轮播帖封面和 Reel 封面按九宫格方格来设计。
- 排期前把九条帖子放在一起预览。
- 最多三条置顶帖子,有意识地挑选。
关于这九条帖子在 B2B 场景下该说什么,请参阅我们的 B2B 团队 Instagram 设计指南。
常见问题
Instagram 个人主页九宫格的宽高比是多少?
Instagram 帮助中心没有说明。我们在 2026 年 10 月 5 日检查 Instagram 网站上的一个公开主页时,每个方格都是 3:4,帖子会以居中裁切的方式填满方格。
哪种帖子尺寸最适合 Instagram 九宫格?
1080 x 1440 px(3:4)的帖子可以不裁切地填满一个方格。根据我们的计算,1080 x 1350 px(4:5)的帖子左右各损失约 34 px,正方形帖子左右各损失约 135 px。
可以重新排列我 Instagram 九宫格中的帖子吗?
ABC News 在 2026 年 6 月 8 日报道,Meta 推出了九宫格重排功能,可以把帖子拖拽到新的顺序。我们尚未找到 Instagram 帮助中心关于此功能的文章。你还可以把最多三条帖子置顶到主页顶部。
哪种九宫格排布模式最容易坚持?
在我们看来是浅色与深色帖子交替的棋盘式排布,因为相比按行、按列或拼图式排布,它更能经受住漏发或多发一条帖子的情况。
来源
- Instagram Help Center: Image resolution of photos you share on Instagram
- Instagram Help Center: Share a post with multiple photos or videos on Instagram
- Instagram Help Center: Pin a post to the top of your profile on Instagram
- Instagram Help Center: Reel size and aspect ratios on Instagram
- Instagram blog: Introducing landscape and portrait formats on Instagram (2015)
- ABC News: Meta debuts new Instagram feature that allows users to rearrange posts on profile grid (June 2026)