把推文截图发到 Instagram:尺寸、裁切,和一套能重复用的流程
Instagram 一次性给了三个约束:信息流图片按 1080px 宽显示、信息流里不显示比 4:5 更高的图、上传的一切都会被重新编码成 JPEG。手机截推文这三条同时踩中 —— 宽度不对、形状不对,而且正好是 JPEG 最不擅长的那种小号灰字。
这些都不难绕开,只是必须在导出之前决定,而不是导出之后。
Instagram 上的推文图该多大?
信息流 1080 × 1350,快拍和 Reels 1080 × 1920,方形轮播 1080 × 1080。Instagram 的信息流图片按 1080px 宽提供,其余一切都缩放到这个宽度。
上传超过 1080 宽的图,Instagram 会缩小 —— 这不但没问题,往往还更好,轻微缩小本身就锐化文字。上传比 1080 窄的图会被放大,那是永远有问题的。
- 信息流竖图 —— 1080 × 1350(4:5)。信息流能显示的最高比例,也就是别人滑过时你能占的最多屏幕。
- 信息流方图 —— 1080 × 1080(1:1)。做轮播最稳,因为所有卡片必须共用同一个比例,而 1:1 和照片、图表混排最不违和。
- 信息流横图 —— 1080 × 566(1.91:1)。给推文用几乎永远是错的,它把文字卡片最需要的高度扔掉了。
- 快拍和 Reels —— 1080 × 1920(9:16),满屏。
手机截的推文为什么在 Instagram 上不好看?
因为它同时错在形状和分辨率上,而 JPEG 二次编码专挑你最在乎的部分下手。
- 形状。 你的截图大约是 9:19.5,也就是手机屏幕的形状。信息流最高只到 4:5。于是 Instagram 要么裁掉上下 —— 而推文通常正好在那儿 —— 要么你捏合缩小,得到一张小卡片夹在两条灰边中间。
- 分辨率。 手机截图里那条推文可能是 1170px 屏幕中的 1000px。塞进 1080 宽的画面再留一点边距,卡片本身也就 900px 左右 —— 已经掉到小字扛不住的那条线以下。
- 压缩。 Instagram 会重新编码成 JPEG,而 JPEG 把码率花在强反差的亮度边缘上。@用户名、时间、互动数都是又小、又低反差的灰色,它们是最先塌掉的。
- 背景。 截图的背景色是焊在硬边里的。你的主页如果有颜色或质感,卡片就会待在一个看得见的方框里。
真正要用到的数字是哪些?
卡片按 598px 宽渲染。2 倍导出就是 1196px —— 刚好比 Instagram 的 1080 多一点。整个计算就这一句,这也是 2 倍是默认值的原因。
比例设成 3:4 时,2 倍导出是 1196 × 1594;设成 9:16 是 1196 × 2126。两个都稳稳高于 1080 × 1350 和 1080 × 1920 的目标,也就是说这两种情况下 Instagram 都在缩小,从不需要去猜它手里没有的像素。使用说明的导出设置一节讲了比例、圆角和倍率各自管什么。
- 1 倍 = 598px。 在 Instagram 上不够用,会被放大,而且一眼看得出来。
- 2 倍 = 1196px。 缩到 1080 还富余一点。轻微缩小是最便宜的锐化手段,所以这是最舒服的档。
- 3 倍 = 1794px。 留给之后还会被放大的场合 —— 视频剪辑里、做动效图层,或者大屏展示。
信息流、快拍还是轮播,各自怎么设?
信息流单图
把卡片比例设成 3:4,按 2 倍导出,得到 1196 × 1594。Instagram 会在信息流里把它裁到 4:5 —— 而这为什么不算问题:宽度不变时从 3:4 变到 4:5,大约减掉 6% 的高度,上下各一半,也就是两端各约 50px。3:4 导出会把卡片在画面里垂直居中,所以那 50px 是留白,不是正文。
如果你希望一点都不被裁,就把比例留在「原始」,然后在任意编辑器里把这张 PNG 放到 1080 × 1350 的画布上。四角透明意味着你可以在后面垫任何背景 —— 这一版看起来才像是设计过的。
快拍和 Reels
设 9:16,2 倍导出:1196 × 2126,正好是快拍的形状。
快拍的界面大约会盖住 1920 高画布的上下各 250px —— 上面是头像那一行,下面是回复条。9:16 导出把卡片垂直居中,所以它天然落在安全区里。你自己加的文字和贴纸也别放进那两条带里。
如果原推还在,加一个链接贴纸。这是 Instagram 上唯一一处,读者只要点一下就能看到出处的地方。
轮播
- 所有卡片必须共用一个比例,否则 Instagram 会把不一样的那几张裁掉。要最大高度就选 4:5,要和照片图表混排就选 1:1 —— 选定之后别再改。
- 整组保持同一个主题。一组轮播里两张亮色夹一张暗蓝,读起来是出错,不是变化。
- 导出倍率也保持一致。分辨率不齐会表现为「划过去时字的粗细在变」—— 很微妙,但躲开它几乎不费力。
- 数字格式也保持一致。几张 3.7K 混几张 3.7万,是那种没人说得出、但所有人都察觉得到的问题。
哪种主题最扛得住 Instagram 的压缩?
小字用亮色,深色版面用纯黑。最吃亏的是暗蓝,因为 #15202B 恰好是 JPEG 色块最容易显形的那种低反差深蓝。
JPEG 把码率花在亮度边缘上,把细微渐变丢掉,深色区域尤其明显。亮色主题 —— 近黑的字压在白底上 —— 是反差最大的情形,任何尺寸下都还原得最干净。
纯黑也扛得住:纯黑没有渐变可以塌,发出去和收回来基本一致。
暗蓝是有风险的那个。它在屏幕上非常好看,但压缩之后文字周围可能出现淡淡的块状噪点,在网络慢、Instagram 发的是压得更狠的那一份时最明显。
话说回来,导出 1196px 而不是 900px,比选哪个主题更要紧。先把分辨率弄对。外观里哪些设置最关键把三种主题并排讲了一遍。
做一整组卡片的流程
先定去哪儿,外观只设一次,之后只改文字。
- 开工前先定是信息流(3:4)还是快拍(9:16)。改主意导致整组重导一遍,是这件事变慢的主要原因。
- 主题设一次;数字格式按你的受众来定,不是按推文原文来定。
- 贴进第一条推文,填好互动数据,按 2 倍导出。
- 之后每一张只改文字和数字。主题、比例、导出尺寸在两次导出之间都会保留,所以整组不用你操心就自然一致。某个数字要表达「一个都没有」就填 0 —— 互动数据怎么填里说明了这时会隐藏数字、只留图标,这正是 X 的做法。
- 上传前按顺序把文件重命名。Instagram 的选择器按你点击的顺序排,第 4 张和第 5 张点反了,是一组好轮播最常见的翻车方式。
- 正文说明里写上作者 @用户名和链接,并把推文原文填进 Instagram 的替代文本框。那个字段是你图片里的文字唯一可被机器读到的地方 —— 屏幕阅读器要用,Instagram 自己的索引也要用。
署名、替代文本,以及不该做的事
卡片上写名字和用户名,正文里写用户名和链接,替代文本里写推文原文。永远不要改别人说过的话。
把署名做对大概花十秒,而且读者本来就期待。卡片上的显示名称和 @用户名要准确,正文说明里再写一遍用户名,能放链接的地方就链回原推。
Instagram 发帖时「高级设置」里的「编辑替代文本」值得每次都填。把推文原文粘进去,屏幕阅读器能读到内容,Instagram 自己的索引也能读到。
不该做的事更简单:不要改别人写的话再当成他说的发出去。本站导出的每张 PNG 都在文件元数据里带一条肉眼不可见的合成图像声明,服务条款禁止去掉它,也禁止用本工具冒充任何人。如果你想走截图那条路,各设备怎么给推文截图把每个设备上截真图的做法都讲了。
把比例设成 3:4 或 9:16,按 2 倍导出,尺寸就已经对了。
这篇用到的设置
这篇文章依赖的使用说明小节:
继续阅读
- 各设备怎么给推文截图截图动作两秒钟就完了,难的是让结果能见人 —— 而这部分几乎没人写。这里有每个设备的确切快捷键、一个能按任意分辨率单独截下一条推文的浏览器技巧,以及原始截图放进幻灯片或信息流后露怯的六个原因。
- 我为什么做 Tweet to Image —— 以及差点让它夭折的那个细节我要把一条推文放进一张幻灯片,花了四十分钟也没弄好。接下来是四个错掉的数值、一个我永远对不上的字体,还有一整周里最诚实的答案都像是「这里根本没有产品」。最后的解法不是改代码,是改说法。