Gmail webmail displays an image download icon when a user moves their cursor over an unlinked image.
The simplest way to prevent Gmail from displaying this download icon is to add a link to each image contained within the email.
HTML
<a href="#" title="HTML Email Check" target="_blank">
<img src="http://www.emailhtmlcheck.com/logo.png" alt="HTML Email Check">
</a>
2 Comments
But how do you get rid of the cursor pointer, when the anchor tag is wrapped around the image. I looked online for solutions, which I found and tried, but none work. I tried:
cursor:default
pointer-events:none;
I tried the solutions from this link, but still no go: https://stackoverflow.com/questions/26970661/gmail-shows-download-icon-on-images-of-html-email
Is there one?
Hello Dan,
I’m very sorry for the delay in my reply, just returned from my holiday.
In the current of Gmail, all cursor and pointer-events CSS styles placed within the head as well as inline are removed from an email.
At the top of my head, I can’t think of a universal solution which wouldn’t cause problems in other email clients or webmail services, such as using the image as a background image within a div.
Ideally, you will want all images within your email to be clickable to convert your readers to your website or a specific destination.
Kind Regards,
David