TechJunkie is a BOX20 Media Company

Home Web Use Custom Images In Your Hotmail Email Signature (How-To)

Use Custom Images In Your Hotmail Email Signature (How-To)

Note that this is for the web-based version of Hotmail. If you are using Hotmail with the Windows Live mail client, see this instead.

Hotmail does allow for the use of limited HTML in email signatures, and this does include the use of images as long as they are hosted in a public place.

All that’s required for you to do this is the following:

  1. Use a free image hosting service and upload your image there.
  2. Get the direct link to the image from the image hosting service.
  3. Input this link into your signature using the HTML <img> tag.

Here’s how that’s done:

First, get your image. Use whatever image you want.

Second, host your image. For this example I will be using ImageShack because it has a super-friendly auto-resize feature. Simply check the box for “resize image” and select “100×75 avatar.” This is absolutely perfect for signatures as it’s just the right size so it won’t annoy people you send mail to.

For my example I will use an image of a disgustingly ugly pair of dopey pants:

image

After you upload your image to ImageShack, you will see a screen for a “Direct link to image,” like this:

image

Click the word “link” to the right of “Direct.” You will then have the full direct link to the image in your address bar:

image 

Leave this open for now because you’ll need to come back to it in a moment.

Open a new tab in your browser. This is done easily with CTRL+T.

Go to www.hotmail.com and login to your Hotmail account.

On the far right, click Options then More Options, like this:

image

Select Personal e-mail signature under Customize your mail, like this:

image

In the email signature editor, select Edit in HTML, like this:

image

In your email signature, type:

<img src="">

..like this:

image

Go back to your other tab where your ImageShack hosted image is. Highlight all the text in the address bar and press CTRL+C to copy.

Now go back to your email, click between the two quotes and press CTRL+V to paste.

It should look something like this when done:

image

Now click Edit in HTML and change back to Rich Text. Your image will now show in your signature. Click once after the image to see your blinking cursor, then type whatever text you want to appear.

Example:

image

When finished, click the Save button at bottom right.

At the top left of the next page, click Go to inbox to go back to your mail.

Click New to compose a new email.

You’ll see something like this:

image

..and that’s all there is to it.

A few quick end notes:

  • If you’re thinking about using Flickr to host your email signature image, don’t. Having a direct-linked image with no link-back to Flickr is a violation of their community guidelines.
  • Sometimes when loading your signature, the image may not show up instantly as it has to “call” it from another server every time it loads. This is usually just a very short pause since the image is small.
  • Being that your image is hosted elsewhere, there is the chance that it will get deleted after a certain amount of time. This is easily remedied by simply re-uploading the image and re-editing your signature to reflect the new location. Be sure to save whatever image you use for your signature somewhere local (like a USB stick for example) just in case you have to do this.
  • DO NOT direct-link from somebody else’s web site, because that’s just plain rude and it “steals” bandwidth. Either host it with a free image hosting service, put it on your own web site, or don’t do it all.
  • No, those are not my pants.

Notes for Yahoo! Mail users:

I know this article is about Hotmail, but believe me, if there were a way to do this in Y! Mail, I’d happily instruct you how to do it. Y! Mail currently does not allow any HTML whatsoever in their email signatures, however, something in the back of my mind distinctly remembers that they used to allow it.. I’m pretty sure of that although I can’t prove it.

When Y! updated their mail system fairly recently, a few things in the mail signature section broke.

For example, if you try to insert an emoticon, which is a direct-use Y! feature, you get this lovely little message:

image

Yahoo evidently likes dangling the carrot for its mail users. The stationary (as in the last icon on the right in the signature editor) doesn’t work either, by the way. Gee, thanks Yahoo.

Easy MP3 Album Art Import/Export With Mp3tag

Read Next 

5 thoughts on “Use Custom Images In Your Hotmail Email Signature (How-To)”

Pingback: The Art And Science Of The Email Signature
Pingback: The Art And Science Of The Email Signature | Web Design Cool
courier software says:
I had one bad experience with un-closed tag (invalid html) in my signature.

This days I’m using xhtml and validate before sending any html based mails.

Thanks

tommy says:
Wow nice, I never thought you could actually do that.

Does this work only with imageshack, or can we use any image host llike http://www.shareApixel.com to get the link?

Rich Menga says:
Works with any image hosting service that allows direct linking (so the answer to your question is most likely yes.)
Dan Brown says:
wonderful read, keep up the great work. more writers like you are needed on the net

Leave a Reply

Your email address will not be published. Required fields are marked *


Adam

Oct 14, 2009

643 Articles Published

More