Image links in gmail are broken because of google\'s Image proxy (news1,news2). I can\'t load my site\'s images in gmail.
Actual image path is: http://sampleimageurl.
I am from Asp.Net world, but I had the same issue.
So, I resolved this issue only by changing the image extension (to .png) and deploying the app to the server (in that case Gmail could access my image for caching and I saw the image in email).
I had the same issue and I solved the problem hosting the images in my public server (http://mydoamin.com/img/images.jpg).
Next step responsive email displaying responsive images: CSS
@media only screen and (max-device-width: 480px) {
td.headercell {
background-image: url(images/header-650@2x.png) !important;
background-size: 325px 115px;
width: 325px !important;
height: 115px !important;
}
td.headercell img {
display: none;
}
}
Two things that might help:
In Google Apps, it's now possible to disable Image Proxy for GMail (in Apps Settings). Or, better, you can white-list your internal URLs for which image proxying should be disabled.
Because your image wasn't open to public.
You need make sure the new Gmail image proxy can fetch your image from google server.
Change the image's location. In the new Google setup, the first time an image is opened, Google downloads the image and caches it on a Google managed proxy.