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

Question

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

有一种技术可以在移动设备上为较小的背景图像换出更宽的横幅图像。 Email on Acid有一个nice write-up，它解释了使用媒体查询来隐藏img并向它的父代td添加背景图像。很简单。

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

有没有其他人遇到过这个问题？我对JPG进行了优化以使其看起来很好（在photoshop中为网页功能保留了85个质量设置）。在我的电脑上看起来不错。

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

谢谢！

Answer 1

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