How to add an image to your Gmail signature

Gmail is a great app but until recently it was difficult to add a graphic image to your email signature line. I have updated this post to reflect Google’s added functionality.

  1. Sign in to your Gmail account.
  2. In the upper right hand corner, next to your e-mail address, there is an image of a gear. Click on the gear and choose “Mail Settings” from the drop-down box.
  3. You will see the  “General” Settings page, and two thirds of the way down the page is “Signature”.
  4. Under the option of  “No Signature”, you will see a drop down showing all of the e-mail addresses you have set up to come into your Gmail account. You can create a separate signature for each of these addresses. But for this purpose lets stick to one.
  5. Select the e-mail address and there will be a WYSIWYG ( What You See Is What You Get) edit box. You can simply write the signature as you wish it to appear in the box. You can also include hyperlinks to your website or social media accounts. ( highlight the words to be linked and then click the chain link to bring up the box to type in the URL,  starting with http:// , of where you want the link to take you. And it is done)
  6. To add an image you will see a little photo icon. Select that and a box comes down asking you for the Internet address of the image that you want to insert. That may be a problem for some of you who don’t have your images online anywhere.
  7. There are several ways to get one online. a) You can upload one to your WordPress website and copy the link url from the image uploader area. It is right above the image alignment choices. b) you can use Flickr or Picasso to upload an image and then copy the url of that image when you have the image view open in the program.

These are the  previous instructions as to how we suggested you do this before Google added the ability to have html and images in their e-mails:

If you don’t have a photo already uploaded somewhere online you can use Blank Canvas to add a graphic to your Gmail signature.  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:’ fieldHow 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

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. At New Tricks we think adding a signature to your e-mail is essential for social marketing and now ‘Voilà – you’ve learned a New Trick. So go try it.

Want More Tips? Get Just a Digital Minute !

Be sure to go sign up for our Just a Digital Minute where each week you will get one great easy to do Social Media tip delivered to your e-mail.

Please Share!
About Judi Knight

Judi Knight is the founder and chief at New Tricks. When she’s not working with businesses to create their online goodness, she'll be checking people into the Urban Oasis B &B,  planning WordPresss events or hanging with her husband and three Basset Hounds.

Want to get in touch? Shoot me a note, Sign up for my free social media tips or,
Better yet, want to work with me? Check this out.

Comments

  1. 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=2

    Thanks!

  2. 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 says:

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

  4. 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.

  5. It works….Thanks

  6. 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.

  7. 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-wi

  8. 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!

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

  10. tomhodgins says:

    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

  11. 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.

  12. 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).

  13. It seems as though gmail is now allowing one to upload an image as part of one's signature (provided that the image is hosted somewhere). I was able to create a "business card" graphic myself and put the link to the image in my signature.

  14. This has been sooo helpful thank you. I almost gave up on using gmail because I didnt think I can do a graphic signiture. This has really solved it.
    PS you can also do this for Chrome, and I didnt have any issues with the glitches you mention

  15. ptnguyen111 says:

    Thank you very much for your post. I will try it.

    Is the signature be permanent or i have to create it every time composing a message?

  16. I dont use any browser than chrome – if this is a firefox app or ad on – what do I do? I don't want fire fox or IE on my machine but I do want to be able to put my business face book badge as part of my signature in gmail.
    Pls help

  17. I've been using Gmail for a long time now and actually didn't know they had this option. I'll think of something useful to add to my signature. Thanks.

  18. Here is another way to do this (working in all browser)

    1. Upload your image to Picasa.
    2. Make the album which is holding the image Public.
    3. Right click on the image and save its URL.
    4. Go to the Gmail Settings > Signature > Click on Add Image button and paste the image URL ( If everything is OK you will see your image ).
    5. Now go back to Picasa and change the Album share options back to private or whatever you want.

    Den

    • not working. I got the URL from Picasa and when I paste it into signature, nothing happens

      • When you copy the URL from Picasa you have to select the pic icon box. When the pic icon box pops up, paste the url from picasa into the space provided. When this stage is complete, select the link icon and paste the hyperlink into this field.; Leave all of the other fields blank. Once saved, go to compose a test email to self, open the mail and select an icon and it WILL direct you to the hyperlink address..

        Hope this was helpful

    • I too struggled with this method. The image is fairly small yet never appeared in the signature box after I clicked Add Image. This is getting frustrating, as I've tried several methods to do something which in the scheme of things should be very simple. Any Plan B suggestions that are easy to follow?
      Thanks!
      Mikey

      • Hey Mikey, Try following the above instructions. They do work….BTW. If you go to Google images, on the left of the page is an option for you to search a pic, logo, icon per size. I selected my pixel sizes at 40×40. Once you save these upload to your picasa. Right click and select image info. Your pic will already be highlighted…What you will want to do is look for Location which is under that and copy and paste this URL into the signature picture box.

  19. Here is another way to do this (working in all browser)

    1. Upload your image to Picasa.
    2. Make the album which is holding the image Public.
    3. Right click on the image and save its URL.
    4. Go to the Gmail Settings > Signature > Click on Add Image button and paste the image URL ( If everything is OK you will see your image ).
    5. Now go back to Picasa and change the Album share options back to private or whatever you want.

    Den

  20. That Picasa method worked nicely. THANKS TO ALL!

  21. i'v been using gmail since long but unaware of this signature

  22. Cool!

    I have used Black Canvas to create an awesome image signature for my Gmail accounts.

    Thanks for the tip! ;-)

    Pat

  23. In Gmail's settings, there's an option (in the editor) with an image of a turquoise square – that should bring up a pop up for you to attach an image to the signature. Do you see that option present?

    I would have attached a screenshot but I'm at work, and it'll get a bit too cumbersome.

    It looks something like the image below (not sure if it'll show up though)

    read more on http://www.google.co.in/support/forum/p/gmail/thr

  24. Google now allows you to add an image to their signature but you have to have a url for the photo you want to use. Which means it has to be already uploaded somewhere on the Internet. Den has some instructions above for getting your photo from Picasa.
    My recent post 30 WordPress Plugins You Can Count On

  25. Thanks so much! This worked great. We run a site that markets for Music Conferences and I'm sending out our first batch of emails today!!
    My recent post How To Gain An Unfair Advantage + A Sweet Tip You Can Use Today

  26. Isobel Boyes says:

    I uploaded my pic (my co logo) to Picassa, copied the URL, pasted it into the Signature bit when it asked me to. Nothing. No activity, no pic appeared. So what do I do now?!!!! This is the link: https://picasaweb.google.com/10534926704370614914….
    Does it look right???

  27. I didn't know Google supports it. Its great.
    Now I can use this http://imgsign.com signature on gmail.

  28. nice website it help me alot

  29. in creating my signature, it was easy to get the image to appear in my outgoing emails……HOWEVER….I should be able to link this image to a website………..This is not easy………….any ideas???

    Separate question.

    How will I know if this question gets answered? Do I have to keep coming back here to check??? or will it be email to me ???? Thanks

  30. Perfect. Thank you!

  31. Thank you! Finally got my headshot in my signature!

  32. With havin so much content do you ever run into any problems of plagorism or copyright infringement?

    My blog has a lot of unique content I’ve either authored myself or outsourced but it appears a lot of it is popping it up all over the internet without my permission. Do you know any solutions to help protect against content from being stolen? I’d genuinely appreciate it.

  33. Can you make the image clickable? I am uploading a Facebook icon and would like to redirect people to our org's Facebook page…

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

Speak Your Mind

*

Sign up for the Free Video Training Series, Getting Started wIth WordPress
Join Us!