Forget love, I'd rather fall in chocolate. ~Anon.

Gravatars - or Globally Recognized Avatars

i wrote this on January 12th, 2008 at: 6:22 pm and its been viewed 3,235 views

Debbie, who is a relatively recent visitor to my blog, but fast becoming a regular (I *think* she’s even in the process of transferring over to our hosting service as I write this) made a suggestion about making a post here about Gravatars - - claiming she just can’t figure out those darned things!!

What is an Avatar??
First, a definition. An avatar, as it relates to this post, is a graphical representation of a person. Usually a small-ish icon that gives a visual identity to a name. You see them in use in bulliten boards, discussion forums, chat rooms.. and the like.

What’s with the G?
Gravatars are global avatars - hence, the G. The service can be found at http://gravatar.com. The basic idea behind Gravatar is to provide a global avatar that follows you around the web wherever you go - - and the avatar appears on sites that are Gravatar enabled (like mine is). So, on blogs that are Gravatar enabled, whenever you comment on that blog using the e-mail address from your Gravatar account, your (G)avatar will appear in the comments - either next to your name, or next to your comment text. Having a Gravatar and using it in such a fashion is just another way to individualize your presence on the web.

A little Gravatar history
Currently, Gravatar is owned by Automattic - the fine folks who brought WordPress.com into existence. Automattic’s acquisition of Gravatar happened in October 2007 - they purchased it from Tom Werner. While Tom owned and operated it - it grew at an amazing rate and became extremely popular! So popular that he started having serious problems handling the scale and scope of the project and, as a result, the service itself suffered from extreme lag time, which eventually lead to grumpy users who began to abandon Gravatar altogether because it took way too long for the service to load - - slowing down Gravatar enabled blogs everywhere. And we all know how much we hate slow load times!

Matt Mullenweg made this statement on the Gravatar blog regarding the purchase:

The best ideas are often the simplest. (At least in hindsight.) The idea of globally-recognized avatar, or Gravatar, struck me from the first time I heard it. Of course I should be able to have my avatar wherever I go! Of course email is a great way to key it! Of course there should be an open API for any platform!

Watching how Gravatar changed and evolved over the years I saw a service with great adoption and potential, but facing some classic problems of scale that successful sites are often lucky to run into. Scaling happens to be something my company, Automattic, is very good at, and as we started chatting with Tom Werner of Gravatar it became obvious there’s a lot of potential for combined forces, and I also saw a lot of parallels to Akismet, a product that does one thing, does it well, and has an open API so any platform can use it.So we worked out an arrangement to transfer the code and service from Tom to Automattic,

Since that move happened - there have been no troubles with Gravatar serving up avatars to millions of happy followers everywhere. At least none that I’ve seen - - your mileage may vary. I was a pre-Automattic Gravatar user, myself and I was one of those grumpy users who abandoned the service because of the excruciatingly loooooooooong time it took for Gravatar to load on my site. Since Automattic took over - I haven’t had an issue…yet.

How do I get a Gravatar??
The solution is as simple as it is easy - - visit http://gravatar.com and register there for an account. Once you’ve done that (and activated your registration via e-mail) - you can login to the Gravatar site and upload your own avatar of your choosing and associate that avatar with your e-mail address.

Once that is done and you’ve confirmed your choice - - anytime you visit a Gravatar enabled blog or website, and you use the e-mail address that you registered with Gravatar… your avatar will appear like magic! As an extra bonus - Gravatar does allow you to create multiple avatars with multiple e-mail addresses.. so, if you use different e-mail addys across the web, you can define an avatar for each one!

How do I enable Gravatars on my WordPress blog??
THIS part is even simpler - but it does require a plugin. There are quite a few Gravatar plugins for WordPress floating around out there - - the one that I’ve chosen to use on this blog is Easy Gravatars written by Dougal Campbell - “This plugin will display gravatars for the people who comment on your posts. You do not need to modify any of your template files — just activate the plugin, and it will add gravatars to your comments template automatically.

Once you install and activate the plugin - - you can configure the settings for it in your WordPress administration panel under Options/Easy Gravatars. Here’s a screenshot of the options menu for Easy Gravatars:

Easy Gravatars Plugin for WordPress by Dougal Campbell

The options are pretty straight-forward:

  1. Size in pixels (maxiumum 80): You set the pixel size for the avatars that display on your blog. Basically - how big or small do you want those avatars to be? Based on the screenshot above, you can see I set mine to 50 pixels.
  2. Allowed Rating: Just like in the movies: G, PG, R, X. Not all Gravatars are created equal. Some are nice and cute - - while others can be pretty racey to downright raunchy. You can set the type of Gravatars you want to display on your blog. If you run a family-friendly site, you probably don’t want to display X-rated Gravatars, eh?
  3. Default Image URL: This is the default image you want to display when a user does not have a Gravatar. In my screenshot, you can see I have a yellow smiley face. This yellow smiley face appears in the comments of my blog for users who have not signed up for Gravatar. The URL needs to be the direct URL to the image you want to use.
  4. Span Style: This allows you to create some inline styling for your Gravatar, which gives you a little bit of control over how it appears on your site. Using this Span Style setting - you can give your Gravatars a border, some padding, place margins or background colors, etc, etc.
  5. API Hook: you have two options here “Comment Text” or “Comment Author Link” - - this option tells the plugin where you want it to place the Gravatar on your blog. If you choose “Comment Text” (as I have) - then the Gravatar will be pulled in to the same area as the comment text (like, right next to it, etc). If you choose “Comment Author Link” - then the Gravatar will be called in with the Comment Author Link.

Here’s a comment left on my blog by someone who doesn’t have a Gravatar account (thus, my default avatar image is showing in their comment):

Comment with default gravatar

Here is an example of a comment I left on my blog, and since I do have a Gravatar account - my Gravatar appears on my comments:

comment with an author who has a gravatar account

All very easy, simple and straight-forward. Now you can go grab a Gravatar for yourself and further individualize your presence on the web - - at the same time, you can enable Gravatars on your own WordPress blog, for a more pleasant and personal experience for you and your readers.

Hope you’re having a great weekend!




Tags: , , , , ,


20 Responses to “Gravatars - or Globally Recognized Avatars”

  1. 1
    Mike Goad Says:

    ^:)^

    Great post and great explanation! I wondered about gravatars, but never pursued it. Now I have one!

    Thanks!

    (» Read Mike Goad’s last blog post..The BIG BUMP revealed)

  2. 2
    Lisa Says:

    Hey - nice Gravatar, Mike! Very happy you found the post helpful! :)

  3. 3
    Mike Goad Says:

    Thanks Lisa,

    I’m not too old to learn, yet, though I’m still working my way through your book.

    The book would have been more useful when I first started using WordPress, but I’ve still gotten my money’s worth out of it — plus I’ve had one affiliate sale for it off the link on my blog. Hopefully, there will be more. (Maybe I need to finish it and write a reader’s review.)

    (» Read Mike Goad’s last blog post..Bye Bye, AdSense, Bye Bye)

  4. 4
    Lisa Says:

    I’m glad to know it’s been helpful, AND good to hear you’ve got at least one affiliate sale out of it. Whenever I see/find reader reviews, I usually link them over in my sideblog in the right column (see “On the Side..snippets of stuff)… so if you do end up doing a review - let me know!

  5. 5
    TJ O'Neil Says:

    So I spent most of today trying to hack together these Gravatars for a blog I am working on. Turned out the culprit was a plugin called “Gravatars” which was knocking out support.

    Little did I know I could have just checked Google Reader and saw that you posted.

    Go Packers

  6. 6
    pam Says:

    Thank you!! I knew how to get a Gravatar, but didn’t know how to implement them on my site! ^:)^

    (» Read pam’s last blog post..BREE FEST)

  7. 7
    Lisa Says:

    @TJ - what a happy coincidence :) Glad to oblige. Go, Packers…indeed!!

  8. 8
    Lisa Says:

    @Pam - Gravatars are good fun… we should be seeing them on your site soon then, eh? :)

  9. 9
    Debbie Says:

    Wow, thanks for all that information! That helped a lot. So basically, I can associate any graphic with my email address that I choose? I see these cartoon looking gravatars, I think they’re from the Manga series. Since I spend 182 days a year in a high school, I should know that but I don’t.

    And yes, I am in the process of moving my webhosting. It just makes sense to host with someone who has such an exceptional working knowledge of WordPress since that’s what my site is. My monetary output at this point is much greater than my income, but I expect that to change. And I know that I will have lots of questions as I grow. Besides, the guy that’s been helping me needs a break! LOL

    (» Read Debbie’s last blog post..Glad I Listened)

  10. 10
    Lisa Says:

    @Debbie - yep.. any graphic can be associated with whatever email you choose.. you just have to sign up w/ Gravatar. I did fail to mention in my post that Gravatar is a free service.. maybe I should have mentioned it? :)

    We’re happy to have you at Blogs About! That guy that’s been helping you is my husband - so if he gives you any grief, let me know and I’ll set him straight lol

  11. 11
    Debbie Says:

    He’s been very helpful so far. I just want to make sure I can maintain my current level of maintenance on the site, and hopefully, learn more as I go. Husbands and wives working together, hmmmm, that takes a special relationship.:d

    (» Read Debbie’s last blog post..Glad I Listened)

  12. 12
    Lisa Says:

    I would have to say it’s a special kind of relationship :) We’ve been at it for 5 years now.. haven’t gotten into each others hair yet.

    Ok.. maybe a little bit haha :)

  13. 13
    Fantasy Says:

    thanks for information, good week,
    Graziano
    Italy:)

  14. 14
    Rodrigo Says:

    I did know that avatars and gravatars were kind of related but was not sure how. Great explanation! Tks!

    (» Read Rodrigo’s last blog post..Som alto)

  15. 15
    Debbie Says:

    Hey,
    Check out the avatar I made at http://illustmaker.abi-station.com/index_en.shtml.
    This site seems to originate in China or Japan, and there may be a few problems navigating because of the language barrier, but I had a lot of fun creating my avatar. It saves to your hard drive and you can then upload it into gravatar.com.

    This is really great for those of us who choose to remain anonymous in cyberspace.

    (» Read Debbie’s last blog post..The Monk)

  16. 16
    Dobbs Says:

    Thanks for the tips about Gravatars. Greatly appreciated and I also downloaded your X-mark theme and I am quite impressed by it. Thanks again.

    (» Read Dobbs’s last blog post..Britney Spears to Come Down Under?)

  17. 17
    Debbie Says:

    Hey Dobbs,
    Where is this X-mark theme you speak of? I searched the site and did not find it. Thanks.

    (» Read Debbie’s last blog post..The Monk)

  18. 18
    Dobbs Says:

    You can find the X-mark theme at the below link:

    http://blogdesignsolutions.com/

    You can see the scheme on my website. It is very stable and versatile and I am quite happy with it.

    (» Read Dobbs’s last blog post..Driving the Volcanic Highway)

  19. 19
    Jeremiah Says:

    Thanks for the information. Thanks to it, I have been able to enable Gravatars on my site too.

    (» Read Jeremiah’s last blog post..The Hole In The Basement)

  20. 20
    Lee Says:

    Before Gravatar, I had probably 4 or 5 avatars, depending on which source was doing the supplying. I’ve pretty much eliminated all except the Gravatar version. I like the idea of having a consistent identity whether it’s on my own blog, or on blogs that I visit.

    (» Read Lee’s last blog post..Sunday Scenery)

This site uses Gravatars - get one to display your own picture!

Join My Community at MyBloglog!
Add to Technorati Favorites
Lisa Sabin-Wilson's Amazon.com WishList
View Lisa Sabin's profile on LinkedIn
Find Lisa Sabin-Wilson on Twitter
Lisa Sabin Wilsons Blog Feed
Li-sa Sa-bin Wil-son: [lee-suh sey-bin will-sun] - pronoun; 1. A wife, mother & friend; 2. Blog Designer & WebHost; 3. Author of WordPress For Dummies; 4. Scuba diver; 5. Downhill Skier; 6. Am. Photographer; 7. Espresso sipper; 8. quote collector
WordPress For Dummies, author Lisa Sabin-Wilson, Amazon.Com WordPress For Dummies, by Lisa Sabin-Wilson, delivers just what would-be bloggers need to get up and running with WordPress and start communicating with the world. Includes help on every aspect of installing and using WordPress, illustrations from real-world WP blogs, step-by-step tutorials on key topics, and insights from bloggers who use WordPress.....Read More About It »

Acknowledgements | Forward | Table of Contents | Chapter One
Buy @ Amazon | Buy @ Barnes and Noble

  • This is just a test post. Testing from my new smartphone. Will check when I get home. In the meantime....happy April!

    - #
  • Look for an update to the WordPress For Dummies book that will include what's new and exciting in the newest version of WordPress 2.5. This will be available in a free, downloadable PDF document both here, on my site, as well as Dummies.com. Will keep you posted!

    - #
  • Charles Stricklin hosts the popular WordPress podcast over at http://wp-community.org. I was interviewed for this weeks episode, which you can listen to right here. Thanks, Charles, for being a great host!

    - #
  • Wanna peak at the new design for the WordPress Administration Panel coming soon when version 2.5 is released in March?? I posted a review of it here - have a looksee, tell me what'cha think!

    - #
  • Just put up a job posting looking for a part-time designer at E.Webscapes. Interested? Or know someone who might be? view details of the job post right here

    - #