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
  • 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

  • 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.
‘Voilà – you’ve learned a New Trick

I'd like to hear from you so please leave a comment and let me know what you are interested in!

{ 15 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!

Adrian March 7, 2010 at 6:44 am

Here is a better solution “Gmail signature with embedded image (workaround for “Images are not displayed. Display images below”)” http://blog.wedran.com/2010/03/gmail-signature-with-embedded-image.html

Liam March 19, 2010 at 2:39 am

Hi
I’ve been looking everywhere for something like this so thanks a million!

I was wondering though, do you know if there’s a way to get the image to attach to the default signature? In other words, to have it appear each time you compopse a message, rather than having to insert it each time?

cheers!

Par 4 Media May 11, 2010 at 3:23 pm

That’s sweet. i’ve been trying to figure out how to do this all day. Thanks for the tutorial.

tomhodgins June 10, 2010 at 11:59 am

I think you meant ‘Voilà at the end.

The difference is ‘Voilà’ means ‘see there’, where Wallah means ‘I swear to God’ in arabic.

slight difference (and arguably both work in this case) – just thought I’d clarify

Sarah June 17, 2010 at 12:35 pm

hi there. I succeeded in adding the image to our signature, but there is a purple frame around it. How do I get that off? It was not part of the original photo that I uploaded.

Kon July 2, 2010 at 10:57 am

Very helpful post on adding picture to Gmail signature.

Please add a section on how to put picture to the right of the text, pehaps by using HTML code for a table (one row with two columns).

Leave a Comment

Previous post:

Next post: