Blast from the Past: Grumpy Cat: From Viral Fame to Cultural Icon
Remember Grumpy Cat? That famous feline whose face could rival the grumpiest of Monday mornings. Born with a perpetual scowl, she managed to capture t
It’s no secret that email signatures have a major impact in the world of email marketing. It’s also clear that they are one of the easiest ways to re-engage with your existing customers, without spending any (or very little) money.
Successful businesses are using the untapped power of their email signatures because they know that decisions are all about prioritizations based on invested effort vs benefit.
Let’s take a look at how you can revamp your email signature for 2019 to give it that “pop” factor.
It’s amazing how many people completely skip over this step, without knowing the consequences. Mobiles account for 46% of all email opens, meaning that testing your email signature for mobile compatibility is essential.
A common misconception is that your email signature will be compatible across all email clients. The sad truth is…it won’t. Although I would love to blame Outlook for this, the reason is actually that most email clients (mobile included) use different HTML rendering engines and that means they all display email signatures differently.
In addition, mobile screens are much smaller than PC displays, and they also use scaling. Because of this, vertical layouts work much better on mobiles. Using a wide layout on mobile devices can cause your signature to look squashed and the images to be scaled up which makes them look blurry.
The details a college student includes in their signature will be a lot different to the details a lawyer includes. Only include the details which are relevant to you. For example, if you’re a college student, you would probably include the university you’re attending and the subject you’re studying. You wouldn’t include those details if you’re a lawyer.
Most people aren’t interested in knowing your favorite band, or color. Your email signature should include the information needed to contact you, and any other relevant information. If you’re unsure, ask yourself “Would I give that information to a business associate I had just met?”.
Here are the most popular fields to include in your email signature:
Full Name
Job Position
Company
Mobile Phone Number
Office Phone Number
Office Address
Profile Picture and/or Logo (or both)
Social Icons (optional, but recommended)
Promotional Banner (optional)
Disclaimer (optional)
Details which are not needed only bloat the signature and make it hard for your recipient to find the details they actually need.
A font can completely change the look and feel of an email signature. The same can be said for the colors and spacing. You should never use multiple fonts in your email signature. The only exception is if your logo uses a different font to your signature.
In terms of font sizes, you shouldn’t have more than 2-3 different sizes throughout your whole signature.
Like fonts, keep your selection to around 2-3 different colors. Any more and you risk creating that “rainbow email signature”.
It’s important that the colors match your logo as much as possible. Otherwise, your logo can look misplaced, or your signature could have that “template” look which you don’t want.
In sales-based roles (such as real estate agents) where you’re dealing directly with the public, using an image of your face can add a personal touch to your signature. If you’re not too fond of using a profile picture in your signature, you can just use your company logo.
Only use good quality images which have been professionally taken.
Use PNG or JPEG type images for maximum compatibility and always ensure you compress them using a tool like TinyPNG.
PNG’s work best for logos and when you need transparency in your images. JPEG’s are best for profile pictures where the color quality needs to be perfect.
Avoid using GIF animations (more on this later).
Behind every great looking email signature is consistent spacing. If you’ve got 10 pixels of spacing above the contact information, then you should have the same spacing under the contact information too. The same goes for all sections of the signature.
Consistent spacing makes the signature look professional and clean, even at a quick glance. It also makes it easier to spot information that you’re trying to find.
With email signatures, there’s 2 sizes to check. The size in pixels, and the size in kilobytes (KB).
The size in pixels determines visually how big your signature is, and whether it will fit mobile screens. Keep in mind that narrower signatures look better on mobiles because of screen sizes and scaling.
For desktops and larger screen sizes that don’t use scaling, the recommended maximum email signature size is 700(w) x 300(h) pixels.
For mobile phones which have smaller screens that use scaling, the recommended maximum email signature size is 320(w) x 600(h) pixels.
Checking the size of your signature is as simple as opening your signature in a web browser like Google Chrome, right clicking on it and clicking inspect element. You should then be able to hover over the outer most table, and it should show you the height and width of the signature.
The size in KB is the amount of disk space the email signature will take up when it’s stored on a mail server. If you send roughly 30 emails a day, your email signature will be stored 30 times on your server, which can take up valuable space in the long run. And that’s only with you sending emails. If you have multiple staff sending emails, it can add up very quickly.
You should aim to keep your email signature under 50KB in size. There generally isn’t a need to have an email signature that is any larger (even if you have a promotional banner).
Remember earlier we touched on the subject of email signature compatibility? To ensure your signature looks the same in all email clients, you must cross test it between all the popular email clients. Just because your signature looks perfect in Outlook, doesn’t mean it will look perfect in Gmail.
This is an example of how cross testing should be done:
Sending from Outlook 2013 to Gmail
Sending from Outlook 2016 to Gmail
Sending from Gmail to Outlook 2013
Sending from Gmail to Outlook 2016
…and so on.
Hopefully, now you can see what an enormous task cross testing can be if want your signature to be compatible with the top 10 email clients. Just because you have done cross testing, it doesn’t mean that your email signature will work flawlessly in all email clients. For example, Gmail inserts gaps below images, and there is nothing you can do about it.
Sometimes you can fix compatibility issues, other times you simply can’t.
If you’re considering making a fancy email signature, but you can’t do it using HTML + CSS, then either change the design so it can be coded, or don’t do it at all.
Whatever you do, don’t make your whole email signature an image, as the size (in KB) is usually large and your recipients won’t be able to copy your phone number or other details out of it.
Basically, it screams “I care more about looks, than I do about functionality”.
Also, you can’t do split testing on things like CTA buttons, and you can’t easily make changes to the signatures.
A simple design goes a long way. Don’t think of your signature as needing to cram as much information into it as possible. Simple designs are easier to code, and also have a much higher chance of looking consistent across all mail clients.
Animations are fun to look at, but most of the time they don’t work with email signatures. In addition to possibly being perceived as immature, animations don’t always technically work with email clients.
Some email clients convert GIF animations to still images. So, if you have an animation of your head moving around, your recipient might see a still image of the side of your head…not a good look.
There isn’t enough room for them, and the idea is to keep your email signature clean and clutter free. Avoid using quotes in email signatures, unless it’s something like a CEO quote that enhances the brand image.
Creating an email signature is quite straight forward as long as you keep these tips in mind. Hopefully, now you should be fully equipped to make a really great looking email signature that will be compatible and at the same time have all the features you want.
Featured image via DepositPhotos.
Remember Grumpy Cat? That famous feline whose face could rival the grumpiest of Monday mornings. Born with a perpetual scowl, she managed to capture t
Let’s get one uncomfortable truth out of the way: web design is no longer about aesthetics, usability, or even user experience. Those noble goals have
Let’s get something out of the way: “user journey” and “customer journey” aren’t interchangeable buzzwords you can toss around to sound smart in meeti
The quality of critique sessions is a clear indicator of how well the creative process is being managed. When a design critique goes well, it can crea
Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to make life that little bit easi
There’s a buzzword circulating in tech forums and developer communities that’s hard to ignore: vibe coding.You might have seen it tossed around, somet
We are a dynamic information platform dedicated to delivering timely, relevant, and reliable content across a broad spectrum of topics. From the latest in technology and business to lifestyle, health, and global affairs, we aim to keep our readers informed and inspired.
Our editorial team is committed to maintaining high standards of accuracy and clarity, ensuring that every article provides value and context in an ever-changing world. We believe in the importance of accessible knowledge and strive to make complex topics understandable for everyone.
Whether you're here to stay updated on current events, explore thought-provoking features, or simply learn something new, our goal is to offer a trustworthy source of information that meets the needs of a diverse and curious audience.