【问题标题】:Background Images in HTML Email look blurry on mobile devicesHTML 电子邮件中的背景图像在移动设备上看起来很模糊
【发布时间】:2017-04-07 00:45:28
【问题描述】:

在手机上查看时,HTML 电子邮件中的背景图像看起来很模糊。

有一种技术可以在移动设备上将较宽的横幅图片替换为较小的背景图片。 Acid 上的电子邮件有一个 nice write-up,它解释了使用媒体查询隐藏 img 并向其父 td 添加背景图像。很简单。

但是,我的问题是在我的 Litmus 测试和实际设备测试中,iPhone 和 Android 上的背景图像看起来很模糊。

还有其他人遇到过这个问题吗?我优化了 jpg 以使其看起来不错(photoshop 的 save for web 功能中的 85 质量设置)。在我的电脑上看起来不错。

我还做了一个有趣的测试,我在 iPhone4 上使用移动 safari 查看了电子邮件的 html,并且背景图像并不模糊。而当我使用 mailchimp 发送电子邮件时,它在我的手机上看起来很模糊。

谢谢!

【问题讨论】:

    标签: email html-email


    【解决方案1】:

    您看到的是 Android / iPhone 缩放背景图像以匹配其像素密度。您应该能够将背景图像放大两倍,并将样式设置为 background-size:100px 100px;td 上的任何原始尺寸。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-02-13
      • 2015-10-30
      • 1970-01-01
      • 1970-01-01
      • 2011-05-16
      • 2014-03-28
      • 2013-04-03
      • 1970-01-01
      相关资源
      最近更新 更多