Macintosh Mail Custom Email Signatures

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

  1. [Download the code here]
  2. Unzip the file
  3. Open the HTML file with notepad or other text editing or HTML editing software.
  4. Edit to reflect your company information.
  5. Replace https://lenashore.com/stamps/Web-Logo-stamp.jpg with the path to your own graphic.
  6. 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.

  1. Open Mail and go to Preferences–>Signatures
  2. 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.)
  3. Make this your default signature by selecting the proper account and choosing it from the “Choose Signature” area.

Edit your placeholder signature

  1. 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)
  2. You will notice that signatures in this folder  have crazy looking names like “1CF6A404-88B6-484F-A69E-69897A0C2885.mailsignature”.
  3. 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.
  4. Open this file with your editor.
  5. 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.
  6. 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.

  1. Select the file you just saved in the previous step and “Get Info” (File –> Get Info).
  2. Check the “Locked” box.
  3. Close the Get Info pane

Make it all work and bask in your “smartitude”

  1. Restart you Mail.app
  2. Compose your mail and use your new shiny signature.

Happy signing!

Posted in ,

Lena Shore

Lena is a full-time freelancer and nerd that specializes in web development, graphic design, and illustration. She enjoys building things, learning new things, pursuing creative endeavors, and giving free advice.

17 Comments

  1. Malcolm Hills on September 24, 2012 at 12:45 pm

    “Now, go to your home folder –>Library –> Mail –> V2 –> MailData –> Signatures ”

    (Using Mountain Lion) I have a problem here – I can see my Library file but I don’t have a ‘Mail’ folder in it. Likewise, searches for ‘Mail’, ‘V2’ and ‘signature’ turn up blank. My Library file is not hidden and I have several signatures set up in Mail ???



    • Lena Shore on September 24, 2012 at 1:36 pm

      Are you using the Mail.app? Maybe a search with “hidden files” would help?



  2. Malcolm Hills on September 24, 2012 at 1:51 pm

    Nope – I am using Command-F to search for ‘invisible’ items .. but Library is not hidden anyway, I can navigate to it and search all folders in it – there just isn’t a mail folder.. 🙁
    100% using Mail.app – its the only one I use on computer.



    • Malcolm Hills on September 24, 2012 at 1:58 pm

      Hmm. Interesting. Just solved this (weird) as follows:

      The Library folder was not hidden, however, I went into terminal, used “chflags hidden ~/Library/” to hide it and then immediately used “chflags nohidden ~/Library/” to reveal it again.

      Upon opening the Library folder after doing this, there were a number of folders now visible which were *not* visible before.

      Could it be that the above command applies to all sub-folders, and somehow some were hidden from a previous action?

      Interesting!



      • Lena Shore on September 25, 2012 at 9:14 am

        I’m so glad you figured it out. That might be a good tip. I guess it applies to sub-folders. I would not have thought that. Huh. Interesting. You win!



  3. garth wilson on October 8, 2012 at 8:09 pm

    My old signatures (lion and prior) use div’s and not tables. Which is better? And can you explain… Thanx!



    • Lena Shore on October 9, 2012 at 5:15 am

      I used to use divs myself for my signature – but realized that some email clients just don’t like them. It’s better to use tables for more compatibility across email clients.



      • garth wilson on October 9, 2012 at 6:17 pm

        Great. Hey thanks for taking the time to answer my question and writing this article.



  4. Kerry on February 14, 2013 at 9:30 am

    Hi Lena,

    Thanks so much for writing this article! I was getting caught out with an embedded logo with Spam Assassin so was looking for a solution. One question however is within gmail when I sent a test the text on the right hand side was not aligned with my logo. See screen shot here: https://www.evernote.com/shard/s23/sh/4d356c91-5dc1-4fdd-899d-dc5e556416c7/e9dce5f6d9e349c0ac15c13c4a287dc1

    Any way to solve that?



    • Lena Shore on February 14, 2013 at 9:55 am

      You are welcome. Looks like you did a great job!

      I assume you are speaking of the top alignment? If so, I wonder if you have padding around your p tag. Try telling the p tag: “margin-top: 0; padding-top: 0”



      • Kerry on February 14, 2013 at 10:04 am

        I don’t seem to have any padding there. It looks fine in Mail on OSX 10.8 – its just Gmail. See code below:

         


        Professional Photographic & Fine Art Printing, Intuitive Image Upload Systems, Fine Art Framing, Limited Edition Printing
        Kerry Keays | http://www.point101.com | Tel: 020 7241 1113
        Our Art Blog | Giclee Microsite | Facebook | Twitter



    • Lena Shore on February 14, 2013 at 10:10 am

      Yeah. I see a p tag around that first line without any styling. Try adding the margin/padding to that. If that confuses you, send me an email with the code pasted into it and I’ll show you where it goes. (:



      • Kerry on February 14, 2013 at 10:24 am

        That did the trick thanks Lena!



  5. Daniel on August 7, 2014 at 10:11 am

    Thank you so much!!



  6. yngve rødli on April 15, 2015 at 2:41 pm

    thnx for the tip. But why hasnt anyone made an app for this yet? unbelivable that noone has solved this to make it easy to make pro email signatures for mac users



    • Lena Shore on April 15, 2015 at 3:03 pm

      Not that I am aware of. But, maybe! It seems like it would be popular. Of course, you still have to edit it to host your image on a server somewhere.



Archives