How to add an image to your Gmail signature

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

{ 9 comments… read them below or add one }

Chad July 12, 2009 at 11:57 am

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!

sugitha July 20, 2009 at 2:20 am

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

Mariel Potter August 10, 2009 at 8:40 pm

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

Judi August 14, 2009 at 10:17 am

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

Rick September 24, 2009 at 3:14 pm

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.

Rahul October 8, 2009 at 11:50 pm

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.

Subir October 12, 2009 at 6:55 am

It works….Thanks

Paymon October 15, 2009 at 9:13 am

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.

Judi February 20, 2010 at 10:26 am

Your so welcome! This is the most read post on my entire site!

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post: