Picovert

电子邮件营销图片尺寸和格式指南

Picovert 团队2026-03-095 分钟阅读

电子邮件是图片最不友好的环境。邮件客户端默认屏蔽图片，Outlook 忽略 CSS 背景图片，Gmail 删除外部样式，移动数据用户希望消息快速加载。要正确处理电子邮件图片， 需要了解这些限制 — 而不仅仅是选择一个尺寸然后期待最好的结果。

邮件宽度：600 px 规则

将您的邮件设计为 600 px 宽。这是最普遍安全的邮件宽度：

  • Gmail、Outlook 和 Apple Mail 在桌面端都能稳定地以 600 px 渲染
  • 许多邮件客户端无论浏览器窗口大小如何，都有固定的 600 px 渲染宽度
  • 在移动端，您的邮件应堆叠为 320–375 px 的单列 — 图片应为容器的 100% 宽度， 而非固定像素宽度
  • 避免：宽于 700 px 的邮件 — 在许多客户端中会被截断并强制横向滚动

常见邮件元素的图片尺寸

  • 主图/头图：600×200 px 或 600×300 px（取决于主图高度）。 这是邮件顶部的全宽图片 — 将关键信息保持在中央，以防在窄屏上被裁剪
  • 产品图片：1:1 正方形使用 600×600 px，或 600 px 邮件中并排布局使用 300×300 px。正方形图片对产品拍摄最为通用
  • 缩略图：文章或产品网格使用 150×150 px 至 200×200 px
  • Logo：横向 logo 使用 200×50 px，或正方形 logo 最大 150×150 px。 保持文件大小小巧（20 KB 以下）— 每封邮件都会加载它
  • 页脚图片：社交图标使用 30×30 px

文件大小目标

邮件总大小影响送达率和加载速度：

  • 单张图片：尽可能将每张图片保持在 100 KB 以下。 85% JPEG 质量的 600×300 主图应为 20–50 KB
  • 邮件总计：目标总计低于 1 MB（HTML + 从服务器加载的图片）。 Gmail 会截断超过 102 KB 原始 HTML 的邮件 — 图片是外部的，不计入该限制， 但加载缓慢的图片会损害参与度
  • 动态 GIF：邮件用 GIF 保持在 1 MB 以下。许多移动邮件应用 在 GIF 太大或连接速度慢时只显示第一帧

电子邮件最佳图片格式

  • JPEG：用于照片和有渐变的图片。最佳压缩， 所有邮件客户端通用支持。使用 80–85% 质量以获得良好的大小与质量平衡
  • PNG：用于需要透明背景的 logo、图标和图形。 对于照片内容比 JPEG 大，因此仅用于真正需要透明度的资产
  • GIF：唯一在邮件中广泛支持的动画格式。 注意 Windows 版 Outlook 2007–2019 只显示第一帧 — 设计第一帧使其作为静态图片有意义
  • WebP 和 AVIF：不要用于邮件。这些现代格式在邮件客户端中支持较差 — Outlook 完全忽略它们。坚持使用 JPEG、PNG 和 GIF

视网膜和高 DPI 显示屏

大多数现代手机和许多笔记本电脑有 2× 或 3× 像素密度屏幕。要在这些屏幕上清晰显示图片：

  • 使用显示宽度 2× 的图片 — 对于 600 px 宽的邮件图片，上传 1200 px 宽的图片， 并在 HTML 中使用 width="600" 将其限制为 600 px 宽
  • 这会使图片文件大小加倍，所以要积极压缩。70% 质量的 1200 px JPEG 用于邮件显示仍然清晰，可能与 90% 质量的 600 px 图片文件大小相同

始终编写 Alt 文字

许多邮件客户端在用户明确批准加载之前默认屏蔽图片。Android 上的 Gmail 立即显示图片， 但 Windows 版 Outlook 默认屏蔽它们。如果您的邮件只有图片没有 alt 文字， 屏蔽了图片的收件人会看到一封空白邮件。

  • 为每张图片编写描述性 alt 文字：alt="夏季促销 - 全场商品8折" 而非 alt="image1.jpg"
  • 对于不添加信息的装饰性图片，使用空 alt 标签：alt=""
  • 永远不要使用图片来显示关键文字，如主题行、行动号召或价格 — 屏幕阅读器和纯文本邮件客户端无法读取图片中的文字

图文比例与垃圾邮件过滤器

垃圾邮件过滤器会对几乎全是图片而文字很少的邮件进行惩罚 — 这是垃圾邮件活动的常见模式。遵循 60/40 规则：

  • 目标是邮件中至少 60% 文字区域，最多 40% 图片区域
  • 永远不要发送单图片邮件（没有周围文字的图片）— 很可能触发垃圾邮件过滤器并完全绕过无障碍访问
  • 包含关键信息的可见文字：价格、优惠、行动号召 — 即使它与图片内容在视觉上重叠

分步指南：准备邮件营销图片

  1. 主图：在 1200×600 px 设计，然后以 80–85% 质量导出为 JPEG。 使用图片压缩缩小到 100 KB 以下
  2. 产品图片：正方形布局调整大小为 600×600 px， 网格布局调整为 300×300 px。80% 质量的 JPEG
  3. Logo：导出为带透明度的 PNG。调整大小为 200×50 px 或适当尺寸。保持在 20 KB 以下
  4. 动态 GIF：使用 GIF 压缩工具缩小到 1 MB 以下。 确保第一帧为 Outlook 用户传达完整信息
  5. 测试：在发送到列表之前向 Outlook、Gmail 和 Apple Mail 发送测试邮件。 在浏览器中看起来正常的图片在邮件客户端中可能渲染不同

邮件营销图片快速参考

  • 邮件宽度：600 px（不超过 700 px）
  • 主图：600×200–300 px，100 KB 以下，JPEG
  • 产品图片：600×600 px 或 300×300 px，JPEG
  • Logo：横向 200×50 px，PNG，20 KB 以下
  • 动态 GIF：1 MB 以下；第一帧 = 静态备用
  • 使用的格式：仅 JPEG、PNG、GIF — 不使用 WebP 和 AVIF