Creating and Using A Gravatar Image on Blogs and Other Sites

So you’ve been looking at a few blogs, and you see that some of the comments have a little image next to them. How did those people do that? A person comments, and there’s a custom picture sitting there next to their comment! They have an account with Gravatar.com, and you can too. This post will explain how to set up your “gravatar” so that when you comment on blogs, you too will have that custom image you been longing for.

What is a “Gravatar”?

A gravatar, according to Gravatar.com, is a globally recognized avatar. Got it? Well, for those that are utterly confused by what I just wrote, I’ll break it down for you.

my avatar and gravatarAn avatar is a graphical image, like my little kitty to the left, that represents someone. The kitty is my avatar, and everywhere I go, I use this same image. He’s pretty much my own personal brand that I have created for myself. My softer side as it were. :) Yes, Hellboy and I have something in common, we both love cute, furry little kitty cats.

So, just like you can instantly recognize a can of Coke (the soda of course), where ever you see this image on the Internet, you can suspect that I’ve been there. Not always of course, there could be others using the same image as I am, but what are the chances that someone has a fluffy white kitty that looks ready to hop on the back of a motorbike and ride? Not many I suspect. I like to think he’s in the middle of saying ‘Let’s motor!’. Silly, I know.

So, with that said, a “globally recognized avatar” would be the same thing, but on a global scale. When I go from blog to blog, I enter the same email address that I used to sign up with at gravatar.com, and if the blog has support for gravatar images, then when I post a comment, it will reach out to gravatar.com and get my image for display next to my comment. If the blog doesn’t support gravatar’s, then you won’t see an image.

Setting up your gravatar image

To set up your gravatar, follow these simple steps:

  1. Find your Image – Find yourself an image you would want to use as a gravatar. You’re going to have to supply one, so you might as well find one first right? Right.

  2. Sign-Up with Gravatar.com - Visit Gravatar.com and sign up. You will need to supply the site with an email address. This is the key to using gravatar’s. When you enter a comment on a blog that supports gravatars, you will use the same email address that you did to sign up with gravatar.com.

    Once you have entered an email address, you will need to check your email for a confirmation email from them. Click the link found in the email and continue to the next step.

  3. Confirm your Email – Now that you have confirmed your email with gravatar.com, you can enter in a nickname and your password for accessing the gravatar.com administration pages.

    Your nickname needs to be unique amongst all the other gravatar users. Why? Because they have something up their sleeves that they are not letting on to, and I believe it may also be due to their integration with WordPress. Anyway, find a nickname and enter your password twice, then hit the “Signup” button.

  4. Upload your Image – It’s time to upload your image. Click the “Add one by clicking here!” link to be taken to a selection page. You can provide an image from either your hard drive, an image on the Internet (an http address) or from your WordPress.com account if you have a pre-existing avatar there.

    If you choose your hard drive, click the “Browse” button to point to the image on your local disk drive and click “next”. If you choose an Internet address, paste in the URL to the image you want to use. If you choose the WordPress option, you should have used the same nickname or email address as your WordPress account. Gravatar.com will automatically find your avatar on the WordPress system and bring it in.

    Supported image types are JPEG, GIF or PNG files.

  5. Crop your Image – Because images can be a variety of shapes and sizes, Gravatar.com will allow you to identify a portion of the image you uploaded that will be used to make your gravatar. You can call it “squaring off” or “cropping an image” as it is officially called. Using your mouse, click and drag a square around the portion of the image you want to identify as the area that will make up your gravatar image. If you want the whole image, then you need to create a square around the whole image. Please note that gravatar’s are sized to exact specifications, which is an 80×80 pixel square. the gravatar interface will automatically shrink whatever selection you make to an 80×80 square. You will see a preview on the right hand side to help you get the picture you want.

    When you are satisfied with your handiwork, simply click the “Crop and Finish!” button on the top right hand side of the page.

  6. Rate your Image – Choose a rating for your gravatar. Obviously, there are those out there that think a severed head or pair of breasts best suits them, others may think Dumbo or some other Disney character. (Never thought I could ever use all those those in the same sentence, but look at me…always surprising myself…). Either way, use your best judgement and select the rating for your gravatar. (Remember, this is going to be your ‘brand’ that people will begin to recognize you with. So be smart about it, especially if you plan on doing any Internet business or serious blogging.)

    The rating is used by web sites to ensure that some graphics do not display if they are beyond a certain rating. I’m not sure how well this actually works. I’d call a pair of boobs pretty tame myself and give them a G rating, but then, the majority of people don’t think like me either, so I’m at their mercy on that one. Unfortunately for the world.

    Click the rating that best describes the level of violence or nudity in your image, as that is what it really boils down to right?

  7. Congratulations! – That’s it! You’ve created a gravatar and you are ready to begin using it. Well, there may be a slight delay in it appearing on other sites actually. I’d give it a few minutes before you try it out, just to be sure. I tried it immediately after creating one, one time, and my browser hung while the web site tried to fetch my newly created gravatar.

Try out your new gravatar!

Go ahead, leave a comment down below and lets see your handiwork. I don’t have any rating level set on my blog, so let them rip! I will, of course, remove anything I find objectionable to my audience and friends, but not until I’ve had a chance to see it.

Leave me a comment below and let me know if this helped you out. Did I miss anything in the process? Did gravatar.com change their site on me and this whole thing is now completely wrong? (some day, that will happen…) Do you need any further assistance getting things to work for you? Just let me know, I’m here to help you out.

I hope you enjoyed this explanation and tutorial on gravatar’s as much as I enjoyed writing it. Please stumble or bookmark with your favorite bookmarking app if you felt this was worthy. If you would like to get more of my writing delivered to you directly, please subscribe to my blog by email, or grab the feed and pop it in your reader.

Peace and love, and let’s see those gravatars!


You might also enjoy these related posts

  1. Why don’t you have an avatar yet? If you’re actively commenting on blogs and don’t have a custom avatar to reside alongside your comment, why don’t you have an avatar? I see spammers with avatars and sometimes...
  2. Blogger.com Help – Lesson 1 – Creating Your Blogger.com Account and Blog Note to new visitors! If you would like to know more about this series or view all available lessons, just follow the appropriate link. Welcome to the First Lesson Greetings...
  3. 10 Cool Create an Avatar Web Sites // The best way to create an avatar can be found here. It’s the only place that allows you to manage your avatar locally on your home computer instead of...
  4. 5 Tips for Commenting On Blogs Here are some excellent tips for commenting on blogs.  If you are a blogger, you are probably used to commenting on blogs.  If you operate a web site, you may...
  5. WordPress Blogs Attract the Most Spam Comments I’m frustrated.  I’m also convinced that if you create a WordPress blog, you will attract spam.  Since migrating from BlogEngine to WordPress, I’ve seen a huge increase in the amount...

About Wayne

Wayne John is a web developer in Southern California that shares his 25+ years of programming and web development experience freely and happily to anyone willing to learn. He also loathes speaking in the third person. If you enjoyed this post, make sure you subscribe to my RSS feed or get updates in your email.
This entry was posted in Blogging Help & Tips and tagged , , , . Bookmark the permalink.

79 Responses to Creating and Using A Gravatar Image on Blogs and Other Sites

  1. Jill says:

    Not sure what I am doing. Checking out my new gravatar I just set up hopefully.

    • Wayne - Twitter:
      says:

      Looks like you got it!

  2. Alex - Twitter:
    says:

    So nice of you. I have created my Gravatar by your instructions. Now lets c does it work or not :)
    Alex´s last blog ..Internet Security Software Comparison and ReviewsMy ComLuv Profile

    • Wayne - Twitter:
      says:

      I see an avatar, think you’re good to go!

  3. Faith says:

    comment testing

  4. Heather Rae says:

    Thanks for the info – very helpful!
    Heather Rae´s last blog ..My First Week Away from the Day Job My ComLuv Profile

  5. Carolyn says:

    Ok, thanks, I guess it’s just me being my usual, impatient self.

  6. Wayne says:

    Carolyn, give it some time. It’s a caching issue and will eventually show the correct image.

  7. Carolyn says:

    Wayne, I have changed my Gravatar image. It shows up under friend connect, but why not in my comments and the top commenters?

  8. dope shit right there! i like the idea of the icon.

    also, http://www.proxiesforrent.com.

  9. Dagu says:

    I’ve used it. Nice article!

  10. big boat fan says:

    great article.

  11. Wayne says:

    So, you guys going to make one for yourselves and share it? Thanks for popping in! Let’s see the avatars!

  12. Great tutorial, I’ve always thought of creating a gravatar but it was always too much of a hassle to try.

    This is quite beneficial!

    Thanks

  13. Diseño web says:

    Useful post. I will make my global avatar now. Thanks.

  14. Mike says:

    Thanks, Mike

  15. Wayne says:

    Yup! It worked!

  16. Manz says:

    OK – let’s see if I worked this one out…???

  17. Wayne says:

    Tomas you are very welcome. I don’t think I have seen such a nice Thank You as you have written there. Thank YOU!

    Bannie, I’m fine…how are you? lol

  18. Bannie says:

    Hi John…

    How are you…!!(blog walking)

  19. Tomas says:

    Thank you for the information. Your care with us touches my heart. The Gravatar is like full-dress suit we put to enter the web. That disciplines out of itself – reminds about the responsibility for the words we share. Thus I questioned myself “what’s my message?” And thus Thank You was discovered once again. So Gravatar helped to remain grateful.

  20. Ankit says:

    Yipee!!Its working now.
    Guess i was too early to comment:-)

  21. Wayne says:

    There it is! They have a flaky caching system methinks…

  22. Ankit says:

    Aint Coming:-(

  23. Ankit says:

    I never knew i had created an account on gravator already:-).I went now and i just had to select a pic of mine.Dint have a creative idea,so put my own for the time being.
    I owe the first time testing to u:-0

  24. Bannie says:

    I will..

  25. Wayne says:

    Sure thing Bannie! Hope to see you around here more often!

  26. Bannie says:

    Nop… I’ve sign up at gravaatar a few months ago…btw thanks for the post and your visit at my blogspot.

  27. Wayne says:

    Thanks Bannie! Looks like you have a frog on the road there. Did you just make that?

Leave a Reply

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

*

You may 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>

CommentLuv Enabled

Enter YourName @ YourKeywords in the Name field to take advantage of Keyword love. Please note, I normally won't approve comments that use products or niche keywords for a name. Get your comment approved, don't be a spammer.