Images not rendering in Gmail | Community

Level 2

Question

Images not rendering in Gmail

16 replies
9416 views
Translate

Hi MarketoNation!

I am sending out a holiday email and I can't get an image to render in gmail. The alt text isn't showing up either. I am using a Marketo quick start template they designed for us. I haven't had any issues in gmail using this template before - usually it's Outlook!

Here's a screen shot of how it is supposed to look:

Screenshot, 2019-12-16 22:18:58 - Paste.Pics

Here's a screen shot of how it looks in gmail:

Screenshot, 2019-12-16 22:17:48 - Paste.Pics

Any thoughts?

Thanks!

Marketo

Emily_KendallAuthor

Level 2

Here we go. I am not a coder, so I ask for grace and patience up front!

Supposed to look:

Looks in Gmail:

HTML Code:

<td align="center" class="image-width" style="font-size: 1px;line-height: 1px;">
<div class="mktoImg" id="Photosece888f4e1-07ef-420c-99af-74af318e237a" mktoname="Photo Image" mktolockimgsize="true">
<a href="www.phillipsedison.com" target="_blank"><img src="http://go.phillipsedison.com/rs/205-LAX-984/images/cheers-distributions-600-197.png" width="600" alt="$1.2B of Distributions" style="" /></a>
</div> </td>
</tr>

<tr>
<td style="line-height: 1px; font-size: 1px;" height="${Photo-bottom-space}"> </td>

Translate

SanfordWhiteman

Level 10

Press F12 in Chrome and select the Console tab.

Then refresh the page with the email open in Gmail. Do you see an error in the console?

When you right-click on that broken image icon and hit Inspect, what's the HTML visible in the Elements tab?

Translate

Emily_KendallAuthor

Level 2

here is what I see:

<img src="https://ci4.googleusercontent.com/proxy/YAztahu8BtnSxGS83Wjr4tLnx1k-3QF8zuutseiVp3ahMr8tVEjzT_DD3hzsOb6yuxXCyXdimydAl8vDE-chngMrpBRLnINh-C_jlcAGRD0aMz37fyCw3d6yyvL6OqQUkDm4_Q8k=s0-d-e1-ft#http://go.phillipsedison.com/rs/205-LAX-984/images/cheers-distributions-600-197.png" width="600" alt="$1.2B of Distributions" class="CToWUd">

Translate

SanfordWhiteman

Level 10

Please move those screenshots into the thread (paste them into the editor).

And of course show the pertinent piece of HTML, otherwise there's nothing to go on. Highlight the HTML using the syntax highlighter so it's readable.

Translate