Is Gmail not loading pictures for your online campaigns?
Your internet connection is working fine, you’ve cleared your browser cache, but still no luck. Don’t worry—we can help you fix the problem.
Our customer care team has fielded a few calls about this issue, and we want to get the word out on a quick fix.
Why are Email Images Not Loading in Gmail Messages?
Gmail recently implemented some changes that are affecting how most web browsers display images. The result? Gmail images are not displayed. How frustrating! Luckily, there are a few simple changes you can make in your HTML code that will fix these images not loading in Gmail.
Don't worry if the mention of HTML code worries you. This is a pretty easy fix, and we’ll show you how to make the changes!
First up, what changes did Gmail make to result in email images not showing? Well, since their last webmail update, Gmail now adds a few pixels of horizontal white space when a certain style reference is left out. This is especially noticeable for images that are stacked vertically or for images displayed on a non-white background.
Gmail Pictures Not Loading: How to Fix This Gmail Error
All you need to do is open Gmail and add an in-line style reference to control the image display. It must be in-line, as Gmail does not support cascading styles referenced in the head or style tags at the top of the HTML.
Not really sure what that all means? Don't worry, here is an example with the additional style inclusion in bold:
Incorrect Code: img src=https://www.yoururl.com/images/image.jpg height="400" width="400"Correct Code: img src="https://www.yoururl.com/images/image.jpg" height="400" width="400" style="display:block"
Just in case you are wondering, this style element does not have to go at the end like in the example and can go elsewhere in the img src tag if you prefer.
Which Web Browsers are Affected?
Known browsers that have this rendering issue with pictures not showing up in Gmail are FireFox, IE 8, Chrome, Safari, and various mobile devices.
A Helpful Tip
Adding the display:block style for images is a best practice that you should implement going forward. Windows Live webmail also adds this white space to images if you don't declare it. The difference is, Gmail doesn't support cascading style sheets, so this style (and all other style references) must be referenced in-line, as in the example above.
Problem Solved!
We hope this solves the problem with gmail not loading images and that your online campaign works properly from now on!
Seeing your beautiful campaign not displaying properly in a certain browser can be a real bummer. That is why you always need to test, test, test and of course implement any quick fixes like the code provided today.
Have another question concerning your online campaign or its interaction with browser extensions? Check out our online FAQ where you will find answers to hundreds of SimplyCast related questions.
