电子邮件尺寸：模板的理想尺寸 [2022]

有没有想过您的时事通讯模板的理想电子邮件大小是多少？ 您是否需要为它们选择特定的宽度和高度？

嗯，简短的回答是肯定的。 长答案有点复杂。 不过不用担心，因为我们将探索您需要了解的有关理想尺寸以及正确渲染它们必须有多少像素 (px) 的所有信息。

为了给你一个想法，今天我们将看看基本尺寸，包括：

• 模板宽度和高度
• 广告系列文件大小
• 电子邮件标题
• 内容块和页脚

事不宜迟，一起来看看吧！

电子邮件模板尺寸：概述

如果您急于为您的时事通讯找出最佳尺寸，您可以查看下表：

现在，让我们更彻底地看看它们！

电子邮件大小 - 元素解剖

这是一个电子邮件通讯示例和我们将检查的元素：

此广告系列的宽度为 664 像素，高度为 2549 像素。 电子邮件设计在 Gmail 和 Outlook 收件箱中都能很好地显示，并在移动设备上正确呈现。 文件大小为 57.8 KB，处于理想大小限制之内。

在我们继续之前，请记住，您的设计可能会根据订阅者的屏幕分辨率和大小而有所不同。 所以现在我们知道我们要检查什么，让我们开始一一探索这些“理想”尺寸！

最佳电子邮件尺寸：宽度、高度和重量

从关键的HTML 电子邮件模板尺寸开始，让我们找出避免与流行的电子邮件客户端（如 Gmail、Outlook.com、Yahoo Mail 等）出现问题所需的最佳宽度、高度和“重量”。

电子邮件宽度

大多数营销技巧都强调理想的宽度应该是 600 像素。 那么这是什么意思？ 您的所有模板是否都只需要如此才能高效？

嗯，不。 虽然 600 像素是标准电子邮件模板宽度，但您可以使用更宽的模板。 原因是今天的电子邮件客户端比过去先进得多。 所以显示更宽的模板不再是什么大问题了。

不过，虽然您可以尝试使用宽度，但您应该知道Gmail 可能不会为超过 640 像素的设计显示背景颜色。 这对您的广告系列来说可能会很糟糕，因此避免它的最简单方法是使用最大宽度为 640 像素的布局。

下面，您可以看到一封来自 Apple 的电子邮件，宽度为 736 像素：

如果您想使用更宽的模板，请确保利用各种电子邮件预览工具来确保您选择的宽度不会造成任何问题。

此外，很高兴知道 Moosend 和 Mailchimp 等大多数电子邮件模板构建器提供默认 600 像素宽的设计，因此您不必担心电子邮件模板的大小。

电子邮件高度

现在让我们谈谈电子邮件模板高度。 在这里，您可以选择高达1500 像素或更多，具体取决于您要呈现的内容。

您可以使用这种大小的电子邮件“狂野”，但请记住，您的订阅者应该能够消化消息，而无需滚动到无穷大以达到目的！

理想情况下，您的模板应该在 1500 到 3000 px 之间。 如果您认为 3000 像素并不多，让我们看一个 The Citizenry 的真实示例：

上述示例的高度为 2230 像素，订阅者可以在几个卷轴中查看。

当然，许多电子邮件营销人员会为他们的活动选择更大的高度。 在向您的观众展示您所提供的一切的同时，不要忘记我们的注意力持续时间很短，在过去 15 年中显着下降！

因此，2000-25000 像素的高度比让您的收件人滚动浏览无尽的模板来获得您的 CTA 更好！

电子邮件权重

好吧，既然您已经了解了广告系列的宽度和高度，那么让我们花点时间讨论一下适合您的模板的最佳文件大小。

通常，您希望创建能够毫无问题地进入订阅者收件箱的消息。 垃圾邮件主题行通常是触发垃圾邮件过滤器的原因。 但是您是否知道您的电子邮件文件大小也可能是导致电子邮件送达率低下的原因？

为避免这种情况，您应该保持电子邮件的“重量”相当轻。 这意味着您需要有一个正文在20 到 102 KB之间的电子邮件营销活动。

以下是避免导致问题的三种快速方法：

• 目标是最大 102 KB 的电子邮件文件大小
• 明智地使用视觉元素（GIF、图像）
• 省略大附件

收件箱剪辑

但是当您的电子邮件超过 102 KB 时会发生什么？ 好吧，如果你把它发送到一个 Gmail 地址，那么电子邮件客户端会剪辑你的消息。

当活动超过最大文件大小限制时，会发生电子邮件剪辑。 因此，Gmail 将隐藏或“剪辑”您的广告系列，订阅者需要选择“查看整封邮件”选项才能查看。

尽管 Gmail 最终会向他们展示您的消息，但剪裁您的广告系列并不适合用户体验。 在流程中添加额外的步骤可能会使您的联系人感到沮丧，并导致点击率和参与率降低。

解决方案很简单：将您的电子邮件保持在 102 KB 以下（75 KB 就完美了）！

电子邮件营销活动元素维度

既然我们介绍了您需要了解的重要电子邮件大小，那么让我们从您的电子邮件预标头开始找出适合您的电子邮件组件的尺寸。

电子邮件预标头

首先，您的电子邮件预头是您的主题行之后的额外副本行。 您可以通过查看收件箱快速查看。 通常，它们看起来像这样：

但是，您的预标题文本也会在您的电子邮件通讯顶部显示为一条短消息。 这些行文案可以为您的读者提供有价值的信息，甚至可以让他们在浏览器上查看您的电子邮件。

这是Sigma Beauty的一个例子：

那么，您的电子邮件预标题应该有多大？

在宽度方面，您的预标题将与您的广告系列的其余部分一样宽。 但是，在高度方面，它应该在 20 px 和 60 px 之间。

电子邮件标题

继续讨论您的广告系列中最重要的元素之一，即电子邮件标题！ 您可能已经注意到，活动可以有不同的电子邮件标题大小。 让我们看几个例子。

这是温德尔·奥古斯特·福奇的一篇：

（600×98 像素）

还有一个来自国外的金发女郎：

（600×255 像素）

两个标题的宽度相同，均为 600 像素。 但是，在高度方面，第二个是 255 像素高。

虽然像 Wendell August Forge 这样较小的标头非常适合台式机和移动设备，但标头稍高一点也不成问题（只要您先对其进行测试！）。 作为一项规则，您的电子邮件活动标题应该是大约60-70 像素高。 但是，如果您的徽标包含其他元素或菜单，则它可以高达 200 像素。

同样，不要忘记检查您的电子邮件营销软件工具的 Gmail 或 Outlook 预览窗格或预览模式！ 例如，Moosend 具有桌面和移动功能，可让您在将广告系列发送到您的电子邮件列表之前检查广告系列的外观。 您可以轻松注册一个帐户并免费试用！

电子邮件内容块

现在让我们看一下内容块的电子邮件大小。 这些块可能包含任何内容，从电子邮件副本和图像到 GIF、视频和 CTA！

关于宽度，您的内容块应遵循您选择的电子邮件模板大小。 但是，在身高方面，您需要记住一些事项。

首先，为了给你的观众最好的体验，你需要让你的内容块有价值和简短。 长内容块将导致电子邮件被放弃，并且电子邮件阅读时间短！ 你不需要任何这些。

下面，您将找到 Julie Blanner 的电子邮件营销活动，其中包含三个内容块：

每个块高 344 像素，包括一个图像、副本和一个简单的号召性用语。 从视觉上看，每个大陆块都易于阅读和参与。 极简主义的电子邮件设计也有助于博主的目的。

Julie Blanner 的电子邮件内容总共有 1032 像素高，不包括博主的签名块。 如果我们考虑以上所有因素，可以肯定地说您的内容块需要足够短，以便您的订阅者可以在几卷中查看它们。

所以，我们现在可以得出结论：

• 每个内容块的高度应约为 200-300 像素。
• 内容块的总高度应为800-1200 像素。

电子邮件页脚大小

最后但同样重要的是，我们有您的电子邮件活动页脚，您可以在其中找到社交媒体和退订按钮、网站链接等。

与您的页眉一样，页脚的长度可能会根据您的目标而有所不同。 例如，Modcloth 的页脚大小为 600 px 宽和 361 px 高：

上面的页脚与电子邮件设计配合得很好，因为它为订阅者提供了他们在关闭电子邮件之前需要查看的所有必要信息。 就高度而言，考虑到电子邮件页脚需要成为巧妙的最后手段才能吸引订阅者的注意力而不会惹恼他们，因此它可能会很长。

考虑到这一点，您的页脚的理想电子邮件大小应该是100 像素左右。 如果您需要包含更多元素，例如网站链接，请确保总长度不超过 300 像素。

其他电子邮件组件大小

除了您的预页眉、页眉、内容块和页脚之外，您还应该考虑您的横幅、CTA 按钮和图像大小。 让我们来看看！

电子邮件横幅

让我们谈谈横幅。 首先，电子邮件横幅通常是在您的电子邮件营销活动顶部找到的注入副本的图像。 出色的电子邮件横幅设计可以激发您的受众，并让他们有更多理由参与您的信息。

例如，这是 Velasca 的横幅示例：

品牌的横幅包括所有必要的信息来吸引订阅者的注意力。 它有自己的标志、清晰的副本、图形和 CTA 按钮。 另外，在尺寸方面，上面的例子是 600 px 宽和 612 px 高，根据下面的数据，这是相当理想的。

更具体地说，根据 Swift Digital 的说法，推荐的横幅尺寸应为：

• 600-700 像素宽（移动设备为 320-385 像素）
• 1730 像素高

号召性用语按钮

电子商务电子邮件营销人员通常会添加彩色 CTA 按钮来激励潜在客户采取行动。 另一方面，B2B 营销人员可能会添加一个超链接来引导他们的订阅者访问他们的网站或登录页面。

为了确保您的按钮与您的电子邮件设计保持一致，让我们看一些有趣的 CTA 按钮电子邮件大小数据：

• 平均 CTA 高度为47.9 像素
• 苹果建议高度为 44 像素
• 平均 CTA 有14 个字符

如您所见，电子邮件按钮的高度对于创建高效的 CTA 非常重要。 但是宽度呢？ 好吧，电子邮件营销人员会根据他们的目标选择不同的电子邮件按钮大小。 考虑以下示例。

国王剧院有一个非常简单的按钮，尺寸为 122.4 x 41.51 像素：

另一方面，巫师世界选择了更显眼的 CTA，宽 300 像素，高 60 像素：

理想情况下，您的 CTA 应该与您的视觉效果和电子邮件设计相协调，以确保它们在不过分的情况下脱颖而出。

虽然它们没有标准的宽度和高度，但您可以使用上面的 CTA 按钮结果作为更有效地创建您的按钮的指南！

电子邮件图像大小

首先，电子邮件浏览器读取的最流行的图像文件格式包括旧的JPG（或 JPEG）、PNG 和 GIF 。 但是尺寸呢？ 好吧，在宽度方面，您的图像将遵循您设置的模板大小。 因此，如果您设置了 640 像素的宽度，您的图像也会效仿。

不过，就长度而言，您应该首先考虑图像的目的。 如果用作横幅，那么它们应该在 800-1730 像素之间。 同样，如果您将它们用作时事通讯图像，则应达到 1200 像素。 不过，您不需要遵循标准的电子邮件图像尺寸。

在质量方面，您应该使用72 dpi的分辨率来提高视觉效果的整体性能！ 并且不要忘记针对视网膜显示器（iPhone、iPad 等）优化您的图像！

Moosend 等电子邮件编辑器将为您提供合适的选项，以确保您的 Apple 用户在图像质量方面获得最佳体验。

除了正确的尺寸外，请确保您的图像不要太大。 您可以使用 TinyJPG 或 Imagesmaller 等工具来压缩它们，从而避免剪裁。 如果可能，请尝试使用PNG 格式，因为它非常适合电子邮件活动。

最后但同样重要的是，请记住，大多数电子邮件客户端不会使用全角选项。 因此，当您创建消息的桌面版本作为预览时要小心，您的订阅者看到的内容可能会有所不同！

确定模板的最佳电子邮件大小

既然您知道最佳的电子邮件模板大小，您就可以创建每次都能正确显示的广告系列。

虽然您可以使用上述尺寸作为参考，但不要犹豫，使用一系列测试工具对它们进行试验。 此外，请注意您的移动优先用户以及对更具响应性的电子邮件的需求！

考虑到这一点，是时候为您的企业创建规模最大的电子邮件营销通讯了！

如果您想要一个高级工具来帮助您，请务必免费试用 Moosend 来创建响应式电子邮件，让您的听众感到震惊！