10 个 Facebook 封面照片尺寸和设计最佳实践

当人们到达您的 Facebook 主页时，您认为他们会先看哪里？

我会给你一些提示。它是位于主页顶部的一段视觉内容。它的尺寸是 820 像素宽 x 312 像素高。在大多数桌面浏览器上，它几乎占据了屏幕的四分之一。

没错——这是你的 Facebook 封面照片。

封面照片可以将您的Facebook 业务页面从您的业务活动的被动存储库转变为一个吸引人的社区。无论您是使用 Facebook 来获取潜在客户、完成下一次销售，还是创建客户网络，了解如何创建和优化 Facebook 封面照片对于主页的成功至关重要。

在这篇文章中，您将了解 Facebook 封面照片最佳实践以及我们推荐的每个技巧的真实示例。首先，让我们深入了解 Facebook 封面照片的尺寸。

有时称为您的 Facebook 横幅，此图形是您主页中最引人注目的部分之一。Facebook 为封面照片设置了特定尺寸，以便在所有 Facebook 页面上创建标准外观，无论他们在什么设备上查看。因此，您需要遵循 Facebook 封面照片最佳做法，并针对正确的尺寸优化您的封面照片。

当您考虑上面的 Facebook 封面照片尺寸时，很难在创意与平台要求之间取得平衡。移动和桌面屏幕有不同的要求，并且会以不同的方式显示相同的封面照片。以下是针对移动和桌面设备优化封面照片时要寻找的内容。

Facebook 封面照片如何出现在移动屏幕和桌面屏幕上？

移动设备显示比桌面屏幕更小的封面照片是有道理的，下图准确描述了为什么会发生这种情况。如您所见，如果您的设计不小心，当访问者在移动屏幕和桌面屏幕上查看照片时，照片周边周围有很多空间可能会被切断。

因此，最好将内容的重要部分放在绿色空间中。这样做将确保每个人都可以正确地看到您的封面照片，无论他们使用什么设备。

需要帮助开始？下面，您将找到 Facebook 封面照片模板和最佳实践，以指导您设计品牌的封面照片艺术作品。

1. 遵守 Facebook 的封面照片准则。

这似乎很简单，但遵循Facebook 的封面照片指南是让您的 Facebook 页面在平台上可见的第一步。我强烈建议您通读完整的 Page Guidelines，但对于您的 Facebook 封面照片，请牢记以下一些重要事项：

• 您的封面照片是公开的。

• 封面照片不得具有欺骗性、误导性或侵犯他人版权。

• 您不能鼓励人们将您的封面照片上传到他们的个人时间线。

如果您被发现违反上述条款，Facebook 可能会对您的主页采取行动。虽然 Facebook 没有明确说明如果你违反他们的封面照片准则会发生什么，但由于封面照片违规而删除你的 Facebook 页面会非常不方便。

2. 确保您的 Facebook 封面照片尺寸合适。

正如我之前提到的，Facebook 封面照片尺寸在桌面屏幕上为 820 像素宽 x 312 像素高，在移动屏幕上为 640 像素宽 x 360 像素高。

在花时间设计了完美的封面照片之后，您最不希望您的访问者看到的是它的截断版本。如果您上传的图片小于这些尺寸，Facebook 会拉伸它以适应空间。这意味着 Facebook 可能只显示您设计的图像的三分之一。

如果您想轻松确保封面照片尺寸合适，请下载我们的 Facebook 封面照片预设尺寸模板。

3. 不要担心“20% 文本”规则。

早在 2013 年，Facebook 就删除了对封面照片中文字 20% 规则的所有引用，但这并不意味着您应该在设计中使用大量文字。之前的规则规定只有 20% 的封面照片可以显示文字。虽然这条规则听起来可能有限制，但它背后的情绪是有价值的——你希望你的访问者与视觉互动，而不是一堵文字墙。

如果您要在封面照片中使用文字，请保持简洁，让图像自己说话。您可以在下面的 HubSpot 的 Facebook 页面上看到我们是如何实现这种平衡的。

如需更多封面照片灵感，请查看我们的Facebook 页面。

4. 给你的封面图片一个焦点。

将您的封面照片视为主页中“首屏”的部分。如果它令人分心或令人困惑，人们将更有可能点击离开页面。

许多最好的 Facebook 封面照片都包含一个焦点以及与品牌其他部分一致的配色方案。请记住，您的社交媒体帐户是您业务的延伸，它们应该给访问者留下良好的第一印象。

出色的 Facebook 封面照片也有足够的负空间，使主题、副本和 Facebook 独有的元素（如 Facebook 业务页面上的 CTA 按钮）更加突出。

这是《纽约时报》中一个很好地利用负空间的例子：

这是社交媒体管理平台Sprout Social的另一个例子：

5. 避免将封面照片的内容与个人资料图片混合。

通过一些巧妙的设计技术，您可以操纵您的个人资料图片和封面照片，使它们看起来好像是同一画布的两个部分。

巴黎的一张旧封面照片就是一个很好的例子：

您仍然可以在您的个人资料中执行此操作，但 Facebook 不再以这种方式设置企业页面。现在，如本文前面的示例所示，个人资料图片与封面照片完全分开。因此，与其将两张照片合并为一张，不如让它们以相似的颜色或对比图案相互补充，同时仍遵守您的品牌准则。

6. 请注意右下角的操作按钮。

您可能已经注意到，在上面的一些封面照片示例中，主要的号召性用语 (CTA) 按钮有所不同。HubSpot 的 CTA 按钮显示“关注”，而 Sprout Social 的按钮显示“注册”。

根据您的业务，您可以使用封面照片右下方的独特 CTA 按钮在 Facebook 上启动主页。在设计封面照片时，请考虑此按钮的位置。

LinkedIn Learning在下面以一种微妙的方式做到了这一点，将一个人的图形放在笔记本电脑上的“注册”按钮上，将你的眼睛吸引到那个蓝色的 CTA。

注意：虽然添加方向提示（如箭头）让人们点击 CTA 按钮似乎是个好主意，但请注意，这些 CTA 按钮在移动应用程序上的显示方式不同。换句话说，如果您直接将封面照片设计与 CTA 按钮集成，可能会让移动用户感到困惑。

7. 右对齐封面照片中的对象。

由于您的个人资料图片在左侧，因此您希望通过将图像的焦点放在右侧来为您的 Facebook 封面照片设计添加一些平衡。

看看这些封面照片。哪一个看起来更美观？

右对齐焦点：

左对齐焦点：

右对齐的封面照片看起来和感觉不是更好吗？在三星的新封面照片中，最大的设计元素（头像、文字和两部手机）均匀分布。在三星的旧封面照片中，您的注意力会立即转移到 Facebook Page 的左侧，导致您错过右上角的产品名称。

添加平衡不仅是设计的关键元素，而且还可以让您的封面照片在移动设备上更具视觉效果。这让我想到了下一点……

8. 牢记移动用户。

Statista报告称，98.5% 的 Facebook 用户群通过智能手机和平板电脑等移动设备访问社交网络。这是巨大的——这就是为什么在设计你的 Facebook 封面照片时让移动用户成为首要考虑因素如此重要的原因。

在移动设备上，可以看到封面照片的一小部分。右侧通常被完全切除。

让我们看看思科的 Facebook 页面在桌面浏览器上与在 Facebook 的移动应用程序上的样子。

桌面：

移动的：

需要注意的是，思科封面照片中的文字不会出现。虽然右对齐的视觉元素看起来很棒，但请注意不要将重要内容放在右侧太远，以免在移动设备上查看时被截断。

9. 在您的封面照片描述中包含与您的主页 CTA 一致的缩短链接。

如果您想使用封面照片来支持主页 CTA，请确保您的封面照片描述还包含文本 CTA 和指向同一优惠的链接。这样，任何时候人们自己查看您的封面照片时，他们仍然可以访问该链接。

以下是Adobe Creative Cloud Facebook 页面上的实际操作：

专业提示：缩短您的链接并添加 UTM 代码以跟踪查看您的封面照片并单击描述中的链接的访问者。HubSpot 的营销中心和Bitly等工具提供缩短和跟踪功能。

（如果您想了解有关如何为封面照片描述编写有效的号召性用语副本的更多信息，请下载我们关于创建引人注目的 CTA 的免费电子书。）

10. 在您的 Facebook 封面图片下方固定相关帖子。

固定帖子可让您在时间轴顶部突出显示典型的 Facebook 帖子。它由帖子右上角的 PINNED POST 标题表示，如下面的Behance 页面上所示：

这与优化您的 Facebook 封面照片有何关系？好吧，如果您花时间调整您的 Facebook 页面 CTA、封面照片设计和封面照片描述副本，您还应该确保将相同的内容直接发布到您的页面并将该帖子固定到您的顶部时间线。

这样一来，当您的访问者登陆您的主页时（尽管在几个不同的位置），他们就会有一个非常明确的号召性用语——这将为他们提供更多的转化机会。

如何固定 Facebook 帖子：将帖子发布到 Facebook，然后单击帖子右上角的三个点并选择固定到页面顶部。

适用于您业务的 Facebook 封面照片尺寸

为您的 Facebook 主页选择合适的封面尺寸可能看起来很简单，但它会对访问您主页的用户和潜在客户产生巨大影响。不合身的封面照片或视频可能看起来不专业，并对您的产品或服务的质量产生错误的印象。

通过本文中的提示，您可以获得创建体现您的品牌并在平台上吸引用户的 Facebook 封面照片所需的信息。