If a graphic is coded as a background image, the Gmail image download button will not appear. Unfortunately, the sibling selector technique for hiding the Gmail download button still converts the cursor to a pointer. As a safeguard you can append a “placeholder” div after your unlinked image: However, if you happen to have a div adjacent to your image, this may cause that div to be hidden in other clients, such as Yahoo! Mail or iOS. Remi Parmentier discovered that you can hide the icon with a sibling selector because the download icon is contained within a div that is added after the image by Gmail. That’s because Gmail only supports tags in an email’s head.
Others have tried styling images with cursor:default or pointer-events:none - but these won’t work in Gmail. The downside of the empty href solution is that subscribers will see their cursor behaving as if the image is linked, but clicking it won’t take them anywhere. If there isn’t a good option for an image link, adding an empty href attribute will also work.
Images make ideal tap targets for subscribers viewing emails on mobile devices. Linking images like that is a good best practice anyway. In an email newsletter, thumbnail images can link directly to the piece of content they represent. Likewise, hero images in other email marketing messages could (and probably should) link to the main landing page in which the email intends to drive traffic. And Abracadabra - the download button disappears. That image could easily be linked to the Pathwire homepage or the Nightmare at Email Camp landing page. In many campaigns, there will be a logical place to link so that when an image is clicked it takes subscribers to a relevant place.įor example, we recently noticed that the header image in an email from Pathwire showed the Gmail image download button. The easiest way to prevent the Gmail image download button from displaying is to add hyperlinks to your images. The unlinked image issue is easily solved with our first fix. That means you shouldn’t have to worry about the button showing up on small images such as icons or decorative elements in an HTML email.Īccording to, Gmail won’t show the download arrow on images with an aspect ratio of 299×524 or smaller. It seems Gmail webmail treats larger, high-resolution images as attachments that can be downloaded. When the images aren’t linked to anything.So – how do we get rid of the little bugger? 3 ways to hide the Gmail image download buttonįirst, there are two things to know about when and why the download button shows up in Gmail: In those cases, that button is a quick way to download the image for yourself.īut the Gmail image download button isn’t something you want or need in emails from a business or brand. Or your friends email a pic of you embarrassing yourself at karaoke night. Let’s say your mom sends a photo from the family reunion and pastes it into an email. Turns out, it’s more of a feature that does make sense for personal emails. But here we are years later, and the Gmail image download button is still hanging around. People started noticing it in 2014, and some folks even thought it was a bug in Gmail webmail, which would quickly get fixed.
0 kommentar(er)
