Email HTML电子邮件中的背景图像在移动设备上看起来很模糊

Email HTML电子邮件中的背景图像在移动设备上看起来很模糊,email,html-email,Email,Html Email,在手机上查看HTML电子邮件中的背景图像时,会显得模糊 有一种技术可以在移动设备上用较宽的横幅图像替换较小的背景图像。Acid上的电子邮件有一个解释,说明如何使用媒体查询隐藏img,并将背景图像添加到其父级td。很简单 然而,我的问题是,在我的石蕊测试和实际设备测试中,iPhone和Androids上的背景图像看起来很模糊。 还有其他人遇到过这个问题吗?我优化了jpg,使其看起来很好(photoshop的SaveforWeb功能中的85个质量设置)。在我的电脑上看起来不错 我还做了一个有趣的测试

在手机上查看HTML电子邮件中的背景图像时,会显得模糊

有一种技术可以在移动设备上用较宽的横幅图像替换较小的背景图像。Acid上的电子邮件有一个解释,说明如何使用媒体查询隐藏
img
,并将背景图像添加到其父级
td
。很简单

然而,我的问题是,在我的石蕊测试和实际设备测试中,iPhone和Androids上的背景图像看起来很模糊。

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

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


谢谢

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