← 全部文章

把推文截图发到 Instagram:尺寸、裁切,和一套能重复用的流程

· 约 5 分钟

Instagram 一次性给了三个约束:信息流图片按 1080px 宽显示、信息流里不显示比 4:5 更高的图、上传的一切都会被重新编码成 JPEG。手机截推文这三条同时踩中 —— 宽度不对、形状不对,而且正好是 JPEG 最不擅长的那种小号灰字。

这些都不难绕开,只是必须在导出之前决定,而不是导出之后。

Instagram 上的推文图该多大?

信息流 1080 × 1350,快拍和 Reels 1080 × 1920,方形轮播 1080 × 1080。Instagram 的信息流图片按 1080px 宽提供,其余一切都缩放到这个宽度。

上传超过 1080 宽的图,Instagram 会缩小 —— 这不但没问题,往往还更好,轻微缩小本身就锐化文字。上传比 1080 窄的图会被放大,那是永远有问题的。

按比例画的三个画面:9:19.5 的手机截图、4:5 的 Instagram 信息流、9:16 的快拍,每个里面都放着一张推文卡片。 手机截图 9:19.5 信息流 1080 × 1350 · 4:5 快拍 / Reels 1080 × 1920 · 9:16
三个都按同一宽度画,因为 Instagram 会把一切归一到 1080px 宽。三者之中,只有手机截图的形状是信息流不会原样显示的。

手机截的推文为什么在 Instagram 上不好看?

因为它同时错在形状和分辨率上,而 JPEG 二次编码专挑你最在乎的部分下手。

真正要用到的数字是哪些?

卡片按 598px 宽渲染。2 倍导出就是 1196px —— 刚好比 Instagram 的 1080 多一点。整个计算就这一句,这也是 2 倍是默认值的原因。

比例设成 3:4 时,2 倍导出是 1196 × 1594;设成 9:16 是 1196 × 2126。两个都稳稳高于 1080 × 1350 和 1080 × 1920 的目标,也就是说这两种情况下 Instagram 都在缩小,从不需要去猜它手里没有的像素。使用说明的导出设置一节讲了比例、圆角和倍率各自管什么。

一张对比导出宽度的条形图 —— 1 倍 598px、手机截图里的推文约 1000px、2 倍 1196px、3 倍 1794px —— 并与 Instagram 的 1080px 显示宽度对照。 1 倍导出 598px 手机截图里的推文 1000px 2 倍导出 1196px 3 倍导出 1794px Instagram 按 1080px 显示
虚线左边的都会被 Instagram 放大。2 倍导出刚好越过它并留有余量,于是发生的是轻微缩小 —— 而轻微缩小本身就是最便宜的锐化。

信息流、快拍还是轮播,各自怎么设?

信息流单图

把卡片比例设成 3:4,按 2 倍导出,得到 1196 × 1594。Instagram 会在信息流里把它裁到 4:5 —— 而这为什么不算问题:宽度不变时从 3:4 变到 4:5,大约减掉 6% 的高度,上下各一半,也就是两端各约 50px。3:4 导出会把卡片在画面里垂直居中,所以那 50px 是留白,不是正文。

如果你希望一点都不被裁,就把比例留在「原始」,然后在任意编辑器里把这张 PNG 放到 1080 × 1350 的画布上。四角透明意味着你可以在后面垫任何背景 —— 这一版看起来才像是设计过的。

3:4 的导出和它被裁成 4:5 之后的样子并排,说明上下切掉的那两条里是留白,不是卡片。 按 3:4 导出 1196 × 1594 阴影 = 信息流会切掉的部分 信息流里显示为 4:5 1080 × 1350 卡片本身没被动过
宽度不变时从 3:4 变到 4:5,大约减掉 6% 的高度,上下各一半 —— 1594px 高的图上两端各约 50px。而 3:4 导出会把卡片居中,所以切掉的是留白。

快拍和 Reels

设 9:16,2 倍导出:1196 × 2126,正好是快拍的形状。

快拍的界面大约会盖住 1920 高画布的上下各 250px —— 上面是头像那一行,下面是回复条。9:16 导出把卡片垂直居中,所以它天然落在安全区里。你自己加的文字和贴纸也别放进那两条带里。

如果原推还在,加一个链接贴纸。这是 Instagram 上唯一一处,读者只要点一下就能看到出处的地方。

轮播

哪种主题最扛得住 Instagram 的压缩?

小字用亮色,深色版面用纯黑。最吃亏的是暗蓝,因为 #15202B 恰好是 JPEG 色块最容易显形的那种低反差深蓝。

JPEG 把码率花在亮度边缘上,把细微渐变丢掉,深色区域尤其明显。亮色主题 —— 近黑的字压在白底上 —— 是反差最大的情形,任何尺寸下都还原得最干净。

纯黑也扛得住:纯黑没有渐变可以塌,发出去和收回来基本一致。

暗蓝是有风险的那个。它在屏幕上非常好看,但压缩之后文字周围可能出现淡淡的块状噪点,在网络慢、Instagram 发的是压得更狠的那一份时最明显。

话说回来,导出 1196px 而不是 900px,比选哪个主题更要紧。先把分辨率弄对。外观里哪些设置最关键把三种主题并排讲了一遍。

做一整组卡片的流程

先定去哪儿,外观只设一次,之后只改文字。

  1. 开工前先定是信息流(3:4)还是快拍(9:16)。改主意导致整组重导一遍,是这件事变慢的主要原因。
  2. 主题设一次;数字格式按你的受众来定,不是按推文原文来定。
  3. 贴进第一条推文,填好互动数据,按 2 倍导出。
  4. 之后每一张只改文字和数字。主题、比例、导出尺寸在两次导出之间都会保留,所以整组不用你操心就自然一致。某个数字要表达「一个都没有」就填 0 —— 互动数据怎么填里说明了这时会隐藏数字、只留图标,这正是 X 的做法。
  5. 上传前按顺序把文件重命名。Instagram 的选择器按你点击的顺序排,第 4 张和第 5 张点反了,是一组好轮播最常见的翻车方式。
  6. 正文说明里写上作者 @用户名和链接,并把推文原文填进 Instagram 的替代文本框。那个字段是你图片里的文字唯一可被机器读到的地方 —— 屏幕阅读器要用,Instagram 自己的索引也要用。

署名、替代文本,以及不该做的事

卡片上写名字和用户名,正文里写用户名和链接,替代文本里写推文原文。永远不要改别人说过的话。

把署名做对大概花十秒,而且读者本来就期待。卡片上的显示名称和 @用户名要准确,正文说明里再写一遍用户名,能放链接的地方就链回原推。

Instagram 发帖时「高级设置」里的「编辑替代文本」值得每次都填。把推文原文粘进去,屏幕阅读器能读到内容,Instagram 自己的索引也能读到。

不该做的事更简单:不要改别人写的话再当成他说的发出去。本站导出的每张 PNG 都在文件元数据里带一条肉眼不可见的合成图像声明,服务条款禁止去掉它,也禁止用本工具冒充任何人。如果你想走截图那条路,各设备怎么给推文截图把每个设备上截真图的做法都讲了。

把比例设成 3:4 或 9:16,按 2 倍导出,尺寸就已经对了。

打开工具

这篇用到的设置

这篇文章依赖的使用说明小节:

继续阅读