{"id":263813,"date":"2026-10-22T13:28:07","date_gmt":"2026-10-22T11:28:07","guid":{"rendered":"https:\/\/spotler.com\/?post_type=concepts&#038;p=263813"},"modified":"2026-10-22T13:29:25","modified_gmt":"2026-10-22T11:29:25","slug":"favicons-in-email","status":"publish","type":"concepts","link":"https:\/\/spotler.com\/en-gb\/glossary\/favicons-in-email","title":{"rendered":"Favicons in email"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Consistent branding across all your website pages is important, so why not implement the below into your emails?<\/h2>\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p class=\"borderradius20 has-tone-green-background-color has-background wp-block-paragraph\">\u00a0<strong>&lt; link rel=&#8221;Shortcut Icon&#8221; href=&#8221;*IMAGE LOCATION*&#8221; \/ ><\/strong><\/p>\n<p class=\"wp-block-paragraph\">Inserting this small line of code into the header of your HTML emails will ensure that when your customers click the \u201cView in browser\u201d button they are taken to the HTML view page which has your logo next to the title text.<br \/>\u00a0<br \/>For example:<\/p>\n<p class=\"borderradius20 has-tone-green-background-color has-background wp-block-paragraph\"><strong>&lt; head ><br \/>\u00a0<br \/>&lt; link rel=&#8221;Shortcut Icon&#8221; href=&#8221;https:\/\/www.spotler.com\/favicon.ico&#8221; \/><br \/>\u00a0<br \/>&lt; \/head ><\/strong>\u00a0<\/p>\n<p class=\"wp-block-paragraph\">The icon image will need to be hosted on a web server to ensure that this is picked up correctly on the page.<\/p>\n<h3 class=\"wp-block-heading\"><strong>Linking to your existing favicon is ideal<\/strong><\/h3>\n<p class=\"wp-block-paragraph\">We would recommend using an ico file, as although gif\u2019s, png\u2019s, etc. can be used, they are not always compatible in Internet Explorer browsers. <\/p>\n<p class=\"wp-block-paragraph\">The dimensions of your icon can vary, however 32px x 32px tends to be the average.<br \/>\u00a0<br \/>This is a small but simple way to ensure that your branding is both coherent and uniform across all of your pages.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Placing a Favicon in your email template keeps them looking branded and official when your reader opens them up in web view mode. <\/p>\n","protected":false},"featured_media":0,"template":"","cat_product":[],"cat_topic":[],"cat_glossary":[],"class_list":["post-263813","concepts","type-concepts","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/spotler.com\/en-gb\/wp-json\/wp\/v2\/concepts\/263813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spotler.com\/en-gb\/wp-json\/wp\/v2\/concepts"}],"about":[{"href":"https:\/\/spotler.com\/en-gb\/wp-json\/wp\/v2\/types\/concepts"}],"version-history":[{"count":5,"href":"https:\/\/spotler.com\/en-gb\/wp-json\/wp\/v2\/concepts\/263813\/revisions"}],"predecessor-version":[{"id":263821,"href":"https:\/\/spotler.com\/en-gb\/wp-json\/wp\/v2\/concepts\/263813\/revisions\/263821"}],"wp:attachment":[{"href":"https:\/\/spotler.com\/en-gb\/wp-json\/wp\/v2\/media?parent=263813"}],"wp:term":[{"taxonomy":"cat_product","embeddable":true,"href":"https:\/\/spotler.com\/en-gb\/wp-json\/wp\/v2\/cat_product?post=263813"},{"taxonomy":"cat_topic","embeddable":true,"href":"https:\/\/spotler.com\/en-gb\/wp-json\/wp\/v2\/cat_topic?post=263813"},{"taxonomy":"cat_glossary","embeddable":true,"href":"https:\/\/spotler.com\/en-gb\/wp-json\/wp\/v2\/cat_glossary?post=263813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}