应用发布的社交媒体配图:一份清单

发布当天会很忙。你要回复评论、修复第一个小时里有人发现的bug,还要在五个地方发帖。图片是可以提前做完的部分,那就提前做完。

从一套图片开始

不要为每个平台从零开始设计。先定下一小套图片,再调整尺寸。

五张图加一段短片,就能覆盖下面所有平台。

保持统一的视觉风格

人们在一天之内会在好几个地方看到你的发布。如果每张图看起来都一脉相承,第二次、第三次看到时就会认出是同一个产品,这正是让一次发布显得声势更大的原因。

关于背景、留白和阴影的更多细节,请看我们的让截图更好看指南。

各平台需要什么

完整的尺寸列表及出处,见分享应用截图的图片尺寸。下面是发布时要准备的内容。

平台比例发什么
X16:9,1600 × 900发布帖配主图;功能图放在回复里
LinkedIn4:5,1080 × 1350主图,配一段你为什么做这款应用的小故事
Threads4:5,1080 × 1350和Instagram相同的图片
Bluesky4:5或1:1一条帖子里放主图加最多三张功能图
Instagram动态4:5,1080 × 1350轮播:先放主图,再放功能图
Instagram快拍9:16,1080 × 1920主图,加一个指向你网站的链接贴纸
Product Hunt图库1270 × 760先放主图,再放功能图;另加一张240 × 240的方形缩略图
链接预览(Open Graph)1.91:1,1200 × 630主图,设为网站的og:image

X

16:9的图片在时间线里会完整显示,不被裁切。但在16:9的画布中间只放一部手机,会留下大片空白,所以要么在旁边配上标题,要么并排展示两三个界面。发布帖配主图,功能图作为回复放进帖子串。参见如何在X上分享应用截图。

LinkedIn、Threads和Bluesky

4:5的竖版图片在这几个平台的信息流里占的空间最大,也很适合手机截图。导出一张1080 × 1350的图,三个平台都能用。Bluesky每张图片上限约2 MB,所以请导出JPEG而不是PNG。

Instagram

动态里用轮播:先放主图,每张幻灯片讲一个功能,全部用4:5。幻灯片的排列顺序,请看我们的Instagram轮播指南。快拍用9:16,顶部和底部要留空,那里会显示Instagram自己的控件。

Product Hunt

Product Hunt的发布指南建议图库图片用1270 × 760,缩略图用240 × 240;缩略图也可以是GIF,只要小于3 MB。图库至少要有两张图才会显示。把第一张设为主图:这是大家点进来之前看到的。

你的链接预览

每一条链接到你网站的帖子,都会显示网站的Open Graph图片。把主图做成1200 × 630,并在发布日之前检查一遍。我们的应用网站的Open Graph图片指南列出了需要的标签和测试方法。

现在就写好替代文字

替代文字为使用读屏软件的人描述图片内容,发帖一忙就很容易忘掉。在发布前一天写好,和帖子文案放在同一份文档里。

用FeatureFrame制作图片

FeatureFrame是一款为此而做的Mac应用。拖入一张iPhone或iPad截图,它会根据像素尺寸识别设备,把截图放进该机型的3D外框。制作一套发布配图:

  1. 先做主图:一张截图,用你打算在所有图上使用的背景和角度,放在4:5的画布上。
  2. 把画布切换为16:9、9:16或1.91:1,用于其他平台。Product Hunt用“自定”,比例设为127:76。
  3. X的图片可以加入最多三张截图,用“横排”布局让它们并排显示。
  4. 每张都以1080p导出为JPEG(“社交媒体”设置),或按⌘C拷贝后直接粘贴到帖子里。

为了风格统一,每张图都使用相同的设备和配色。设备外框库展示了每款机型和每种配色。

发布前一天的检查清单

然后去睡一觉吧。图片已经做好了。

更多指南