加载缓慢的电子邮件通讯会降低点击率。图片是最大的罪魁祸首。平均一封通讯包含3至8张图片,如果每张 500 KB,在添加任何文字之前邮件就已超过4 MB。大多数电子邮件客户端在约102 KB时会超时或截断消息。 以下是如何让您的通讯图片足够小以实现快速加载,同时保持良好外观的方法。
为什么图片大小在邮件中很重要
电子邮件客户端(Gmail、Outlook、Apple Mail)不会立即加载图片——它们会等待收件人点击"显示图片" 或滚动页面。图片太重意味着等待时间更长。Gmail会截断超过102 KB的邮件,将其余内容隐藏在 "查看完整邮件"链接后面,这会严重影响参与度。使用慢速连接的移动用户感受最为明显:在1 Mbps 移动连接上,1 MB的主图需要8秒以上才能加载。
通讯图片的目标文件大小
- 主图:100 KB以下(最大200 KB)。
- 产品图片:每张30至80 KB。
- 图标和标志:5至20 KB。
- 邮件图片总负载:500 KB以下。
推荐像素尺寸
电子邮件通讯内容列通常为600 px宽。以这些尺寸作为起点:
- 主图/标题横幅:600 × 200 px 或 600 × 300 px
- 全宽产品图片:600 × 400 px
- 2列产品网格:每张图片280 × 280 px
- 标志:200 × 60 px(或与您品牌的比例匹配)
不要上传2000 px宽的图片让电子邮件客户端缩小它。它仍然会下载完整分辨率的文件。在上传到 Mailchimp、Klaviyo或您使用的任何平台之前,将其调整为实际显示尺寸。
选择正确的文件格式
电子邮件客户端对WebP的支持参差不齐(Gmail支持,Outlook 365不支持)。照片使用JPEG,具有 透明度或文字叠加的图形使用PNG。
- 80%质量JPEG:照片、产品图、生活方式图片。
- PNG-8或PNG-24:标志、图标、带透明背景的图片。
- 静态图片避免使用GIF — 调色板限制使照片效果很差。
如何压缩通讯图片
在上传到您的ESP之前,使用我们的图片压缩工具缩小文件大小。 放入主图,将质量设置为80至85%,然后下载。典型的4 MB手机照片在通讯尺寸下,在没有明显 质量损失的情况下可以变为80至120 KB。
对于产品目录的批量压缩:先使用我们的图片调整大小工具调整到 600 px宽,然后再压缩。这个两步流程可以可靠地生成100 KB以下的图片。
Mailchimp图片上传限制
Mailchimp的文件管理器接受每个文件最大10 MB的图片,但其图片编辑器有3 MB的 限制。实际上,Mailchimp建议将通讯图片保持在每张1 MB以下,整个活动大小在500 KB以下。 Klaviyo建议图片1 MB以下,邮件总大小200 KB以下,以获得最佳投递率。
视网膜屏幕注意事项
现代手机上大多数电子邮件客户端使用2×或3×像素密度。600 px宽的图片在Retina屏幕上看起来模糊。 解决方案:以1200 px宽上传,但将HTML的width属性设置为600 px,使其以一半尺寸 显示。下载量虽然更大,但在移动连接上电子邮件客户端会积极缓存图片——额外的大小通常值得 换来的清晰度。
发送前测试
在发送之前,务必给自己发送一封测试邮件,并在Gmail(网页版)、Apple Mail和Outlook中打开查看。 检查:图片能加载吗?文件大小合理吗?手机上有任何模糊的图片吗?Litmus或Email on Acid等工具 可以显示90多个客户端的渲染预览,但快速的个人测试能发现80%的问题。