MF2
Images Not Showing in Gmail App for Android
So recently I noticed that the gmail android app is not displaying images. the show in yahoo (mobile & desktop), groupwise, gmail on desktop. my settings are set to always open images, I've cleared my cache, and restarted my device (Galaxy S5).
I spec all my images with alt tags, border =0, display=block, sometimes set min-width as well. my app
Has anyone experienced this? Are there any solutions?
Thanks,
Marie
Try setting a max-width: 100% attribute within the style..
This is what we use and works absolutely fantastic:
This worked for me
This must be an issue with your code, some clients can be more forgiving than other.
Are your images hosted from the same domain that you're sending your email from?
Can you please post your code for us to have a look.
Thanks!
yes the images are hosted in the same place as my html file. nothing has changed in that regard. here is a piece of the code....
Some android phones are smaller than 420px so setting a min-width of 420 stops the screen/viewport from getting any smaller than the 420px image. If you're to ever set a min-width on a responsive template, try using the most commonly used smallest phone size - which in my experience is 320px;
The only thing that's throwing red flags up for me is your sub-domain images, why not serve them from your main domain?
But otherwise since you said it worked fine in the past, here's what I'd do with the code you provided:
Please take note that you cannot shorthand padding like you were, it's not supported across the board and can be rather inconsistent. I don't think you'll need to reset the padding on that TD either but you may be resetting some padding that you've applied via your header CSS - so I've just corrected and left it. Also you cannot use shorthand for hex colours, use the full 6digit code #FFFFFF; Not #fff or it just won't display on some clients.
But yeah give that a go - hope it helped!
And I'm assuming everything has worked fine previously? Where are your images hosted? Have you tried a simple email with just one image?
yes it has. they are hosted on our internal server where they always have been hosted. code is posted above of a recent email I am trying to send..... It shows up fine in yahoo on mobile & desktop and gmail desktop but not on gmail for android.....
Hey, it looks like setting a min-width could be the culprit behind this.
Hopefully this helps!
If I don't add the min width then sometimes the image doesn't display properly. not sure what else to do?
Try not to use links on the image. It worked for me.
If you're using [class] brackets to set your CSS just remove it. This worked for us
So....
*[class].XXXXXX {
background: url('XXXXXXXXXXX') no-repeat center!important;
background-size: contain !important;
display: block !important;
width: 320px !important;
height: 180px !important;
}
Would become:
.XXXXXX {
background: url('XXXXXXXXXXXXXX') no-repeat center!important;
background-size: contain !important;
display: block !important;
width: 320px !important;
height: 180px !important;
}