Twitter 的横幅、标题和照片尺寸更新指南

已发表: 2022-07-13

与大多数网站一样,Twitter 会不时更改。 Twitter 改变的一件事是它们的布局,无论是在非常主要的方面,还是在非常小的方面。 一些变化是重大的,比如把收藏变成喜欢。 其他变化更微妙,比如它们如何裁剪图像等等。

截至本文发表之日,以下信息应准确无误。 如果我更新帖子,我会在这里通知你——通过更改这一段。

目录隐藏
标题图片
个人资料照片
图片帖子尺寸
在 Twitter 上使用图片的技巧
相关文章:

标题图片

你在 Twitter 上的标题图片就像一个巨大的广告牌,只是偶尔会看到。 任何浏览他们自己的 Twitter 提要的人都不会看到它; 他们必须访问您的个人资料页面才能看到它。

Twitter 建议您上传一个非常宽的图像作为您的标题。 它们的预期尺寸为1500 x 500 ; 1,500 像素宽 x 500 像素高。 简单,简单,故事的结尾,对吧?

标题尺寸

好吧,如果您像 The Onion 一样,只使用最近热门文章中的图片作为顶部横幅。 不需要复杂的布局; 只需将图像裁剪为合适的尺寸并上传即可。 只要它看起来不错,就可以使用。

但是,如果您像某些企业一样,则可能需要一些更优化的东西。 将顶部横幅用作号召性用语通常是个好主意。 不过也有很多问题。

首先,顶部横幅的尺寸不是 1,500 x 500。如果您使用的是典型的宽屏显示器,它实际上更像是 1,263 x 421。 这说明了可以在某些分辨率下使用的垂直和水平装订线。 如果您要检查背景元素并查看给定横幅的图像,您通常会在图像的顶部和底部看到至少一些垂直的。

如果您单击并拖动浏览器来调整图像大小,您可以看到 Twitter 如何动态调整图像。 您可以看到,在不同的分辨率下,图像将如何略微放大或缩小; 这是使用可用空间进行调整。 一旦你缩小到足够小,你就会得到一个滚动条。

那你就得考虑移动了。 使用 Twitter 应用程序时,相同的图像以相同的尺寸出现,缩小了。 这意味着如果您想在横幅上的文本中使用某种号召性用语,则不能使文本太小以至于无法阅读。

移动安全推特区

如果您在顶部横幅上发出号召性用语,您需要做两件事。 首先,避免图像的绝对顶部和底部。 其中一些空间被排水沟占据,为图像提供缩放和调整空间。

其次,避开左下角,距左侧约三分之一处。 那里有一个部分被您的个人资料图片及其周围的细边框所覆盖。 您在该部分放置的任何文本或号召性用语都将隐藏在您的个人资料图片后面。

提示:使用更大的图像! Twitter 建议至少 1500×500。 你不仅限于此! 我经常发现自己上传了 1920×1080 的图像,并使用缩放、水平和垂直定位以及裁剪以将其准确定位到我想要的位置。

您可以做的一件事是制作横幅,然后将画布向各个方向扩展几百像素。 当你去上传图片时,你可以仔细地按照你想要的方式放置它。

个人资料照片

这些天你的个人资料照片是一个圆圈。 在这里,Twitter 推荐 400×400 像素的方形图像。 您的显示屏将是一个大约 400 像素宽的圆圈,但同样,您可以在上传图像时对其进行调整。 400×400 像素图像或 2000×2000 像素图像都获得相同的缩放选项。

型材尺寸

当您上传一张图片作为您的个人资料图片时,您可以将其放大和缩小,如果您将其放大到足够大以至于不会切断边缘,您可以水平和垂直滑动它。 你被限制在你的图像的边缘,这就是为什么 Twitter 推荐一个足够大小的。

缩放不是无限的。 只有当图像不是方形图像时,您才能向外缩放图像。 您可以稍微缩小,直到垂直或水平成为最小可用空间。 在我发现的几张可以做到这一点的图像中,大约是 80% 的缩放。 同时,您可以在完美的方形图像中放大大约 150% 左右,也许最多 200%,以获得您想要的精确定位。

Twitter 想要一个 400 像素的正方形图像的原因是,他们只需要做最小的调整。 上传时需要缩小超大图像的比例,这会导致图像模糊。 一个特别小的图像会太像素化并被拒绝。

在这种情况下,我上面的建议并不真正适用。 相反,我有一个不同的。

Protip:使您的图像比必要的稍大。 将您的徽标图像从边到边设置为 400 像素,然后在每边添加大约 50 像素的装订线,使其保持正方形。 这样,当您上传图像时,您可以将其放大到足以在边缘周围留出足够空间以使边框看起来不错,但实际上无需伸手触摸它。 一点点微调可能是值得的。

图片帖子尺寸

当您将图像发布到您的提要时,它会折叠以适应他们的帖子格式。 有时这意味着它会切断图像的顶部和底部。 如果您发布多张图片,您最终会看到一张占据了三分之二的空间,而另外两到三张则占据了其余的空间。 单独的 Twitter 帖子最多只能包含四张图片。

当照片是帖子的一部分并附加到链接时,该照片为 440×220 像素。 它是大致水平的,单击时不会展开; 点击改为将您带到帖子。 像以前一样,您可以将其放大,但它会被裁剪,您无法调整它。

图片帖子尺寸

当您仅上传四张图片时,它们会按照您上传的顺序显示。 第一个图像是主图像,其余的一个、两个或三个是剩余空间的部分。 如果只上传两张图片,它们会将同一个 440×220 的空间分成两个 220×220 的正方形。

一张图片将被分配到最大 440×440 的空间。 如果图像本身水平较小,则会在顶部和底部略微裁剪。 如果图像垂直较小,它将以信箱格式显示,除非它太宽,在这种情况下将被裁剪。

上传三张图片会将一张图片作为正方形,占据图片左侧的三分之二,其余两张作为正方形垂直堆叠在其右侧。 上传四张图片是一样的,除了给主图片更多的区域以允许其他三张图片的垂直堆叠更高。

这一切都很棘手,但实际上它只是意味着“尽可能上传方形图像”。 Twitter 将尝试在正方形内显示尽可能多的图像。 如果任何图像被裁剪——对于较长的垂直图像,主要是——用户必须点击它或单击它才能看到完整的东西。

在 Twitter 上使用图片的技巧

首先,您的个人资料照片。 99% 的情况下,您的个人资料照片应该是您的照片或您的徽标。 我知道很多艺术家选择使用他们的作品或艺术自画像作为他们的头像; 这也很好。

一般来说,您应该避免使用其他形式的个人资料照片。 将您的个人资料照片留空将导致基本的空白个人资料剪影,这可能会使您的信任度低于填写帐户的信任度。

我不建议将您的个人资料照片用作号召性用语。 在几乎所有的显示模式中,它都太小了。 您放入该空间的任何内容都不会真正可见。

至于您的顶部横幅图片,这是展示您所做工作的好地方。 一家银行可能有一个出纳员和一个快乐的客户的场景。 摄影师可能会展示他们拍摄的绚丽风景的照片。 艺术家可以展示他们最近制作的较大作品。

良好的 Twitter 标头示例

本地企业通常认为值得为他们的位置拍照,这可以帮助用户在他们被隐藏或在不起眼的建筑物中时找到他们。

其他品牌,尤其是数字品牌,可以利用个人资料横幅作为一种广告牌。 在该空间中放置更大的基于文本的号召性用语,并带有插图,类似于信息图或登录页面。 例如,您可以展示您制作的电子书的书籍封面或一系列书籍封面。

其他企业可能会做一些符合当前趋势的事情。 在撰写本文时,Hubspot 的标志性橙色中有一个很大的骄傲横幅,而他们的头像是彩虹彩虹。

人权运动的作家兼新闻秘书莎拉·麦克布赖德(Sarah McBride)使用她的个人资料横幅来宣传她的书。 这是一个大而简单的图像,带有号召性用语和书籍封面的图像,并且表现出色。

莎拉麦克布莱德推特

当您将图像作为推文的一部分发布时,请记住单个图像在信箱格式中效果最好。 您可以创建图像并使用它来扩展您的文本空间。 在您的 280 个字符中使用软 CTA 和描述,并将图像用作更多文本的空间。 请记住,Twitter 不是 Facebook,您不会因为上面有太多文字而被拒绝。

请记住,如果您想一次上传多张图片,则最多只能上传四张。 一次一张或两张给他们同等的可见度,但三张或四张意味着第二张到第四张图像将被压缩并给予更少的空间。 你最终可能会得到类似最近一篇关于任天堂新游戏的帖子,其中第三张和第四张图片本身就是拼贴画,缩小到几乎无法理解。

否则,Twitter 上大多数图片的使用将归结为使用Twitter Cards。 谢天谢地,我有两个很好的资源给你。 第一篇是关于在您的网站上安装 Twitter 卡的帖子。 不过,有很多不同风格的 Twitter 卡片,了解它们可能会很棘手。 这就是为什么我们有 Twitter 卡片的终极指南。

除此之外,我真的不能给你任何除了通常的 Twitter 图片提示。 制作高质量的图像,避免用太多的文字覆盖它们,以免丢失任何图像,并确保它们从通常的 Twitter 个人资料的泥沼中脱颖而出。 您可能会考虑尽可能使用 gif 或视频来添加动态并让您的帖子脱颖而出。

如果我注意到 Twitter 再次改变他们的行为或大小,我一定会更新这篇文章。 如果您认为有什么问题,请回来查看,如果我还没有注意到,请发表评论!