{"id":1083,"date":"2015-08-11T12:45:32","date_gmt":"2015-08-11T07:15:32","guid":{"rendered":"https:\/\/www.xhtmlchop.com\/blog?p=1083"},"modified":"2015-08-11T13:39:32","modified_gmt":"2015-08-11T08:09:32","slug":"how-to-avoid-download-icon-over-mailer-images-in-gmail","status":"publish","type":"post","link":"https:\/\/www.xhtmlchop.com\/blog\/how-to-avoid-download-icon-over-mailer-images-in-gmail\/","title":{"rendered":"How to Avoid \u2018Download\u2019 Icon over mailer Images in Gmail"},"content":{"rendered":"

$\"email-img-download\"$
\nGmail shows download icon on images of HTML Email<\/strong><\/p>\n

Whenever email is being opened or tested in Gmail inbox, it shows download icon over some of images. Basically all the images without anchor or link shows such download icon.<\/p>\n

Gmail adds download icon on some images(images without anchor or link). It treats those images as attachment and allow them to view as Google Drive Image.<\/p>\n

How to Avoid?<\/strong><\/p>\n

There are 3 options to fix such unwanted icons.<\/p>\n

Option 1:<\/strong>
\nAdd following css class to within <style><\/code> tag. \n.a5q {display: none !important;}<\/p>\n

Option 2:<\/strong> \nAdd following style to <head> within <style><\/code> tag. \ntabletabletable div {display: none !important;}<\/p>\n

Option 3:<\/strong> \nWe can fixed this by wrapping the large images inside an anchor tag like this below: \n<a href=\"\" style=\"cursor:default;\"><img src=\"your large image file\"><\/a><\/code><\/p>\n

Note:<\/u> If you don’t want the user’s cursor to indicate image as a link, add style=’cursor: default;’ to your img element.<\/p>\n","protected":false},"excerpt":{"rendered":"

Gmail shows download icon on images of HTML Email Whenever email is being opened or tested in Gmail inbox, it shows download icon over some of images. Basically all the images without anchor or link shows such download icon. Gmail adds download icon on some images(images without anchor or link). It treats those images as […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[7],"tags":[],"class_list":["post-1083","post","type-post","status-publish","format-standard","hentry","category-psd-to-email"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.xhtmlchop.com\/blog\/wp-json\/wp\/v2\/posts\/1083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xhtmlchop.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xhtmlchop.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xhtmlchop.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xhtmlchop.com\/blog\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":0,"href":"https:\/\/www.xhtmlchop.com\/blog\/wp-json\/wp\/v2\/posts\/1083\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.xhtmlchop.com\/blog\/wp-json\/wp\/v2\/media?parent=1083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xhtmlchop.com\/blog\/wp-json\/wp\/v2\/categories?post=1083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xhtmlchop.com\/blog\/wp-json\/wp\/v2\/tags?post=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}