Repurpose your Images for Mobile Email |
|
10.19.2011 Get connected with Email on Acid for up-to-date news and information on the subject of email design, development, and testing! |
By Michelle KlannNovember 24, 2010 |
The iPad Gmail Application does not Support ImagesYou heard correctly, the Gmail app for the iPad does NOT support images within HTML emails. Instead it displays them as if they are blocked and as far as we can see, there is no option for turning off the image blocking. With an ever growing population of iPad users, this creates an interesting challenge for designers - especially when it comes to image heavy emails where the primary message is embedded within a table of sliced images. So what happens when your images are blocked? The app will only display the ALT or TITLE text in place of your images if you include a width and height attribute or CSS property. If you don't include the image dimensions, it will render as a small, grey outlined box. If you do include them, your ALT or TITLE text will display within a gray outlined box set to the original dimensions of your image. If you have included both ALT and TITLE attributes, it will display the ALT text. For example: <img src="http://www.test.com/image.jpg" title="This is the image description" alt="This is the image description" width="400" height="250">
or <img src="http://www.test.com/image.jpg" title="This is the image description" alt="This is the image description" style="width:400px; height: 250px">
Here is an example of our recent November email campaign: ![]() Most of our messaging is in text but you can see that we did not include a width and height in the image associated with the Android article. Therefore it did not display the TITLE or ALT text description. In ConclusionWe recommend that you always include an exact width and height for each of your images as well as ALT and TITLE text. Image dimensions are also important for Outlook 2003 and Outlook Express because by default, images that do not have them are automatically set 689 X 40 while images are blocked. This can have a drastic effect on your layout, especially if you are using tables. We recommend using ALT and TITLE text because many variations of email clients only support one or the other.
|
If you haven't signed up yet, give our FREE online Email Test a try. Just drop in your code and we will instantly simulate your email in the most popular email clients!
Get connected with Email on Acid for up-to-date news and information on the subject of email design, development, and testing!
Are you just visiting gmail in Safari on your iPad? I just confirmed myself that doing the same I was given the option to download images and they displayed fine.
Perhaps you have told Gmail in the past not to download images for that sender? Or some other setting change?