I’m having trouble with image display in my HTML email campaign. The images show up perfectly when I test the email in other email clients like Outlook and Thunderbird, but they completely disappear when viewed through Gmail.
Here’s the basic structure I’m using:
<img height="80" width="80" style="display:block" src="https://example.com/logo.jpg">
I’ve heard that Gmail might be doing something with image proxying for security purposes, but I’m not entirely sure if that’s what’s causing this problem. Has anyone else run into this issue before? I really need to figure out what’s preventing Gmail from showing these images properly. Any suggestions on how to fix this would be really helpful.
Yeah, this sounds like Gmail’s proxy cache acting up. Gmail runs images through their proxy servers, and they’ll fail to load if your server has strict referrer policies or blocks certain user agents. Quick test - check if your image URLs work when you add Gmail’s proxy parameters. You can find these by looking at the email source in Gmail to see the actual proxied URLs they create. Mixed content is another common issue - Gmail uses HTTPS but your images might be on HTTP. Add alt text to your img tags so users at least see something when images break. Also check if your hosting provider has geo-restrictions that could mess with Gmail’s servers.
Had this same issue last month! Gmail blocked my images cuz of the height/width attributes in my HTML. Remove those from your img tags & use CSS instead - Gmail’s super picky about inline styling vs attributes. Also check if your image server is blocking Gmail’s user agent. Some hosts automatically reject these requests.
Gmail’s image handling can be quite problematic. I’ve encountered similar issues repeatedly. First, make sure your images are hosted on a reputable domain, as Gmail may block content from unknown sources. It’s crucial to have SPF, DKIM, and DMARC configured; otherwise, Gmail might aggressively block images. Pay attention to the image formats as well; using JPEG is generally advisable, and keeping the file size under 1MB can help. Sometimes, hosting issues related to incorrect MIME types or missing CORS headers can cause image loading failures. As a workaround, consider temporarily changing your image host to see if it resolves the issue.
This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.