PNG 是“便携式网络图形”的缩写,是 JPEG 和 GIF 的结合体,因为它支持透明度,同时支持 8、24 以及 32 位颜色通道。正如您在下面的示例电子邮件中看到的,PNG-8 显示了 GIF 示例电子邮件中出现的条带,但 PNG-24 格式在黑色背景下显示了无缝前景。
HTML 电子邮件中的示例 PNG-8
HTML 电子邮件中的示例 PNG-24
简而言之,这三种文件格式的最佳用例是:
JPEG/JPG:展示现实世界元素、部件和库存照片的照片。
GIF:显示任何动画或将不使用太多颜色的元素混合到背景中。
PNG:当您需要将图像与背景颜色混合时。
PNG 是透明度和无损、较小文件的理想选择。较大的文件则不然,除非您需要无损图像。GIF 在很大程度上是一种新奇事物,仅适用于动画,但可以生成小型 8 位图像。JPG 仍然是互联网上照片和类似照片的图像的王者,但要小心,因为您的文件每次保存都会降级。此外,精心设计和编码的电子邮件可以帮助您成功开展出色的活动。您所需要的只是高效的电子邮件活动管理服务来帮助您。
继续阅读,了解在电子邮件中使用视网膜图像的重要性。
在电子邮件中使用 Retina 图像的重要性
无论何时,只要您需要在电子邮件中嵌入图像,无论是PSD 到 HTML 电子邮件转换还是任何其他格式,都要确保图像质量高。这样做的原因是,大量电子邮件是在移动和桌面设备上打开的(约 45% 和 18%),而这些设备具有高密度显示屏。如果您想知道高密度显示屏会对您的图像产生什么影响,以下是证据:
电子邮件图像 - HTML 电子邮件中的 Retina 图像
通常,高密度显示器的像素密度约为 441ppi,是标准显示器的两倍。这意味着电子邮件副本中 600px 的容器(包含 600px 的图像)将被拉伸到 1200px。因此,图像也将拉伸到 1200px 并变得模糊 - 因为图像没有足够的视觉数据来补偿缺失的像素。
因此,将 1200px 的图像挤在 600px 的容器内以呈现像素完美的 HTML 邮件图像是一种很好的做法。
素材、矢量图和插画——哪种方法最有效
现在我们来谈谈在电子邮件中应该使用哪种类型的图像这一重要问题。电子邮件中使用的图像主要有 3 种类型。
库存和现实世界的照片
基于矢量的图像
插图
库存照片是真实世界的照片。使用照片的优点是电子邮件收件人可以了解产品的真实触感。因此,服装、冒险运动和食品行业等品牌大多使用照片。
图片来源
图:在这封 Notorious Nooch 发送的电子邮件中,他们展示了其产品的真实照片,以便更好地进行展示。
在HTML 电子邮件模板示例中使用照片的唯一问题是产量猛增,而且,您从 Shutterstock、Pexels 和 Unsplash 等网站获取的库存照片有时看起来也是虚构的和不相关的。
矢量图像是在图像编辑软件(例如 Adobe Photoshop、Illustrator、洪都拉斯 手机号码列表 Google Sketch 或 Corel Draw)上创建的图像。无关性范围和制作成本相当低,因为任何概念都可以在软件上设计。
图片来源
这种艺术作品在 SAAS、服务、代理和 B2B 公司的品牌中被广泛使用。使用此类图像的唯一缺点是,由于这些图像是可编辑的,因此很难得出现实世界的联系。
这种设计的另一种变体是在真实照片中添加色彩描边、几何形状和其他类似元素。例如,看看 Love Cocoa 的这个电子邮件模板。
图片来源
在电子邮件中使用图像的不同方法
如果电子邮件中只有一张图片,那简直就是罪过。在电子邮件中,保持文本和图片的比例为 80:20 非常重要。
您知道单张图片(禁用图片)的外观吗?如下所示:
Bucketfeet - HTML 电子邮件中禁用图像
但这并不意味着您需要以传统方式在电子邮件中使用图片。下面列出了您可以以不同方式使用图片以创造更好的用户体验的不同方法。