# Profile Image Looks Blurry After Resizing

**URL:** https://meta.discourse.org/t/profile-image-looks-blurry-after-resizing/104839
**Category:** Support
**Created:** [December 21, 2018, 11:58am UTC](https://meta.discourse.org/t/profile-image-looks-blurry-after-resizing/104839 "2018-12-21T11:58:27Z")
**Posts on this page:** 1
**Showing post:** 7

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [December 21, 2018, 12:35pm UTC](https://meta.discourse.org/t/profile-image-looks-blurry-after-resizing/104839/7 "2018-12-21T12:35:30Z")

</div>

This happens because the avatar size requested in that template is “huge”

> <https://github.com/discourse/discourse/blob/637850d8672855574aea8a43e5e1c1ad40ce0861/app/assets/javascripts/discourse/templates/components/user-profile-avatar.hbs#L2>

“huge” here means 120px for normal DPI screens and 240px for high DPI screens.

> <https://github.com/discourse/discourse/blob/84d4c81a26bb585f67809c6f8af25c2a385de754/app/assets/javascripts/discourse/lib/utilities.js.es6#L19>

If you want to request 500px avatars, you need to override the template [here](https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/templates/components/user-profile-avatar.hbs)

you can do it like so (in the Header section of your theme)

```plaintext
<script type="text/x-handlebars" data-template-name="components/user-profile-avatar">
<div class='user-profile-avatar'>
  {{bound-avatar user "500"}}
  {{#if user.primary_group_name}}
    {{avatar-flair
      flairURL=user.primary_group_flair_url
      flairBgColor=user.primary_group_flair_bg_color
      flairColor=user.primary_group_flair_color
      groupName=user.primary_group_name}}
  {{/if}}
  {{plugin-outlet name="user-profile-avatar-flair" args=(hash model=user) tagName='div'}}
</div>
</script>

```

You can read more about overriding Discourse templates [here](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648#heading--4-b-2)

Please note that if you override a template, and it changes in Discourse core, you need to update your override.

---

_[View the full topic](https://meta.discourse.org/t/profile-image-looks-blurry-after-resizing/104839)._