Question

新的Gmail网格视图会在网页中的电子邮件中显示所选图片。我发现Gmail的图片自动选择例程可能会进入一种状态，导致网格视图中没有显示图像，即使电子邮件中有足够的图像候选者。

我认为这是由选择图像的例程和处理图像的例程之间的冲突引起的。

使用Offer架构标记（绕过自动选择过程）时，Gmail允许我使用小到233x161的图像 - 这表明图像处理器的最小值为233x161。
对于没有商品架构的电子邮件，Gmail会通过扫描HTML图片的宽度和高度属性，在电子邮件中选择小至100x100的图片。
如果选择的图像介于100x100和233x161之间，则永远不会渲染，导致电子邮件中可能包含其他较大图像的电子邮件在网格视图中没有特色图像。

以下是我得出这个结论的方法。

Here是我所指的代码：

<html><body>

  <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
    <tr>
      <td align="center" valign="top" bgcolor="#ffffff">
        <table width="560" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><img style="display:block;" src="http://f.e.ae.com/i/35/2075863384/AE_Email_140326_3_header_01_01.gif" alt="American Eagle Outfitters" width="154" height="74" border="0"></td>
          </tr>
        </table>
        <table width="560" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
          <tr>
            <td><a href="http://e.ae.com/a/hBTOriFB7uylYB85J-eNut-HqBq/aeo12?AAP_FLAG=N&CUSTOMER_NBR=1317324495393" target="_blank"><img style="display:block;" src="http://f.e.ae.com/i/35/2075863384/AE_Email_140326_3_header_02_01.gif" alt="Men" width="58" height="43" border="0"></a></td>
            <td><a href="http://e.ae.com/a/hBTOriFB7uylYB85J-eNut-HqBq/aeo13?AAP_FLAG=N&CUSTOMER_NBR=1317324495393" target="_blank"><img style="display:block;" src="http://f.e.ae.com/i/35/2075863384/AE_Email_140326_3_header_02_02.gif" alt="Women" width="91" height="43" border="0"></a></td>
            <td><a href="http://e.ae.com/a/hBTOriFB7uylYB85J-eNut-HqBq/aeo7a?AAP_FLAG=N&CUSTOMER_NBR=1317324495393" target="_blank"><img style="display:block;" src="http://f.e.ae.com/i/35/2075863384/AE_Email_140326_3_header_02_03.gif" alt="Aerie" width="78" height="43" border="0"></a></td>
            <td><a href="http://e.ae.com/a/hBTOriFB7uylYB85J-eNut-HqBq/aeo11?AAP_FLAG=N&CUSTOMER_NBR=1317324495393" target="_blank"><img style="display:block;" src="http://f.e.ae.com/i/35/2075863384/AE_Email_140326_3_header_02_04.gif" alt="Shoes" width="83" height="43" border="0"></a></td>
            <td><a href="http://e.ae.com/a/hBTOriFB7uylYB85J-eNut-HqBq/aeo10?AAP_FLAG=N&CUSTOMER_NBR=1317324495393" target="_blank"><img style="display:block;" src="http://f.e.ae.com/i/35/2075863384/AE_Email_140326_3_header_02_05.gif" width="120" height="43" alt="Clearance" border="0"></a></td>
            <td><a href="http://e.ae.com/a/hBTOriFB7uylYB85J-eNut-HqBq/aeo8a?AAP_FLAG=N&CUSTOMER_NBR=1317324495393" target="_blank"><img style="display:block;" src="http://f.e.ae.com/i/35/2075863384/AE_Email_140326_3_header_02_06.gif" width="130" height="43" alt="AEO Factory" border="0"></a></td>
          </tr>
        </table>

        <table width="560" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
          <tr>
            <td><a href="http://e.ae.com/a/hBTOriFB7uylYB85J-eNut-HqBq/aeo9b?AAP_FLAG=N&CUSTOMER_NBR=1317324495393" target="_blank"><img style="display:block;" src="http://placehold.it/560x117" alt="Just Because It's April 1st Doesn't Mean It's April Fools..." width="560" height="117" border="0"></a></td>
          </tr>
        </table>
        BANNER 1 560x117 (above)<BR><BR>

        <table width="560" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
          <tr>
            <td><a href="http://e.ae.com/a/hBTOriFB7uylYB85J-eNut-HqBq/aeo9c?AAP_FLAG=N&CUSTOMER_NBR=1317324495393" target="_blank"><img style="display:block;" src="http://f.e.ae.com/i/35/2075863384/AE_Email_140326_3_body_01.gif" alt="Est. 2014 | American Beagle Outfitters" width="560" height="209" border="0"></a></td>
          </tr>
        </table>
        <BR>BANNER 2 560x209 (above)<BR><BR>

      </td>
    </tr>
  </table>

</body></html>

此电子邮件包含两个＆＃34;主要图片＆＃34;：

560x117
560x209

如果您向自己发送此电子邮件，则不会显示精选图片。

但是，如果您将560x117中引用的图像与高于161像素的图像交换，即。 560x162然后560x162图像将在网格视图中显示。

这让我相信以下情况正在发生：

图像选择程序选择了560x117图像，因为它已经通过＆＃34;它的最小尺寸（100x100）。
然后将其发送给图像处理器。
在第一个场景中，处理器检索到图像并实现其小于其最小尺寸（233x161）并拒绝它并且网格视图中没有显示图像。
在第二种情况下，当检索图像时，虽然HTML宽度和高度属性表示其为560x117，但图像处理器检索图像并将实际图像尺寸检测为560x162。由于这高于最小值，因此图像将在网格视图中处理并显示。

我添加了第二张图片，表明如果您只是删除了第一张图片（在单独的测试中），则会显示560x209图像 - 这让我相信第一张图片导致问题，因为没有图片原来都是。

可能的解决方案：

将图像自动选择程序更改为仅选择233x161或更大的图像

Gmail网格视图中的精选图片自动选择问题

0 个答案: