即使在Chrome中直接打开HTML,HTML电子邮件签名中的图像也会显得模糊

时间:2018-11-07 14:27:54

标签: html image email cross-browser html-email

直接在托管位置访问图像时,图像本身不会模糊。 HTML电子邮件签名使其在Chrome中显得模糊,即使直接在Chrome中打开(而不是通过电子邮件客户端)也是如此。这是HTML:

open class TestVerticle: CoroutineVerticle() {

  override suspend fun start() {

    awaitBlockingExample()

  }

 fun awaitBlockingExample():String {

    val future= async(vertx.dispatcher()) {

        makeSuspendFunCall()
     }
     val result:String= runBlocking(vertx.dispatcher()){future.await()}
     println(" The final Result is $result")
     return result
   }

  suspend fun makeSuspendFunCall():String{
    println("Comming here 3")
    delay(500)
    val resp="Test"
    return resp
  }

}
fun main(args: Array<String>) = runBlocking {
    Vertx.vertx().deployVerticle("TestVerticle")
}

我无法在任何浏览器中复制该问题,但是我尝试添加:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>table{padding:0px;}td{padding-right:5px;}p{font-family:Arial;color:#002956;font-size:14px;margin:0;}a{text-decoration:none;color:#002956;}</style>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td width="226" align="center" style="padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 16px; border-right: 1px solid #cdcdcd;">
        <a href="https://www.jccgci.org/" target="_blank"><img src="https://www.jccgci.org/wp-content/uploads/2018/10/JCCGCI_logo_email.png" width="226" height="auto"></a>
    </td>
    <td width="300" style="padding-left: 16px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px;">
        <p style="margin:0; font-family:Arial; font-size:14px; color:#002956;"><b style="text-transform: uppercase; font-family:Arial;">Name</b><br />
          Job Title<br />
          Department<br /><br />
          <a style="font-family:Arial; font-size:14px; color: #002956 !important; text-decoration: none !important;" href="tel:7184495000,1234"><b style="color: #00aae7">T:</b> (718) 449-5000 x 1234</a><br />
          <a style="font-family:Arial; font-size:14px; color: #002956 !important; text-decoration: none !important;" href="fax:3479623683"><b style="color: #00aae7">F:</b> (347) 962-3683</a><br />
          <a href="https://www.google.com/maps/place/Jewish+Community+Council+of+Greater+Coney+Island,+Inc/@40.572754,-74.0043667,17z/data=!3m1!4b1!4m5!3m4!1s0x89c245c3a27e574d:0x104ef0508520982a!8m2!3d40.5727499!4d-74.0021727" target="_blank">3001 West 37th Street<br />
          Brooklyn, NY 11224</a><br /><br />
          <a style="font-family:Arial; font-size:14px; color: #002956 !important; text-decoration: none !important;" href="https://www.jccgci.org/" target="_blank"><b style="color: #00aae7">JCCGCI.ORG</b></a><br />
          <span style="font-family:Arial; font-size: 12px;"><a href="https://www.nphd.org/" target="_blank"><b>nphd.org&nbsp;</b></a>  |  <a href="http://connect2ny.org/" target="_blank"><b>connect2ny.org&nbsp;</b></a>  |  <a href="http://friendlyvisitingny.org/" target="_blank"><b>friendlyvisitingny.org&nbsp;</b></a></span>
        </p>
    </td>
</tr>
</table>
</body>
</html>

这实际上导致图像在Firefox和Safari中出现锯齿状,因此我将其取出。关于https://www.jccgci.org/wp-content/uploads/2018/10/JCCGCI_logo_email.png为什么在浏览HTML电子邮件签名时而不是在直接访问图片时为何在Chrome中显示模糊的想法?我很沮丧,特别是因为我无法复制它。打开上述HTML时,是否有人认为图像模糊?

0 个答案:

没有答案