关于电子邮件图像最佳实践

预计阅读 4 分钟 | 更新于 2026年4月21日 9:54 AM EST

了解在 Klaviyo 电子邮件中使用图像时的最佳实践,包括尺寸建议以及如何添加图像。

在电子邮件中使用图像的最佳实践

创建在电子邮件中使用的图像时请考虑以下事项:

  • Klaviyo 支持 JPEG、PNG 和 GIF 图像文件。您还可以上传 WebP 文件并选择让 Klaviyo 自动将其转换为 PNG 文件。一般来说,PNG 文件在不同设备上的显示效果最佳,特别是对于包含文本的图像。 – Klaviyo 支持的最大图像文件大小为 10MB。但是,我们建议使用 1MB 或更小的图像,因为较大的图像可能加载缓慢,导致收件人体验不佳。 Klaviyo 的内置图像压缩工具可以帮助减小上传图像的文件大小,而不会显着损害质量。 – 在网络上,使用 72dpi 分辨率是最佳实践。尽量将全角图像的宽度保持在 600 到 1000 像素之间,高度保持在 2000 像素以下,以平衡图像质量和加载速度。小于电子邮件全宽的图像可以小于 600 像素。 – 请注意,72dpi 的全角图像通常会大于 1MB,减小图像的大小可能会导致图像明显模糊或质量低下。选择在邮件中使用的图像时,请考虑图像质量和加载时间之间的权衡:当有人打开您的电子邮件时,大图像可能不会立即显示,特别是当他们的互联网连接速度较慢时。 – 始终向您的图像添加替代文本。某些收件箱(包括 Outlook 和 Apple Mail)在收件人选择查看图像之前不会显示图像。包含替代文本可以帮助使用这些收件箱的收件人了解图像要传达的含义,并且还支持可访问性。

插入图像块

要将图像添加到模板中:

  1. 将图像块拖到预览画布中,然后选择要包含的图像。
图片块
图片块
  1. 放置图像块后,系统将提示您通过以下方式添加图像:

如果您上传图像,则可以上传的最大图像大小为 10 MB。

自动图像文件压缩

Klaviyo 在图像上传过程中包含一个自动图像压缩工具,可帮助您平衡图像清晰度和快速加载时间。请注意,GIF 不支持此功能。当您上传图像时,查看步骤会显示您的原始文件和压缩版本以进行比较。每个预览都会显示文件大小以及它们之间的百分比差异。图像上方的切换开关可让您选择要上传的版本,并且 Klaviyo 在其建议选择上添加了 推荐 徽章。但是,如果您发现压缩版本的清晰度下降(较小的原始文件可能会出现这种情况),您可以覆盖此设置。

图像上传过程中的审核步骤显示图像文件比较。
图像上传过程中的审核步骤显示图像文件比较。

请注意,如果推荐原始图像,图像比较面板默认关闭。如果您一次上传多张图片,请务必分别查看每张图片并选择您的首选选项。

上传设置

如果您想在上传图像时跳过审核步骤,请调整您的上传设置。上传图像时,您会看到上传设置按钮。

在上传图像模式中选择上传设置按钮。
在上传图像模式中选择上传设置按钮。

您在此处的选择可以保存以供将来上传。您可以选择:

  • 比较(默认):查看原始版本和压缩版本并进行选择。 – 使用原件:始终上传您的原始文件;没有审查步骤。 – 使用压缩:始终上传Klaviyo的自动压缩版本;没有审查步骤。

裁剪图像

图像块、分割块和表格块中的图像可以轻松裁剪。

  1. 单击图像块。
  2. 单击左侧图像图标下方的裁剪。您可以选择将图像裁剪为具有自定义宽度和高度的圆形、正方形或矩形。当您在编辑器中裁剪图像时,会保留完整图像,这意味着您可以随时调整或删除裁剪。
侧边栏中图像图标下方的裁剪按钮
侧边栏中图像图标下方的裁剪按钮
  1. 完成裁剪后,单击后退箭头应用更改。
图像裁剪选项菜单中的后箭头
图像裁剪选项菜单中的后箭头

调整图像大小

要调整图像大小,请使用画布中的调整大小滑块。

画布中带有调整大小滑块的选定图像
画布中带有调整大小滑块的选定图像

上传的 HTML 模板中的图像

对于复制到 Klaviyo 的 HTML 模板(MailChimp 模板除外),您将在导入过程中上传包含图像的 zip 文件。特别是对于 MailChimp 模板,如果您上传的模板包含已在 MailChimp 中加载的图像,Klaviyo 将自动复制所有这些图像。上传图像后,您可以使用插入图像按钮上传该模板的新图像:

插入图片 HTML
插入图片 HTML

图像质量

如果您担心图像在模板中渲染得不那么干净或清晰,您可以采取措施来提高图像质量。提高电子邮件中渲染图像清晰度的流行标准之一是插入所需大小 2 倍的图像,然后减小模板中的图像大小。有两种方法可以解决这个问题:

  1. 将大而清晰的图像版本插入模板中,然后单击编辑并调整大小到您喜欢的尺寸
  2. 插入原生较大的图像(即600px宽)并使用CSS以较小的尺寸(即300px宽)显示;要采用这种方法,您需要将图像插入文本块并调整 CSS 源代码

图像类型

Klaviyo 支持以下图像类型:JPEG、PNG 和 GIF。您可以上传 WebP 文件,并使用 Klaviyo 的内置转换器将其转换为 PNG 文件。但是,动画 WebP 文件不支持转换。

Klaviyo 中的弹出消息指出 .webp 文件上传可以转换为 .png,动画 .webp 文件除外。
Klaviyo 中的弹出消息指出 .webp 文件上传可以转换为 .png,动画 .webp 文件除外。

如果您有其他文件格式,例如 PSD 或 SVG,则需要在上传之前将它们转换为支持的图像类型。详细了解哪些图像类型最适合您的电子邮件

图片库

您上传到 Klaviyo 的图像存储在内容>图像和品牌>图像下。从图像库中删除图像不会从当前使用该图像的任何模板中删除该图像。