How to add an image to your Gmail signature

Posted on May 9, 2009

Gmail is a great app but there are a few quirky things about it here and there. One of the quirks is that gmail doesn’t easily support adding a graphic image to your email signature line.

Adding a text only signature is easy. Just follow these instructions: Adding a Text Signature to gmail

But everyone knows that a picture is worth a thousand words. That’s why I was determined to add a graphic to my signature image.  Enter Blank Canvas to the rescue. Blank Canvas has a Firefox extension that makes it super duper easy to add graphics to your gmail signature line.

Here’s how:

  • Install the Blank Canvas add on
  • Follow the prompt to restart Firefox
  • From Gmail, compose an email
  • Select the new button,‘Create Signature’ which now appears beside the ‘From:’ fieldcreate signature How to add an image to your Gmail signature
  • At this point, you’ll need an html editor.  Since I use WordPress, I simply created a dummy post in WordPress, then copied the html code from WordPress into gmail. You can also use an online html editor like Red Peach Designs or Real Graphics to generate your html.
  • Paste the html into the ‘Signature Html Code:’ block

paste sig html How to add an image to your Gmail signature

  • Save

There is a slight problem that may drive you crazy because you may think it is not working. If multiple tabs are open, the signature will not be automatically inserted until you switch to another tab and back to Gmail. And at first I did not think Blank Canvas was working because I did not get the icons to the right of the from button. But I went out and back in and there they were.
Wallah – you’ve learned a New Trick

  • Facebook
  • LinkedIn
  • Twitter
  • Share/Bookmark

Tags:

8 Responses to “How to add an image to your Gmail signature”

  1. Chad
    Jul 12, 2009

    Ok, I have no experience writing html, and your help section seems good, but I still can’t get it to work. I have a business card that I have on my facebook page. I used that link within the code dohickeys you showed in your example, but it still doesn’t work.

    This is what I am trying to get my signature to look like:

    Chad Diller

    (image)

    Can you help me? My image is found here: http://www.facebook.com/home.php#/photo.php?pid=2620677&id=96597922749

    Thanks!


  2. sugitha
    Jul 20, 2009

    It looks cool, I am searching for a news for how to add a image in google signature, finally i got here, thank you.


  3. Mariel Potter
    Aug 10, 2009

    I use Internet Explorer instead of Firefox so how might I be able to add images to e-mails?


  4. Judi
    Aug 14, 2009

    Marial, Please just go ahead and download Firefox. It is free and it is a better browser.


  5. Rick
    Sep 24, 2009

    Judi,
    Not everyone has the option to use FireFox. In our State the site that manages all Real Estate information requires that users use the MS IE browser (and not version 8.0). The website is coded that way. So every realtor in our state has to be married to Microsoft Internet Explorer if they want access to all the information and features provided. No Choice! I prefer Google Chrome which I think is a better browser that either IE or FireFox.


  6. Rahul
    Oct 08, 2009

    Seems to be a good idea but the entire procedure is a bit difficult for me. Is it possible anyways that the picture can come directly to my signature.


  7. Subir
    Oct 12, 2009

    It works….Thanks


  8. Paymon
    Oct 15, 2009

    Great add-on but it has a problem. If multiple tabs are open, signature will not be automatically inserted until you switch to another tab and back to Gmail.



Leave a Reply

Sign up today for the Best in Breed Newsletter for great tips and tricks!

First Name *
Last Name
Email *

Our motto is, "It is never too late!"

Check these out

New Tricks Recommends You Read:

Companies We Use and Highly Recommend

Freshbooks logo


27 queries in 0.409 seconds.