Logo email signatures without attaching or embedding!
This article will explain how to make a logo signature for your Macintosh if you are using Mountain Lion (10.8) or higher. If you are using 10.7 or lower or a PC, please go to this article that explains how.
Reasons to do this
- It looks nice to have your logo in your signature
- Hosting your logo “on-line” (as opposed to making it part of your email) won’t create an attachment when you send an email to someone. You have less chance of getting hung in their spam filters and they won’t get confused by extra attachments.
- Emails without embedded logos are smaller and take up less room in someone’s inbox.
- If you decide to change your logo, you can do it on your end and everyone else’s email with your signature will reflect the change.
You will need:
- Your logo uploaded to the internet and the path to it.
EXAMPLE. See how when clicking the sample you only get the logo and nothing else? Note the URL (https://lenashore.com/stamps/Web-Logo-stamp.jpg). That is the full path to the image and the link you will need.
- A basic text program (i.e. Text Edit, Notepad) or HTML program.
- My sample code. [Sample Code]
The end result will look like what you see below. But you will alter it to include your own logo and information.
Create the HTML
Using My Code
- [Download the code here]
- Unzip the file
- Open the HTML file with notepad or other text editing or HTML editing software.
- Edit to reflect your company information.
- Replace https://lenashore.com/stamps/Web-Logo-stamp.jpg with the path to your own graphic.
- Save your html file someplace where you can find it.
Or From Scratch
If you’d like to create your HTML signature from scratch you may want to keep a few things in mind.
- Using tables for basic layout may help your email readability on more email clients. If you want to float an image, some email clients don’t like the float property.
- Use inline CSS.
- Stick to basic “old-school” CSS. The fancy stuff won’t show up in all clients. Think of mail clients as old, horrible, versions of Internet Explorer.
- Make sure all of your links use absolute URLs
- Make all images with absolute paths and are hosted on a server.
- Exclude html, head, and body tags. Use only relevant code.
Create a placeholder signature in Mail.
- Open Mail and go to Preferences–>Signatures
- Create a new signature by clicking the plus sign in the middle column. (Don’t worry about editing this as we are going to be using it later with our new code.)
- Make this your default signature by selecting the proper account and choosing it from the “Choose Signature” area.
Edit your placeholder signature
- Now, go to your home folder –>Library –> Mail –> V2 (or V3) –> MailData –> Signatures (NOTE: If you don’t see your Library folder, it may be hidden. You can go to the Finder and select the “Go” menu while holding the option key down)
- You will notice that signatures in this folder have crazy looking names like “1CF6A404-88B6-484F-A69E-69897A0C2885.mailsignature”.
- Locate the signature file you just created. If you have multiple signatures, view as a list and check the date to determine which one you just created. You might find it helpful to tag or color code your signatures if you have a bunch of them for the future.
- Open this file with your editor.
- Replace the HTML code (the part I highlighted in blue) with the new HTML code you created. Leave the first 5 lines of metatag stuff alone.
- Save and close
Lock your new signature file
This is an important step. If you don’t follow it, the file will revert to what it was before and you’ll be pulling your hair out wondering what happened to all your changes.
- Select the file you just saved in the previous step and “Get Info” (File –> Get Info).
- Check the “Locked” box.
- Close the Get Info pane
Make it all work and bask in your “smartitude”
- Restart you Mail.app
- Compose your mail and use your new shiny signature.