Looking for an email signature, a Retina email signature – for Apple Mail?
You’ve come to the right place!
I’ve had a signature for a while but was never truly happy with it. I paid a bloke in Chennai £10 to do it for me as I didn’t have the time, and couldn’t be bothered.
Having a free day a few weeks ago though I decided to sort my signature out, including both my logo in Retina form and a link to a vCard people could add.
I did debate over including a vCard as nowadays, on iPhones anyway, whenever an email sender isn’t one of your contacts, their details appear at the top of the screen – asking if you would like to save them as a contact.
Not being sure about Android and Windows users, I decided to go with it.
Okay so let’s get into it shall we?
This will take you 5 minutes, plus time to customise your own signature.
1 Hit ⇧⌘G or, Go -> Go to Folder. Type ~/Library/Mail
2 Navigate to ‘Mail Data’. You may have to do some digging due to iCloud usage, the folder names may be different, but it is there.
3 Inside open ‘Signatures’.
4 Leave this for now and go open Mail.
5 Hit ‘Mail’ -> ‘Preferences’ and click the ‘Signatures’ tab.
6 Click the + button to add a new signature. Leave it as the default for now.
7 Back to the Mail window you previously opened – you should see a file called something like ’33AAB022-E872-4609-9E48-6006771C17A0.mailsignature’.
8 This is the signature you created a second ago. Open the file with your favourite text editor (I’m using Sublime Text 2) and delete everything except the top 5 lines – it’ll leave something like this:
Content-Transfer-Encoding: 7bit Content-Type: text/html; charset=us-ascii Message-Id: <D4C98514-9C5E-44F0-92C9-557FD88E9BB3> Mime-Version: 1.0 (Mac OS X Mail 8.2 \(2070.6\))
9 You’re now free to add the HTML to this file which will display your signature. Here’s my code, feel free to copy and paste it, then customise until your heart’s content.
Note I won’t be going into HTML syntax – if you’re unsure what to change, Google HTML and read a few tuts, it’s pretty simple and if you’re reading this you’re more than capable.
In order to display a tidy Retina logo, save out your logo twice the size you would like it to display at and declare width and height attributes to force it to shrink into the space. Upload this to your webspace and copy the URL into the code. Personally I just used the logo on my website as it was already there.
Same for your vCard. Upload it to your webspace and use the URL in the code.
10 Save the file (and a backup copy to the desktop for now) and hit ⌘⎇ I , or right click, and hit ‘Get Info’. Now check ‘Locked’. This is important because if you don’t lock the file and open Mail it will overwrite your hard work and you’ll have to start again.
If you encounter problems copy and paste the code from the backup copy you saved to the desktop.
11 Open Apple Mail and BOOM, signature mapped to your email account.
12 Go get a beer and pat yourself on the back…