Is Gmail not loading pictures for your online campaigns?
Your internet connection is working, you’ve cleared your browser cache, your google workspace status dashboard looks fine, but nothing fixes the problem?
Don’t worry—we can help.
Our customer care team has fielded a few calls about this issue, so we want to get the word out on a quick fix.
Why are Email Images Not Loading in Gmail Messages?
Your Gmail account recently implemented some changes that affect 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 to fix these images not loading in Gmail.
Don't worry if the mention of HTML code worries you. This is a pretty easy fix that doesn't involve anything potentially dangerous. We’ll even show you how to make the changes!
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
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"
This style element does not have to go at the end like in the example. It can go elsewhere in the img src tag if you prefer.
Which Web Browsers are Affected?
Known browsers with this rendering issue of pictures not showing up in Gmail include:
-
FireFox
-
IE 8
-
Chrome
-
Safari
-
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 fixes the problem with Gmail not loading images and that your online campaign works properly from now on!
Seeing your beautiful campaign not displaying properly can be a real bummer. Always test, test, test and implement any quick fixes you find, such as 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.
