# Switch from Gravatar to HTML/CSS letters for no-avatar users

**URL:** https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336
**Category:** Feature
**Tags:** rfc, spec
**Created:** [5월 5, 2014, 10:46오후 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336 "2014-05-05T22:46:02Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [5월 5, 2014, 10:46오후 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/1 "2014-05-05T22:46:02Z")

</div>

Gravatars for users with no avatar specified use Identicons based on their IP address (or email), which can be kind of noisy – and it also means one image lookup per user.

What if we switched to a simpler approach where the first letter of the user’s name was displayed as their default avatar, [ala esotalk](http://esotalk.org/forum/614-need-recaptcha-in-register-dialog) and the Google GMail app on Android?

 ![](https://global.discourse-cdn.com/meta/original/2X/6/638e435002e2a9a39c44b24b288ab397d4227672.png) 

For conflicting letters (there are two users without an avatar that have “A” in their name, above) We could also color the blocks to reduce letter conflict ambiguity, either the letter within, or the background color:

 ![](https://global.discourse-cdn.com/meta/original/2X/c/c96acdcfee35a7cf6d6d227e1eeca8482ffcde60.png) 

We need to also make sure this scales down to the 32x32 avatars as well:

![](https://global.discourse-cdn.com/meta/original/2X/a/a4d89ceff476d7e03b5fd926d0353f52eef3fd04.png)

---

<div class="post-metadata">

### Author: ![SneakySly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sneakysly/32/105316_2.png) [@SneakySly](https://meta.discourse.org/u/SneakySly)
#### Post date: [5월 5, 2014, 10:50오후 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/2 "2014-05-05T22:50:10Z")

</div>

I like it. My only concern is the users who may have grown attached to their Gravatar. Would those users be able to keep using Gravatar if they wanted?

---

<div class="post-metadata">

### Author: ![haiku](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/haiku/32/103858_2.png) [@haiku](https://meta.discourse.org/u/haiku)
#### Post date: [5월 5, 2014, 10:53오후 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/3 "2014-05-05T22:53:11Z")

</div>

I think it would be weird to switch in a typographic element when the rest of the site is so icon-heavy.[quote=“codinghorror, post:1, topic:15336”]  
and it also means one image lookup per user.  
[/quote] so would any avatar?

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [5월 5, 2014, 11:58오후 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/4 "2014-05-05T23:58:00Z")

</div>

I would like to keep gravatar, but with a twist.

- On account creation we copy the gravatar avatar locally (if it exists - identicon is optional - we already have [code that does this](https://github.com/discourse/discourse/blob/master/lib/avatar_detector.rb))
- On the user page we allow people to update avatar from gravatar (in case they want to)

This solves some real big issues we have

- We have no way of telling if someone has an avatar or not
- We are performing way too many web requests to gravatar (1 every 5 minutes per user per gravatar)
  - We are participating in Gravatar’s global surveillance network. They know which sites I am visiting and what topics I am interested in, this is none of their business.

This simplification also helps us get rid of this business, which I am not a fan of: [https://github.com/discourse/discourse/blob/master/app/jobs/scheduled/detect\_avatars.rb](https://github.com/discourse/discourse/blob/master/app/jobs/scheduled/detect_avatars.rb)

@zogstrip @codinghorror thoughts?

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [5월 5, 2014, 11:58오후 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/5 "2014-05-05T23:58:30Z")

</div>

I don’t really want to keep gravatar **for users who have not specified an avatar**. I much prefer the HTML/CSS avatars shown above.

I am fine with gravatar for logged in users who have provided some kind of global avatar to Gravatar, fine with copying their avatar here at initial account creation time for convenience if that’s better as well.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [5월 5, 2014, 11:59오후 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/6 "2014-05-05T23:59:43Z")

</div>

I am really no following, when are we showing avatars for anonymous users? We only show avatars for logged in users.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [5월 6, 2014, 12:00오전 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/7 "2014-05-06T00:00:55Z")

</div>

Sorry, you’re right – I mean gravatar for users who have not specified an avatar.

For unspecified avatars, I want to use HTML/CSS.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [5월 6, 2014, 12:02오전 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/8 "2014-05-06T00:02:42Z")

</div>

Yeah, totally fine with that. I prefer the HTML/CSS solution. Once we have control of the avatar system this all becomes fairly trivial. The key here is to stop rendering img tags linking to gravatar.

---

<div class="post-metadata">

### Author: ![elberet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/elberet/32/122404_2.png) [@elberet](https://meta.discourse.org/u/elberet)
#### Post date: [5월 6, 2014, 12:04오전 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/9 "2014-05-06T00:04:51Z")

</div>

Getting rid of Gravatar as the default is probably fine, and the privacy gain would even be a nice benefit, but I think that colored letters will end up being more distracting then “noisy” Identicons.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [5월 6, 2014, 12:08오전 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/10 "2014-05-06T00:08:47Z")

</div>

More distracting? That seems.. really unlikely to me.

 ![](https://global.discourse-cdn.com/meta/original/2X/b/b1d1aa0f3a3ab48cbcc4a77d3a4b4f14cab646db.png)

---

<div class="post-metadata">

### Author: ![elberet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/elberet/32/122404_2.png) [@elberet](https://meta.discourse.org/u/elberet)
#### Post date: [5월 6, 2014, 12:14오전 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/11 "2014-05-06T00:14:14Z")

</div>

It may be just me, but I keep getting drawn to the letter, trying to read something from it, whereas the Identicon is just a shape I can tune out to focus on the smaller text. 😕

Also, I was thinking primarily of views with many downscaled avatars, such as the topic participation in the categories view.

Also also, Irma complains about something. Dave tries to help. Inigo has a better suggestion. Oscar points out a misunderstanding. Trevor closes the topic. Voilà, the categories page now spells “IDIOT” in large, colorful letters… 😆

---

<div class="post-metadata">

### Author: ![pyro240](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pyro240/32/107946_2.png) [@pyro240](https://meta.discourse.org/u/pyro240)
#### Post date: [5월 6, 2014, 12:22오전 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/12 "2014-05-06T00:22:12Z")

</div>

I don’t think there’s a need to display an avatar for users who have not specified an avatar.  
Usually I care about who wrote a post, so the first letter of his/her name wouldn’t matter all too much. One would have to read the name anyway.

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [5월 6, 2014, 12:24오전 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/13 "2014-05-06T00:24:45Z")

</div>

I think you underestimate how good our brain/eyes are at detecting and identifying visual patterns. Humor me and disable images in your browser and use it for a couple days. You will definitely miss the images 😉

---

<div class="post-metadata">

### Author: ![pyro240](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pyro240/32/107946_2.png) [@pyro240](https://meta.discourse.org/u/pyro240)
#### Post date: [5월 6, 2014, 12:35오전 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/14 "2014-05-06T00:35:41Z")

</div>

True, but is a “random” pattern really that recognizable? Considering that many users use identicons (or whatever they’re called), the only property I might remember is their color, while a username is the only thing I could connect to a person. Of course this only applies to users who haven’t specified any avatar.

Users shouldn’t be forced to be identifiable by means of a Gravatar.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [5월 6, 2014, 1:15오전 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/15 "2014-05-06T01:15:43Z")

</div>

> [@elberet](#):
>
> whereas the Identicon is just a shape I can tune out to focus on the smaller text.

Have you tried reading threads [like this one](http://discourse.codinghorror.com/t/protecting-your-cookies-httponly/274)? Try to read that thread in its entirety and tell me you don’t get distracted, bugged, annoyed, SOMETHING by the random patterns.

On the other hand, I definitely recognize @diff by his identicon:  
 ![](https://global.discourse-cdn.com/meta/original/3X/1/4/14147be05d7b2dc6c44c8a1599cb746ec3744c91.png)

---

<div class="post-metadata">

### Author: ![Lee\_Ars](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lee_ars/32/1597_2.png) [@Lee\_Ars](https://meta.discourse.org/u/Lee_Ars)
#### Post date: [5월 6, 2014, 1:41오전 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/16 "2014-05-06T01:41:21Z")

</div>

Anything that jettisons outside dependencies is good, IMO. Especially for a system like gravatar, which could (if Automattic decided they needed some additional advertising dollars) be used to collect and aggregate user browsing data across multiple sites for sale to advertisers.

---

<div class="post-metadata">

### Author: ![elberet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/elberet/32/122404_2.png) [@elberet](https://meta.discourse.org/u/elberet)
#### Post date: [5월 6, 2014, 10:06오전 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/17 "2014-05-06T10:06:06Z")

</div>

The brain is _amazing_ at image recognition. We can detect patterns in seemingly chaotic images far quicker and more efficiently then computers, and we can recognize these patters elsewhere (within a short timespan) almost effortlessly.

@riking, the thread you linked is indeed a good counterexample, and now I’m really curious to see what it’d actually look like with colored letters - especially considering that there are at least 11 different people whose names begin with a ‘J’. 😁

---

<div class="post-metadata">

### Author: ![brodock](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/brodock/32/105252_2.png) [@brodock](https://meta.discourse.org/u/brodock)
#### Post date: [5월 13, 2014, 7:37오후 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/18 "2014-05-13T19:37:49Z")

</div>

> [@codinghorror](#):
>
> ala esotalk

can’t we use a “identicon” of our own? i pretty sure there are some open solutions out there… I don’t quite like the letters idea as they will eventually fail with “too many people using the same initial letter”…

this are two examples: [GitHub - chrisbranson/ruby\_identicon: A Ruby gem for creating Github like identicons · GitHub](https://github.com/chrisbranson/ruby_identicon), [GitHub - swdyh/quilt: A Ruby library for generating identicon · GitHub](https://github.com/swdyh/quilt)

(I agree with the “lets get out of the surveillance network” but I really like the identicons implementation… maybe letters be one of the possible options).

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [5월 13, 2014, 8:03오후 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/19 "2014-05-13T20:03:31Z")

</div>

I really like everything that has been proposed both by @codinghorror and @sam. I’m not a fan of the identicons and think the letters a much more appealing as a default. It’d also be good not to ding gravatar all the time for everyone else.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [5월 13, 2014, 8:10오후 UTC](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336/20 "2014-05-13T20:10:58Z")

</div>

I like identicons, but too many of them together is just noise, for example:

![](https://global.discourse-cdn.com/meta/original/2X/6/681da9b56fdeb515962a56b07fb0ede6dfdd387a.png)

My eyes just want to leave that area without even looking at it. And can you blame my poor 👀 ?

Yes, it is definitely better if every user has an avatar set, but how likely is that to happen, here, or everywhere else in the world that Discourse is installed? We need sane, safe defaults that work everywhere with minimal effort.

I believe a solid color + letter would look a lot cleaner there.

[Next page](https://meta.discourse.org/t/switch-from-gravatar-to-html-css-letters-for-no-avatar-users/15336.md?page=2)
