I’ve been working on an HTML email template and testing it across different email clients. Everything works fine except for Gmail - the images just won’t show up. I know Gmail can display images because I receive emails with images daily. I made sure to put the logo directly in the HTML markup instead of using CSS background images.
Had this exact issue last month with our newsletter templates. Gmail blocks images by default until recipients whitelist you or add you to contacts. But there’s another common problem - your image hosting server probably isn’t configured right for email clients. Gmail’s super strict about HTTPS and server response headers. Upload your images to a CDN like Cloudinary or ImageKit instead of hosting them yourself. Also check that your server returns proper MIME types for PNGs. I switched to a dedicated email image host and it fixed everything. Keep images under 1MB and use absolute URLs too.
check if your host blocks hotlinking - some servers won’t let external sites pull images, which breaks email display. Gmail also caches broken image requests, so try renaming the file or adding ?v=2 to the URL. that fixed it for me when everything else failed.
Gmail’s weird with image dimensions. Drop the height attribute and just use width - let it scale naturally. Gmail blocks images sometimes when you set both width and height in HTML.
Make sure your image URL actually works by pasting it directly in a browser. I’ve had luck adding border=“0” to the img tag itself, not just the table. Gmail can be picky about missing attributes.
If it’s still broken, try a JPG instead of PNG - might be a server config issue.