Facebook 横幅尺寸和封面照片最佳实践

已发表: 2019-07-10

您是否对那些讨厌的 Facebook 横幅尺寸感到困扰? 您的横幅或封面照片看起来不正确吗? 我们已经为您提供了保障。

您的 Facebook 封面照片充分说明了您的品牌。 企业要想在网上蓬勃发展并拥有社交影响力,就需要一个好看的 Facebook 主页。 无论是社区午餐地点还是国际企业集团。 当客户访问时,您的 Facebook 页面需要看起来很吸引人和可识别,他们首先看到的是顶部的封面照片或横幅。 让横幅看起来完美需要一些工作和正确的态度。

如果您曾经创建过自己的 Facebook 横幅或封面照片,您会注意到它在桌面和移动设备上看起来并不相同。 侧面在移动设备上被切断,随之而来的是重要的视觉效果或文字。 在本文中,我们将研究每次都获得完美的 Facebook 封面照片的最佳实践。 此外,我们将研究在设计 Facebook 横幅时要避免的错误和永远不会忘记的事情。

完美贴合的 Facebook 横幅尺寸

Facebook 横幅尺寸

创建 Facebook 横幅或封面照片时要记住的最重要的事情是尺寸从移动设备更改为桌面设备的方式。 在下图中,您可以看到称为“安全区”的主要空间周围的不同部分。 所有重要信息都应该放在这个区域,这样它就会显示在桌面和移动设备上。

Facebook 横幅或封面照片的官方尺寸为 820 像素 x 360 像素。 如果您之前创建过,您可能已经注意到,有时 Facebook 会让您的完美图像看起来模糊不清。 这就是为什么我们喜欢使用具有相同纵横比的更大图形的原因。 820 像素 x 360 像素的图形的纵横比为 2.28,因此为确保上传时看起来完美,您可以将其创建为 1230 像素 x 540 像素。

下载以下适用于 Adob​​e Illustrator (AI) 或 Photoshop (PSD) 的模板。 将您的图像或设计放在显示“在此处插入您的设计”的图层中,然后在将图像导出为 Web 文件之前使所有顶层不可见。

下载文件
免费下载

免费下载

加入 Elegant Themes Newsletter 以获取此免费下载以及我们为 Divi、WordPress、Business 和 Marketing 发布全新内容和资源时的通知。 如果您已经订阅,只需在下面输入您的电子邮件地址即可显示下载按钮。 您不会两次订阅我们的列表或收到任何额外的电子邮件。

您已成功订阅!

要避免的常见错误

创建 Facebook 横幅时很容易犯愚蠢的错误。 不幸的是,当涉及到人们对您的 Facebook 封面照片的反应时,这些看似微小的错误确实会产生影响。 让我们来看看在为您的企业制作 Facebook 横幅或封面照片时应该避免的一些最常见的错误。

文字太多

“文字不超过 20%”的旧规则不再是 Facebook 封面照片的强制规则。 尽管如此,您仍应尽量将文本保持在最低限度。 请注意您使用的单词数量,但主要是它们在安全区域中填充了多少空间。 仅使用发送消息完全必要的词。

太多杂乱

您可能会错误地用过多的文本填充空间,文本和视觉效果的组合也可能发生这种情况。 避免让您的 Facebook 封面照片过于杂乱。 没有必要在你的 Facebook Banner 中放很多东西,它只需要看起来不错。 如果您要宣传特定的销售或优惠,只需添加最重要的信息,让 CTA 按钮完成其余工作。

colorhunt 网站截图

不吸引人的颜色组合

丑陋的颜色组合是即时的视觉驱虫剂。 尽量不要在 Facebook 封面照片的图形中使用随机颜色。 您最好的选择是使用您的品牌颜色或在 Colorhunt 上找到一些吸引人的调色板。 只需将您选择的调色板中的十六进制代码复制并粘贴到图形编辑器中即可。 如果您使用的是照片,请从图像中采样一些颜色来为文本着色。 对于视觉图形风格的 Facebook 横幅,一次不要超过三到四种颜色。

太少太晚

另一个可怕的错误是在错误的时间更改您的假日横幅。 一个好的经验法则是在实际假期前两周更改以假期为主题的 Facebook 封面照片。 如果您在网上销售产品,那么您必须特别注意即将到来的假期,以便您有足够的时间促进销售。

您品牌的最佳实践

既然我们已经看到了您应该不惜一切代价避免的最常见错误,现在是时候看看您应该始终做什么了。 只要您遵循某些参数,您的 Facebook 封面照片就会为您和您的品牌服务。

通过颜色、字体和信息保持品牌形象

作为一个品牌,您有责任在网络、社交媒体及其他领域保持一致。 创建新的 Facebook 横幅或封面照片时,您的品牌风格指南应该是第一个参考点。 使用您的品牌颜色和品牌字体。 不惜一切代价保持品牌的信息和感觉。 从 Nike 的 Facebook 页面中汲取灵感,他们用自己的商标口号来形象化自己的品牌; 去做就对了。

耐克 Facebook 封面照片

使用焦点来引起对 CTA 页面按钮的注意

在我们查看为 Page 按钮添加焦点之前,让我们确保您知道它是什么。 横幅下方是您值得信赖的 CTA 页面按钮。 您可以根据自己的意愿对其进行更改,从“立即购买”到“了解更多”以及许多其他选项。 如果您尚未自定义此按钮,它会显示“添加页面按钮”。 单击它以添加最适合您公司的选项。

要自定义现有的 CTA 页面按钮,请将鼠标悬停在它上面,然后会显示一个小的编辑铅笔。 单击铅笔并选择“编辑按钮”。

Facebook 页面按钮首选项的屏幕截图

现在您已经了解了这个小按钮的功能,是时候引起人们的注意了。 在右下角添加一些东西来吸引观众的注意力。 Superfly 的人在按钮正上方添加了一个带有他们网站 URL 的黑色矩形。 他们不希望您复制该 URL 并粘贴到您的浏览器中! 您只需单击“立即购买”按钮即可。 您可以通过摄影、图形甚至箭头等不同方式使按钮成为焦点!

BeSuperfly Facebook 封面照片

使用您有权使用的高质量图像

始终使用您有权使用的照片。 它不仅遵循 Facebook 的指导方针,而且也是常识。 请不要使用您在网上找到并简单粘贴到横幅中的图像,这可能会给您带来麻烦! 使用您已付费的图库摄影或来自 Unsplash 等网站的免费图片。 更好的是,使用您自己的产品照片! 下面的百事可乐 Facebook 横幅就是一个很好的例子。

百事可乐 Facebook 封面照片

尝试使用视频而不是照片或图形

为什么不尝试视频而不是图像? 将视频上传到横幅的过程与添加图像的过程相同,只需遵循相同的尺寸指南。 确保视频中的所有重要动作都在“安全区域”内并且准备就绪。

高露洁 Facebook 横幅的 Gif

添加带链接的描述并将相关图片固定到页面顶部

最后但并非最不重要的一点是,当您上传新的 Facebook 封面照片或横幅时,请务必添加带有相关链接的说明。 这些乍一看并不明显,但是当有人单击图像时,他们将能够看到您添加的所有信息。 例如,星巴克当前的横幅是关于 Born This Way Foundation 的,一旦您点击横幅,您就会看到与其相关的所有链接和标签。

同样,星巴克在他们的页面顶部也有一个固定图像,它在动画 GIF 中提供了更多关于基础的信息。 这种技术的作用是为您的 Facebook 页面创建一个全面的效果。 当有人登陆它时,他们可以看到您的三个重要视觉效果; 徽标、封面照片和固定图像。 如果一切都经过优化,再加上页面按钮,他们就有了很多交互选择。

星巴克天生如此基金会

星巴克脸书专页截图

结论

如今拥有一个优化的 Facebook 页面并不难。 使用上面的 Facebook 横幅尺寸模板来帮助您创建完美的封面照片。 避免常见错误并遵循最佳实践来创建 Facebook 横幅,您很快就会拥有精美的封面照片! 请记住自定义您的页面按钮,并且不要忘记上传带有相关描述的图形。