Gmail会在HTML电子邮件的图片上显示下载图标

Pan*_*bey 10 email gmail email-client html-email email-attachments

我们有一个Html Builder,允许您为电子邮件创建响应式HTML.我们正在使用第三方引擎批量发送电子邮件.问题是,当电子邮件在Gmail收件箱正在运行结束,它显示一些图像(不是全部)的下载图标,而相对于没有下载图标的图像时,其生成的html是一样的.

悬停下载图标

为什么gmail会在电子邮件中添加图像的下载图标.看起来像处理图像像附件.任何信息,修复或建议表示赞赏?这是我们发送的生成的html-

<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" class="bodyContainer">
    <tr>
        <td align="center" valign="top" >
            <table border="0" cellspacing="0" cellpadding="0" class="emailContainer">
                <tr>
                    <td>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td style="text-align: center; padding: 0px;">
                                                <img src="http://img.xyz.net/gallery/212aeedd-2672-4960-a81c-8b78635c8fd9/firsthalf.jpg" width="598" border="0" style="max-width: 600px;" hspace="0" vspace="0">
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td style="text-align: center; padding: 0px;">
                                                <img src="http://img.xyz.net/gallery/212aeedd-2672-4960-a81c-8b78635c8fd9/secondhalf.jpg" width="300" border="0"style="max-width: 300px;" hspace="0" vspace="0">
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td style="text-align: center; padding: 0px;">
                                                <img src="http://img.xyz.net/gallery/212aeedd-2672-4960-a81c-8b78635c8fd9/2110513155A40L.jpg?asd" width="250" border="0" style="max-width: 250px;" hspace="0" vspace="0">
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                        <tr>
                                            <td>
                                                <h1>Ready To Create An Amazing Product??</h1>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td>Now that you've selected your template layout, it's time to get the creative juices flowing and show off your awesome email marketing skills. You can build the perfect email using our powerful and easy-to-use editor. You can drag-and-drop different types of blocks directly into your email and start adding text, images and links. You can also go to the 'Design' tab to customize all the fonts and colors.</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td valign="top">
                                    <div align="center">
                                        Phone: 555-555-1234 | Email: email@my-website-address.com
                                        Web: www.my-website-address.com
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <div class="complianceFooter">
            </div>
        </td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

以下链接想知道somthing similer ..

http://www.codeproject.com/Questions/439012/Email-images-are-rendered-as-attachments-in-gmail

https://productforums.google.com/forum/#!topic/gmail/BosiJUnYDt0

是某种bug还是其他什么?如果你们可以提供任何链接或东西,这将是伟大的..谢谢你们

TWG*_*ard 10

我通过将我的大图像包装在像这样的锚标签中来解决这个问题:

<a href='#'>

如果您不希望用户的光标指示链接,请添加style='cursor: default;'到您的img元素.

  • 'style="cursor:default;' 似乎对我不起作用。您是否需要在悬停时添加它,而您无法在内联上进行... (3认同)

小智 7

这是几周前Google实施的一项新功能,我相信它只适用于"大型"图片,但我无法找到确切的限制.在你有一个非常大的英雄形象的情况下似乎发生了更多.

作为一项功能,我认为它更适用于您认识的人为您提供嵌入电子邮件中的照片,还有另一项功能可让您将其直接添加到您的Google云端硬盘.

来自Gmail的Google Plus帖子

关于它的博客文章