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

Question

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

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

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

还有其他人遇到过这个问题吗？我优化了jpg以使其看起来很好（在Photoshop中的85质量设置除了网页功能）。它在我的电脑上看起来不错。

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

谢谢！

Answer 1

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