如何避免 html 电子邮件中出现模糊图像？
How do I avoid fuzzy images on html emails?
当我从 photoshop 导出图像时，特别是如果它们有文字，并且我在 HTML 营销电子邮件中使用它们时，它们看起来模糊不清，如下例所示：
按钮中的文本模糊
当我以 png 格式单独打开图像时，它看起来不错，但是当在 eshot 中使用并在浏览器中预览时，它看起来很模糊。
以下是我在 HTML 中插入图片的方式：
<tr>
<td width="210" align="center">
<a href="link">
<img style="display: block;margin: 0;padding: 0;" width="210" src="images/take-a-look-contemp.png">
</a>
</td>
</tr>
以下是我如何从 photoshop 导出图像：
Photoshop 导出规范
图像的真实宽度为 1307 像素，因此当您将其作为 210 像素插入时，浏览器必须将其缩小，从而导致模糊 -- 但仅在缩小时才会发生。
如果导出为 210px，它会很清晰，420px 也可以（以适应高密度像素屏幕，例如 iPhone 上的视网膜屏幕）。 420px 之所以有效，是因为在 210px 时它的大小为 50%，这显然很容易缩放。其他一切都会模糊。
当我从 photoshop 导出图像时，特别是如果它们有文字，并且我在 HTML 营销电子邮件中使用它们时，它们看起来模糊不清，如下例所示：
按钮中的文本模糊
当我以 png 格式单独打开图像时，它看起来不错，但是当在 eshot 中使用并在浏览器中预览时，它看起来很模糊。
以下是我在 HTML 中插入图片的方式：
<tr>
<td width="210" align="center">
<a href="link">
<img style="display: block;margin: 0;padding: 0;" width="210" src="images/take-a-look-contemp.png">
</a>
</td>
</tr>
以下是我如何从 photoshop 导出图像：
Photoshop 导出规范
图像的真实宽度为 1307 像素，因此当您将其作为 210 像素插入时，浏览器必须将其缩小，从而导致模糊 -- 但仅在缩小时才会发生。
如果导出为 210px，它会很清晰，420px 也可以（以适应高密度像素屏幕，例如 iPhone 上的视网膜屏幕）。 420px 之所以有效，是因为在 210px 时它的大小为 50%，这显然很容易缩放。其他一切都会模糊。