品牌 Instagram 轮播图设计指南
品牌应该如何设计 Instagram 轮播图:1080 x 1350 px 的幻灯片、能让人滑动的封面、每张幻灯片只讲一个观点,以及带有一个明确行动的最后一张。
Instagram 上的品牌轮播图,最好是一组简短、带编号的 1080 x 1350 px 幻灯片:一张让人想往后滑的封面,中间每张只讲一个观点,最后一张给出一个行动。Instagram 允许一条帖子最多放 20 张照片和视频,但所有幻灯片共用同一种方向,所以应当把整组内容作为一个系统来设计,而不是当作单独的图片。
这是我们关于 Instagram、TikTok 和 X 视觉内容的总览文章。涉及平台的事实都链接到 Instagram 和 Meta 自己的页面,核对日期为 2026 年 10 月 5 日。所有标明为我们建议的内容,都是我们自己的判断,不是 Instagram 的规则。
Instagram 轮播图的幻灯片应该是什么尺寸?
Instagram 的图片分辨率页面说明,宽度在 320 到 1,080 px 之间的照片,只要比例介于 1.91:1 和 3:4 之间,就会保持原始分辨率,在 1,080 px 宽度下,对应的高度为 566 到 1,440 px。其他比例会被裁剪以适配。轮播图帮助页面还补充了对设计最重要的一条规则:你选择的方向(正方形、竖版或横版)适用于该帖子中的每一张照片和视频。
自然流量轮播图和轮播广告遵循不同的规格,所以请先确认你要做的是哪一种。
| 自然流量轮播帖子 | Instagram 信息流中的轮播广告 | |
|---|---|---|
| 幻灯片数量 | 最多 20 张照片和视频 | 2 到 10 张卡片 |
| 形状 | 所有幻灯片使用同一种方向 | 纯图片轮播为 4:5,包含视频时为 1:1 |
| 分辨率 | 在 1.91:1 到 3:4 之间保持完整画质,宽度最高 1,080 px | 至少 1080 x 1080 px |
| 首先展示的幻灯片 | 始终是你的第一张 | 可能是用户最有可能产生互动的那张卡片 |
Meta 的两个页面并不矛盾:20 是自然流量的上限,10 是广告的上限。我们建议每张幻灯片都使用 1080 x 1350 px(4:5)。它既落在自然流量的范围内,也符合广告规格,所以一套模板可以两用。如果轮播图只用于自然流量,并且你在意主页网格,1080 x 1440 px(3:4)同样可行,而且能无裁剪地填满一个网格单元;具体尺寸见我们的网格规划指南。其他所有信息流尺寸,请参阅 Instagram 帖子尺寸。
品牌轮播图应该有多少张幻灯片?
Instagram 没有公布理想的长度。上限是 20 张,而我们所知关于滑动行为最有用的研究来自网页领域,而不是 Instagram:Nielsen Norman Group 的移动端轮播图指南建议把人们关心的内容放在最前面,因为很多人看几个就停了。这项研究针对的是应用和网站内的轮播图,所以请把它当作一条原则,而不是 Instagram 的指标。
我们的建议:
- 教程、清单或框架类使用 5 到 10 张幻灯片。
- 公告或发布类使用 3 到 5 张幻灯片。
- 把价值点放在第 3 张之前,而不是留到最后。
- 删掉任何无法用一句简短的话说清要点的幻灯片。
每张幻灯片上放什么?
下面是用我们的演示品牌 AURORA 渲染出的完整四张轮播图,尺寸均为 1080 x 1350 px。相同的页眉、页码计数和滑动提示在每张幻灯片上重复出现,这正是四张图片读起来像一条帖子的原因。




每张幻灯片只承担一项任务:
| 幻灯片 | 任务 | 放什么(我们的建议) |
|---|---|---|
| 封面 | 拦住滑动并承诺价值 | 不超过 10 个词的标题、一句简短的承诺、一个滑动提示 |
| 文字页 | 传达一个要点 | 一个简短标题,加上一到三句支撑说明 |
| 数字页 | 证明一个要点 | 一个数字及其含义;来源放在文案里 |
| 结尾页 | 请求一个行动 | 收藏、评论、关注或访问,四选一,不要全要;去掉滑动提示 |
请注意,最后一张幻灯片换了颜色,并且去掉了箭头。在我们看来,这种反差告诉人们已经到了结尾,行动号召也因此更突出。
如何设计一张值得滑动的封面?
封面有两项任务。根据 Instagram 的轮播图帮助页面,信息流会展示你的第一张幻灯片,下方有一排圆点;主页则展示第一张幻灯片,并带有一个小的轮播图标。所以封面既是信息流中的钩子,也是网格里的那块图块。
NN/g 认为圆点是较弱的提示,并建议使用更强的线索,例如明显延伸到边缘之外的内容,或者一个箭头。我们对封面的建议:
- 让标题在缩略图尺寸下仍然可读。如果它作为网格图块不合格,在信息流里也不合格。
- 加入明显的滑动提示,比如箭头,或像 1 / 6 这样的页码。
- 让文字和标志远离左右两侧边缘。在主页网格中,4:5 的封面两侧各会被裁掉一条窄边。
- 对于广告,设计每张卡片时都要让它能成为第一张。Meta 的广告指南说明,投放可能会先展示用户最有可能产生互动的那张卡片。
如果你希望幻灯片之间连成一体,请在开始之前先读一下无缝全景图技巧的原理,因为它会改变你搭建文件的方式。
如何让每一组轮播图都保持品牌一致?
锁定那些永远不该改变的部分,只把文字留给人填写。实际做法是:每种幻灯片角色(封面、文字页、数字页、结尾页)一套模板,页边距、字体、颜色、页眉和页码计数全部固定。Chikaboom 就是这样工作的:设计师为每种幻灯片版式只搭建一次,团队成员填入文字,文字会缩小以适应自己的文本框,而不是溢出边缘。你可以在在线演示中试一试上面的四张幻灯片。
我们对品牌团队的建议:
- 每种内容类型保留一套轮播图模板,而不是每条帖子一套。
- 在幻灯片本身上标注编号。这对截取某一张并分享的人很有帮助。
- 在每张幻灯片上重复相同的页眉位置,让整组内容读起来像一个整体。
- 发布前校对整套内容。Instagram 允许你之后调整顺序、删除内容并修改文案,但无法向已发布的轮播图添加新的幻灯片。
想了解 B2B 可以发布什么,请参阅我们的 B2B 团队 Instagram 设计指南。
轮播图如何与网格、快拍和精选搭配?
轮播图从来不是孤立存在的。它的封面位于你的网格里,它的关键幻灯片常常被转发为快拍,而这条快拍又可能被收进精选。
- **网格:**把封面当作一组来规划。我们的 Instagram 网格规划指南展示了适用于目前高图块的排布方式。
- **快拍:**9:16 快拍中的 4:5 幻灯片,需要在上下留出空间给界面。请参阅快拍和 Reels 安全区以及我们的品牌快拍模板。
- **精选:**如果你把轮播图预告保存到精选,请为它做一张与整组风格一致的封面。我们关于与品牌匹配的精选封面的指南介绍了尺寸和样式。
如何让轮播图无障碍?
为每张图片撰写替代文字。Instagram 会自动生成替代文字,但它的替代文字帮助页面允许你在发布前替换,或在发布后编辑,屏幕阅读器会朗读这段描述。对于文字很多的幻灯片,把幻灯片上的文字放进替代文字里。
在小屏幕上,对比度同样重要。WCAG 2.2 要求普通文字至少 4.5:1,大号文字至少 3:1。社交媒体帖子不是网页,但这些比值是合理的底线。关于字号,请参阅我们的社交媒体最小字号指南。
轮播图可以在其他平台复用吗?
可以,但要调整尺寸,而不是直接复制。TikTok、X、Threads 和 Bluesky 对图片的裁剪和展示方式各不相同:
- 一张视觉图跨平台复用,了解通用方法。
- TikTok 视觉品牌,了解封面和文字叠加。
- X 头图与帖子视觉,了解 X 如何展示图片。
- Threads 和 Bluesky 图片规格,了解较新的应用。
- 当轮播图只是更大规模发布的一环时,可参考产品发布视觉套件。
完整的格式列表,请从我们的社交媒体图片尺寸表开始看起。
发布前的轮播图检查清单
- 每张幻灯片都是 1080 x 1350 px(纯自然流量的一组可用 1080 x 1440 px),且所有幻灯片方向一致。
- 封面在缩略图尺寸下清晰可读,并带有明显的滑动提示。
- 每张幻灯片一个观点,价值点在第 3 张之前出现。
- 封面上的文字远离两侧边缘。
- 每个数字都在文案中注明来源。
- 最后一张幻灯片只请求一个行动,并去掉滑动提示。
- 每张幻灯片都有你自己撰写的替代文字。
- 对于广告:2 到 10 张卡片,图片使用 4:5,每张卡片都能独立成立。
常见问题
Instagram 轮播图的幻灯片应该是什么尺寸?
当照片宽度为 1080 px 时,Instagram 会在 1.91:1 到 3:4 的比例范围内保持完整画质,同一条帖子中的所有幻灯片共用同一种方向。我们建议每张幻灯片都使用 1080 x 1350 px(4:5),如果是希望填满主页网格单元的自然流量帖子,则使用 1080 x 1440 px(3:4)。
Instagram 轮播图最多可以有多少张幻灯片?
Instagram 帮助中心说明,一条帖子最多可以包含 20 张照片和视频。轮播广告则不同:Meta 的广告指南允许 2 到 10 张卡片。
品牌轮播图应该有多少张幻灯片?
Instagram 没有给出理想数量。我们建议教程或清单类使用 5 到 10 张,公告类使用 3 到 5 张,并把最有用的要点放在靠前的位置。
发布之后还能编辑轮播图吗?
可以编辑一部分。分享之后,Instagram 允许你调整或删除其中的内容,并修改文案、位置和标记,但无法向已经发布的轮播图中添加新的照片或视频。
轮播广告会按我设定的顺序展示幻灯片吗?
不一定从第一张卡片开始。Meta 的广告指南说明,投放系统可能先展示用户最有可能产生互动的那张卡片,而卡片的整体顺序保持不变。
来源
- Instagram Help Center: Share a post with multiple photos or videos on Instagram
- Instagram Help Center: Image resolution of photos you share on Instagram
- Meta Ads Guide: Carousel ad specs on Instagram feed
- Instagram Help Center: Edit the alternative text for a post on Instagram
- Nielsen Norman Group: Mobile Carousels (Raluca Budiu)
- W3C: Understanding WCAG 2.2 Success Criterion 1.4.3 Contrast (Minimum)