How to add HTML signature with image in Gmail

September 23, 2009, Category: Email

How to use HTML code and image in signature in GMail Gmail does not allow you to put HTML code or an image in your signature which gets automatically appended to each outgoing mail, unlike Yahoo! Mail and Hotmail. Both Yahoo! Mail and Hotmail allow you to have HTML signature. Gmail has no such feature inspite of the fact that in many other respects Gmail is highly advanced. One does not know what is the reason for Gmail to not provide such an elementary feature, though it appears to be a deliberate exclusion. However, you can use the following easy trick to embed HTML code as well as an image in your signature in Gmail.

Look at the following figure as to how signature with HTML code and an embedded image will look like in the Gmail (it is an abridged figure):

Add HTML signature with embedded image in Gmail

Manually embed the HTML signature with image:

Use any HTML editor such as Microsoft FrontPage, Windows Live Writer, Dreamweaver, etc., to prepare your signature with HTML code and with image embedded. You can use whatever HTML formatting code you like and also use your desired image(s). However, please keep in mind that you should use an image which is saved at some web address on the Internet (for example, on your own site or on some free site) since you would be sending the image embedded in your mail which means the recipient of your mail will not be able to see the image embedded in your mail if it is stored on your own computer and is not available somewhere on the web.

Once you are satisfied with the design of your signature, copy the design as such. Remember to NOT to copy the code for the signature but to copy the signature itself as it looks in the WYSIWYG form; for example, in FrontPage, switch to the Design tab (and NOT the Code tab) and copy the signature from there.

Now, open your Gmail and click on Compose Mail to start composing a new email. Paste the aforesaid signature (composed with HTML and image) into this compose mail window in Gmail at the place where you wish the signature to appear; it is typically towards the end of the email. Type whatever other things you want to write in the email in the usual manner. Now, send the email. It will go with your HTML signature and the image embedded in the email.

You can keep a copy of the aforesaid HTML signature with image at some handy place; for example, you can save it in a file. Next time, you need to use the same signature in Gmail, you can simply copy it from there and then paste in your new mail in Gmail. Or alternatively, you can simply copy this signature from a previously sent mail and paste it into a new mail being sent.

Did you like this article? To get all such articles from Tech Superb directly:

Share / bookmark this article:

| More

Related Articles:

3 Comments so far
  1. Jamal September 23, 2009 2:14 pm

    Friend sometimes the copied image is not shown on receipient mail id is there any specific format to use

  2. Ashok September 23, 2009 6:47 pm

    Jamal, there could be several reasons for the copied image not showing up in the recipient’s mail:

    (1) If the image copied in the email was copied from the sender’s computer, then it may not show up in the recipient’s mail for the simple reason that he cannot access the sender’s computer. But, if the image has been copied from some web address or if its exact web address is given in the mail, it may be shown in the mail. In this regard, I may point out that in Gmail you can attach pictures to outgoing email but such image actually shows up as an attachment in the recipients’ mail. It is not physically embedded in Gmail as is the case with some other email services. Therefore, this problem may occur. In view of this reason, I had mentioned in this article that the image to be embedded in signature in Gmail by using this simple trick should have a web address.

    (2) Secondly, the settings in the recipient’s Gmail account may not allow an image to show up. In Gmail, see “Settings” and then “External content”; here the option “Always display external content (such as images) sent by trusted senders” needs to be selected.

    (3) Thirdly, even if the above settings are correctly selected, Gmail’s policies with regard to images may restrict showing an image in the recipient’s mail if the sender is not a “trusted” sender. Please read the details of this policy at web page http://mail.google.com/support/bin/answer.py?hl=en-GB&ctx=mail&answer=145919 which deals with the topic “Display images from certain senders”. It is explained in this page that “When you receive an email that contains externally linked images, Gmail usually doesn’t display the images automatically. This behavior is designed to help protect your privacy; if we displayed the images automatically, it could potentially allow the sender of the email to see that the images are being fetched, and therefore know when you’ve read their message.” Please read the full details at the said web page as to how the sender would qualify to be categorized as a “trusted” sender.

    I hope I have been able to understand the question correctly and answer it. In fact, the simple trick mentioned by me in this article can be used also for embedding an image in Gmail in addition to its use in the signature.

  3. Donny November 18, 2009 3:04 am

    Umm… use WiseStamp (www.wisestamp.com) – you can create 2 signatures and it runs as a plug-in to FireFox. Works in several web-based email clients (Gmail, Yahoo, Hotmail, etc.).

    You can use WYSIWYG editor or paste in raw HTML code (in advanced edit mode) — it works like a champ!

    Good luck

Leave a Comment

If you would like to make a comment, please fill out the form below.

Name (required)

Email (required; will not be published)

Website (optional)

Comments

Copyright (c) 2009 Tech Superb. Contact: info AT techsuperb DOT com   About   Privacy Policy