{"id":5979,"date":"2019-02-13T09:30:37","date_gmt":"2019-02-13T09:30:37","guid":{"rendered":"http:\/\/ideaville.net\/?p=5979"},"modified":"2023-12-18T21:32:49","modified_gmt":"2023-12-18T21:32:49","slug":"email-signatures-images","status":"publish","type":"post","link":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/","title":{"rendered":"Email signatures with images"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n
Getting your email signature right when email platforms get it so wrong<\/h5>\n\n\n\n

You\u2019re working on your company\u2019s new email signature and want to place your logo in it.<\/p>\n\n\n\n

You open a Word document, pick fonts and colors, and drag and drop a JPG of your logo below your name and title. Tweak this, tweak that, get it approved, and you\u2019re ready to roll out this branded signature to your entire team.<\/p>\n\n\n\n

Seems simple, right? \u2026 Maybe in theory.<\/p>\n\n\n\n

But in email tests, the logo is blurry. The font you picked changes to a suboptimal default. And in some inboxes, the logo isn\u2019t displaying at all. What is going on?!<\/p>\n\n\n\n

After receiving another PLEASE HELP plea from a client for email signature woes, we decided we\u2019d share some insights for taming your email signature.<\/p>\n\n\n\n

For some, email correspondence is the first touchpoint with a customer or client. And what does an improperly displayed email signature communicate? Maybe nothing, maybe confusion, maybe disenchantment. Whatever it is, it\u2019s usually not something warm and fuzzy. <\/p>\n\n\n\n

Imagine your email signature as a digital business card, and it suddenly holds a little more weight than a pixelated signoff. We get the importance of putting your best foot forward with a clean email signature.<\/p>\n\n\n\n

So why does it have to be so complicated?<\/p>\n\n\n\n

Email client quirks<\/strong><\/h6>\n\n\n\n

You may wonder why it\u2019s possible to display brand images and fonts on company websites but not in \u201csimple\u201d email signatures. Essentially, a website respects the CSS styling applied to it. Email? Not so much. <\/p>\n\n\n\n

Some email platforms, or email clients, ignore CSS styling entirely, meaning that whatever beautiful arrangement you may have been able to create in your web browser just won\u2019t come through the way it should over email. Outlook is especially notorious for this.<\/p>\n\n\n\n

But each email client has its own rendering quirks. Gmail will underline your links and turn them bright blue, even if you tell it not to. And the Gmail mobile app on an iPhone 6 can display differently than Gmail opened in Firefox on desktop.<\/p>\n\n\n\n

The peculiarities of email. Sometimes, it just doesn\u2019t make sense.<\/p>\n\n\n\n

Before you wave your white flag, give us a chance to help. <\/p>\n\n\n\n

We\u2019ve designed and coded hundreds of emails with all sorts of email signature needs. We understand the nuances of email marketing, and we know what it takes to make your email signature the best it can be.<\/p>\n\n\n\n

Below are a few solutions to dealing with images in email signatures.<\/p>\n\n\n\n

Resolving blurry images in email signatures<\/strong><\/h6>\n\n\n\n

While copying an email signature design from Microsoft Word may be convenient and display well for some recipients \u2014 especially colleagues who share a font library \u2014 it can cause other issues, like blurry or broken images and lost styling.<\/p>\n\n\n\n

Recently, we were asked to help with a new email signature that showcased a company\u2019s rebranded logo. Even though they\u2019d saved a high-resolution PNG, the logo image \u2014 once pasted into Outlook email \u2014 appeared fuzzy around the edges.<\/p>\n\n\n\n

Why?<\/p>\n\n\n\n

Turns out, although the PNG should display sharply for web, Outlook was misinterpreting the image resolution.<\/p>\n\n\n\n

We sized the image appropriately and used our email development expertise to code an email signature that would be more widely accepted by various email clients.<\/p>\n\n\n\n

When re-tested, the company\u2019s logo appeared sharper than any other variation.<\/p>\n\n\n\n

Two ways to include images<\/strong><\/h6>\n\n\n\n

Images can be added to your email signatures as linked or embedded images. Each has its pros and cons, but linked images have proven to be the more successful of the two.<\/p>\n\n\n\n

Linked images access an image URL on a public server, typically on your own website. Basically, these images are downloaded to a recipient\u2019s email every time the email is viewed. Linked images are space savers, and most email clients accept them.<\/p>\n\n\n\n

Embedded images don\u2019t link to external images but are part of emails themselves. Originally sent as hidden attachments, they can fail quickly, breaking or becoming actual email attachments in replies and forwards.<\/p>\n\n\n\n

Because linked images maintain access to their links, they hold more stable than embedded images.<\/p>\n\n\n\n

For a complete list of email clients that support linked and embedded images, check out this resource<\/a>.<\/em><\/p>\n\n\n\n

Dealing with image blocking<\/strong><\/h6>\n\n\n\n

As inconvenient as it sounds, you can\u2019t control the way recipients view images in emails. Image blocking shows no favoritism. Whether you use linked or embedded images, email clients with image blocking enabled are ready to shut you down.<\/p>\n\n\n\n

For recipients who enabled image blocking, consider how you will communicate the image information, like your company name, if your image doesn\u2019t show.<\/p>\n\n\n\n

We can apply limited styling to alt text to maintain a sliver of brand flavor if images don\u2019t display for certain email clients. The same is true if a link is broken in delivery.<\/p>\n\n\n\n

If we used our logo in our email signatures, our alt text might display in cyan with bold Arial letters:<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n
<\/div>\n\n\n\n

That gives it a liiittle hint of us without relying on the default:<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n
<\/div>\n\n\n\n

We always recommend including alt text. It\u2019s a handy backup, and it improves device accessibility.<\/p>\n\n\n\n

What\u2019s next?<\/strong><\/h6>\n\n\n\n

You might be thinking, Well, none of these options are completely ideal. Where\u2019s a solution that makes my image display in my email signature everywhere?<\/em> Unfortunately, there isn\u2019t a perfect, foolproof solution yet, unless you opt for an all-text email signature. (In our current email signatures, we use only text so our information comes through every time.)<\/p>\n\n\n\n

The best option is to figure out which email clients your recipients use most. That can be very hard to discover, and if you\u2019re really not sure, we\u2019d recommend a linked image as the most successful route.<\/p>\n\n\n\n

Lucky for you, we specialize in email marketing. If you\u2019re running into trouble that you can\u2019t alleviate after reading this post, send us an email<\/a> or give us a call<\/a>. We really enjoy solving problems, and we\u2019d love to help you with yours.<\/p>\n","protected":false},"excerpt":{"rendered":"

Getting your email signature right when email platforms get it so wrong You\u2019re working on your company\u2019s new email signature and want to place your logo in it. You open a Word document, pick fonts and colors, and drag and drop a JPG of your logo below your name and title. Tweak this, tweak that, get…<\/p>\n","protected":false},"author":7,"featured_media":8412,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[3],"tags":[94],"acf":[],"yoast_head":"\nGetting your email signature right - The Creative Department<\/title>\n<meta name=\"description\" content=\"Email signatures can get complicated when images are involved. Read about the challenges and work-arounds to get your email signature looking its best.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting your email signature right - The Creative Department\" \/>\n<meta property=\"og:description\" content=\"Email signatures can get complicated when images are involved. Read about the challenges and work-arounds to get your email signature looking its best.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/\" \/>\n<meta property=\"og:site_name\" content=\"The Creative Department\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TheCreativeDepartmentInc\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-13T09:30:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-18T21:32:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ideaville.net\/wp-content\/uploads\/2019\/10\/blog-thumb-email-sigs.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Laura Uber\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CreativeDept_KC\" \/>\n<meta name=\"twitter:site\" content=\"@CreativeDept_KC\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Uber\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/\"},\"author\":{\"name\":\"Laura Uber\",\"@id\":\"https:\/\/ideaville.net\/#\/schema\/person\/74adbea58b01812f01bb7e6529d0ec69\"},\"headline\":\"Email signatures with images\",\"datePublished\":\"2019-02-13T09:30:37+00:00\",\"dateModified\":\"2023-12-18T21:32:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/\"},\"wordCount\":1007,\"publisher\":{\"@id\":\"https:\/\/ideaville.net\/#organization\"},\"image\":{\"@id\":\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ideaville.net\/wp-content\/uploads\/2019\/10\/blog-thumb-email-sigs.jpg\",\"keywords\":[\"News\"],\"articleSection\":[\"Expertise\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/\",\"url\":\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/\",\"name\":\"Getting your email signature right - The Creative Department\",\"isPartOf\":{\"@id\":\"https:\/\/ideaville.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ideaville.net\/wp-content\/uploads\/2019\/10\/blog-thumb-email-sigs.jpg\",\"datePublished\":\"2019-02-13T09:30:37+00:00\",\"dateModified\":\"2023-12-18T21:32:49+00:00\",\"description\":\"Email signatures can get complicated when images are involved. Read about the challenges and work-arounds to get your email signature looking its best.\",\"breadcrumb\":{\"@id\":\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#primaryimage\",\"url\":\"https:\/\/ideaville.net\/wp-content\/uploads\/2019\/10\/blog-thumb-email-sigs.jpg\",\"contentUrl\":\"https:\/\/ideaville.net\/wp-content\/uploads\/2019\/10\/blog-thumb-email-sigs.jpg\",\"width\":600,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ideaville.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Email signatures with images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ideaville.net\/#website\",\"url\":\"https:\/\/ideaville.net\/\",\"name\":\"The Creative Department\",\"description\":\"Strategic. Creative. Solutions.\",\"publisher\":{\"@id\":\"https:\/\/ideaville.net\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ideaville.net\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ideaville.net\/#organization\",\"name\":\"The Creative Department, Inc.\",\"url\":\"https:\/\/ideaville.net\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ideaville.net\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ideaville.net\/wp-content\/uploads\/2018\/04\/tcd_logo_hs_100c.png\",\"contentUrl\":\"https:\/\/ideaville.net\/wp-content\/uploads\/2018\/04\/tcd_logo_hs_100c.png\",\"width\":442,\"height\":132,\"caption\":\"The Creative Department, Inc.\"},\"image\":{\"@id\":\"https:\/\/ideaville.net\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/TheCreativeDepartmentInc\/\",\"https:\/\/x.com\/CreativeDept_KC\",\"https:\/\/www.instagram.com\/creativedept_kc\/\",\"https:\/\/www.linkedin.com\/company\/the-creative-department-inc.\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ideaville.net\/#\/schema\/person\/74adbea58b01812f01bb7e6529d0ec69\",\"name\":\"Laura Uber\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ideaville.net\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b89a684d688a8cec66a9bcf9813adb8a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b89a684d688a8cec66a9bcf9813adb8a?s=96&d=mm&r=g\",\"caption\":\"Laura Uber\"},\"sameAs\":[\"http:\/\/ideaville.net\"],\"url\":\"https:\/\/ideaville.net\/author\/creativelaura\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Getting your email signature right - The Creative Department","description":"Email signatures can get complicated when images are involved. Read about the challenges and work-arounds to get your email signature looking its best.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/","og_locale":"en_US","og_type":"article","og_title":"Getting your email signature right - The Creative Department","og_description":"Email signatures can get complicated when images are involved. Read about the challenges and work-arounds to get your email signature looking its best.","og_url":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/","og_site_name":"The Creative Department","article_publisher":"https:\/\/www.facebook.com\/TheCreativeDepartmentInc\/","article_published_time":"2019-02-13T09:30:37+00:00","article_modified_time":"2023-12-18T21:32:49+00:00","og_image":[{"width":600,"height":600,"url":"https:\/\/ideaville.net\/wp-content\/uploads\/2019\/10\/blog-thumb-email-sigs.jpg","type":"image\/jpeg"}],"author":"Laura Uber","twitter_card":"summary_large_image","twitter_creator":"@CreativeDept_KC","twitter_site":"@CreativeDept_KC","twitter_misc":{"Written by":"Laura Uber","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#article","isPartOf":{"@id":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/"},"author":{"name":"Laura Uber","@id":"https:\/\/ideaville.net\/#\/schema\/person\/74adbea58b01812f01bb7e6529d0ec69"},"headline":"Email signatures with images","datePublished":"2019-02-13T09:30:37+00:00","dateModified":"2023-12-18T21:32:49+00:00","mainEntityOfPage":{"@id":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/"},"wordCount":1007,"publisher":{"@id":"https:\/\/ideaville.net\/#organization"},"image":{"@id":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#primaryimage"},"thumbnailUrl":"https:\/\/ideaville.net\/wp-content\/uploads\/2019\/10\/blog-thumb-email-sigs.jpg","keywords":["News"],"articleSection":["Expertise"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/","url":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/","name":"Getting your email signature right - The Creative Department","isPartOf":{"@id":"https:\/\/ideaville.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#primaryimage"},"image":{"@id":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#primaryimage"},"thumbnailUrl":"https:\/\/ideaville.net\/wp-content\/uploads\/2019\/10\/blog-thumb-email-sigs.jpg","datePublished":"2019-02-13T09:30:37+00:00","dateModified":"2023-12-18T21:32:49+00:00","description":"Email signatures can get complicated when images are involved. Read about the challenges and work-arounds to get your email signature looking its best.","breadcrumb":{"@id":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#primaryimage","url":"https:\/\/ideaville.net\/wp-content\/uploads\/2019\/10\/blog-thumb-email-sigs.jpg","contentUrl":"https:\/\/ideaville.net\/wp-content\/uploads\/2019\/10\/blog-thumb-email-sigs.jpg","width":600,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/ideaville.net\/2019\/02\/email-signatures-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ideaville.net\/"},{"@type":"ListItem","position":2,"name":"Email signatures with images"}]},{"@type":"WebSite","@id":"https:\/\/ideaville.net\/#website","url":"https:\/\/ideaville.net\/","name":"The Creative Department","description":"Strategic. Creative. Solutions.","publisher":{"@id":"https:\/\/ideaville.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ideaville.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ideaville.net\/#organization","name":"The Creative Department, Inc.","url":"https:\/\/ideaville.net\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ideaville.net\/#\/schema\/logo\/image\/","url":"https:\/\/ideaville.net\/wp-content\/uploads\/2018\/04\/tcd_logo_hs_100c.png","contentUrl":"https:\/\/ideaville.net\/wp-content\/uploads\/2018\/04\/tcd_logo_hs_100c.png","width":442,"height":132,"caption":"The Creative Department, Inc."},"image":{"@id":"https:\/\/ideaville.net\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/TheCreativeDepartmentInc\/","https:\/\/x.com\/CreativeDept_KC","https:\/\/www.instagram.com\/creativedept_kc\/","https:\/\/www.linkedin.com\/company\/the-creative-department-inc.\/"]},{"@type":"Person","@id":"https:\/\/ideaville.net\/#\/schema\/person\/74adbea58b01812f01bb7e6529d0ec69","name":"Laura Uber","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ideaville.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b89a684d688a8cec66a9bcf9813adb8a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b89a684d688a8cec66a9bcf9813adb8a?s=96&d=mm&r=g","caption":"Laura Uber"},"sameAs":["http:\/\/ideaville.net"],"url":"https:\/\/ideaville.net\/author\/creativelaura\/"}]}},"_links":{"self":[{"href":"https:\/\/ideaville.net\/wp-json\/wp\/v2\/posts\/5979"}],"collection":[{"href":"https:\/\/ideaville.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ideaville.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ideaville.net\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/ideaville.net\/wp-json\/wp\/v2\/comments?post=5979"}],"version-history":[{"count":1,"href":"https:\/\/ideaville.net\/wp-json\/wp\/v2\/posts\/5979\/revisions"}],"predecessor-version":[{"id":10011,"href":"https:\/\/ideaville.net\/wp-json\/wp\/v2\/posts\/5979\/revisions\/10011"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ideaville.net\/wp-json\/wp\/v2\/media\/8412"}],"wp:attachment":[{"href":"https:\/\/ideaville.net\/wp-json\/wp\/v2\/media?parent=5979"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ideaville.net\/wp-json\/wp\/v2\/categories?post=5979"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ideaville.net\/wp-json\/wp\/v2\/tags?post=5979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}