Retina上的徽标资产很清晰，但在标准显示屏上却很模糊

Question

我在网上发现的大多数问题都是关于视网膜上资产模糊的问题。然而，我们正在经历相反的情况：我们的标识在Retina上很清晰，但在标准显示器上却很模糊。

源资产是一个向量。我们使用Illustrator导出高度为60px和72dpi的徽标。我使用内联CSS将其渲染为30px高（根据Litmus和MailChimp的在线教程）。

我正在使用它来渲染它：

 %img{src: "foo", height:"30"} 

我们尝试过的一些事情：

• PNG，JPG和GIF。

• QA'ing on different clients。问题出现在三种不同的MacBook（它看起来不错）和三种不同的标准宽屏显示器（它看起来很模糊）。

• 尝试确定这是一个电子邮件，还是一个图像的东西。然而，在Gmail和预览中都注意到了差异（我意识到这可能不是最好的方法，但它与我们的发现一致）。

感谢任何指导。