【问题标题】:Displaying images in email by default默认情况下在电子邮件中显示图像
【发布时间】:2015-07-08 18:51:46
【问题描述】:

我刚刚使用我自定义设计编码的 EDM 的 mailchimp 发送了一封测试电子邮件。除非我专门单击“显示图像”,否则一切正常,除非图像不会显示。我在 Firefox 上的 gmail 中查看。考虑到发送给我的其他电子邮件会自动显示图像,这很奇怪。这与 Mailchimp 中的编码或某些设置有关吗?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Grill10 | Results</title>
    </head>

    <body>
        <center>
            <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="background:#3b4040;
                   padding-bottom: 100px;">

                <!-- HEADER -->
                <tr>
                    <td height="90px" width="100%" id="bodyTable" align= "center" style="background-image:
    linear-gradient(to right, #f00439, #f28d0d);" >
                        <img src="http://www.robertkoh.net/grill10site/img/g10logoEDM.png">
                    </td>
                </tr>

                <!-- ____ COMPLETED THE QUIZ -->
                <tr>
                    <td height="40px" width="100%" align= "center" style="display:inline-block;
                                                                          color:white;
                                                                          font-family:arial;
                                                                          font-size: 20px;
                                                                          margin-top: 20px;"
                                                                           >


                        <p id="username" style="display:inline-block;
                                                font-weight: bold;
                                                color:white;
                                                font-family:arial;">Janet</p>
                                                completed the quiz:
                    </td>
                </tr>

                <!-- QUIZ NAME -->
                <tr>
                    <td height="60px" width="100%" align= "center" style=
                                                                    "

                                                                    color:white;
                                                                    font-family:arial;
                                                                    font-size: 25px;
                                                                    text-transform: uppercase;
                                                                    line-height: 30px;
                                                                    padding-left: 10px;
                                                                    padding-right:10px;" >


                        <p id="quizname" style="display:inline-block;
                                                ">LAKERS FRANCHISE HISTORY REALLY LONG TITLE</p>

                       </td>
                </tr>

          <tr>
            <td>
              <table align="center" >
                <tr>
                  <td id= "scorebox" width= "80%" align="center" style="
                                                                                      color:white;
                                                                                      font-family:arial;
                                                                                      font-size: 25px;
                                                                                      line-height: 10px;
                                                                                      padding-bottom: 20px;
                                                                                      padding-left: 10px;
                                                                                      padding-right: 10px;
                                                                                      vertical-align: middle;">
                    <p id="username" style="font-weight:bold;display:inline-block;">JANET SMORTHSENWORTH</p> SCORED 8/10
                  </td>
                </tr>
              </table>
            </td>
          </tr>


                <!-- PROMPT -->

          <tr>
            <td>
              <table align="center" >
                <tr>
                  <td id= "scorebox" width= "80%" align="center" style="
                                                                                      color:white;
                                                                                      font-family:arial;
                                                                                      font-size: 20px;
                                                                                      line-height: 28px;
                                                                                      padding-bottom: 20px;
                                                                                      padding-left: 10px;
                                                                                      padding-right: 10px;
                                                                                      vertical-align: middle;">Think you can do better? Click below to try yourself!
                  </td>
                </tr>
              </table>
            </td>
          </tr>

                <!-- CTA BUTTON -->
                <tr>
                    <td>
                        <a href="#" style="text-decoration: none;">
                            <table height="50px" width="280px" align= "center" style="background: #68c357;
                                                                                      border-bottom: 6px solid #009d22;
                                                                                      color:white;
                                                                                      font-family:arial;
                                                                                      text-decoration: none;
                                                                                      ">
                                <tr>
                                    <td align= "center">
                                        GRILL ME
                                    </td>
                                </tr>
                            </table>
                        </a>
                    </td>
                 </tr> 

                 <!-- SOCIAL -->
                 <tr>
                    <td align="center">
                        <a href="#"><img src="http://www.robertkoh.net/grill10site/img/fbEDM.png" style="margin-top: 40px; margin-right: 13px;"></a>
                        <a href="#"><img src="http://www.robertkoh.net/grill10site/img/twitterEDM.png"></a>
                    </td>
                 </tr>        
            </table>


        </center>
    </body>
</html>

【问题讨论】:

  • 据我所知,这是不可能的。但在您自己的 gmail 帐户中,您可以将其设置为始终显示其中的图像。
  • 是的,这是客户的安全措施,我认为您无法对客户的偏好做任何事情,即默认不显示图像。

标签: css email html-email mailchimp


【解决方案1】:

实际上,您(作为发件人)对图像屏蔽无能为力。它是客户端的默认设置,由用户/接收者控制。

这是许多电子邮件客户端使用的一种安全措施,可帮助保护其用户免受通过下载的文件/图像进行的潜在恶意攻击。现在有很多人使用缓存图像系统,该系统允许电子邮件客户端将图像下载到沙盒服务器中,然后扫描文件以查找任何潜在问题。通过这样做,它允许图像安全地自动显示给接收者,就像他们从经过审查的沙箱下载而不是直接从不受保护的来源下载一样。

如果您个人希望您的 Gmail 自动显示图片,请访问此处获取说明:https://support.google.com/mail/answer/145919?hl=en

【讨论】:

  • 谢谢,是的,我知道这是电子邮件客户端的一项安全措施。但是为什么它只适用于我通过 mailchimp 发送给自己的测试电子邮件,而不适用于其他人收到的电子邮件?例如,我从 Facebook 或 nba.com 收到的所有垃圾邮件都会自动显示图像,而无需我激活它们。
  • 可能来自您客户端的设置。
猜你喜欢
  • 1970-01-01
  • 2016-11-30
  • 2014-03-17
  • 1970-01-01
  • 2011-09-10
  • 1970-01-01
  • 2020-08-20
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多