# Letter avatars change to html elements (Idea for performance)

**URL:** https://meta.discourse.org/t/letter-avatars-change-to-html-elements-idea-for-performance/56231
**Category:** Feature
**Created:** [2017年一月23日 21:16 UTC](https://meta.discourse.org/t/letter-avatars-change-to-html-elements-idea-for-performance/56231 "2017-01-23T21:16:16Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Fer\_Nando](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fer_nando/32/66726_2.png) [@Fer\_Nando](https://meta.discourse.org/u/Fer_Nando)
#### Post date: [2017年一月23日 21:16 UTC](https://meta.discourse.org/t/letter-avatars-change-to-html-elements-idea-for-performance/56231/1 "2017-01-23T21:16:16Z")

</div>

It´s posible, for future updates, change all letter avatars to an html element with css for improve load performance with minor request? Sorry for my english, i´m not native speaker.

This is a nice example:

[https://codediode.io/lessons/198632-default-avatars-with-username-initials](https://codediode.io/lessons/198632-default-avatars-with-username-initials)

---

<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: [2017年一月23日 21:35 UTC](https://meta.discourse.org/t/letter-avatars-change-to-html-elements-idea-for-performance/56231/2 "2017-01-23T21:35:40Z")

</div>

This was [discussed a lot in the past](https://meta.discourse.org/t/optimizing-letter-avatar-rendering/33082). There is no way to get a clean and consistent letter avatar using HTML and CSS, browsers have quirks and it will not be consistent across all browsers.

---

<div class="post-metadata">

### Author: ![michaeld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michaeld/32/1594_2.png) [@michaeld](https://meta.discourse.org/u/michaeld)
#### Post date: [2017年一月23日 23:23 UTC](https://meta.discourse.org/t/letter-avatars-change-to-html-elements-idea-for-performance/56231/3 "2017-01-23T23:23:46Z")

</div>

Devil’s advocate here: why should they be pixel-perfect consistent across browsers?

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [2017年一月23日 23:24 UTC](https://meta.discourse.org/t/letter-avatars-change-to-html-elements-idea-for-performance/56231/4 "2017-01-23T23:24:59Z")

</div>

Because even as images, when they weren’t, there were floods of topics about it not being pixel perfect…

---

<div class="post-metadata">

### Author: ![Fer\_Nando](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fer_nando/32/66726_2.png) [@Fer\_Nando](https://meta.discourse.org/u/Fer_Nando)
#### Post date: [2017年一月24日 01:11 UTC](https://meta.discourse.org/t/letter-avatars-change-to-html-elements-idea-for-performance/56231/5 "2017-01-24T01:11:30Z")

</div>

For my the big problem is the browsers ☹

Im sorry, i dont search this topic first if you discussed in the past, only small search.

---

<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: [2017年一月24日 03:15 UTC](https://meta.discourse.org/t/letter-avatars-change-to-html-elements-idea-for-performance/56231/6 "2017-01-24T03:15:53Z")

</div>

SVG is a possibility but email clients tend to barf hard on SVG. There is a reason we made it the way we did and a ton of research went into it. Feel free to search.