I was trying to restyle and resize the profile image on user profile page using css. After resizing profile image through css it looks blurry and can’t find a way to fix the issue. Here’s a sample profile link to see the issue: https://community.biafland.com/u/manik755/summary

This happens because the avatar size requested in that template is “huge” app/assets/javascripts/discourse/templates/components/user-profile-avatar.hbs 637850d86 <div class='user-profile-avatar'> {{bound-avatar user "huge"}} {{#if user.p…

You’re upsizing a 120x120 image to 500x500… You should use a higher quality image instead.

I’m using a 768x768px image on the sample profile.

Well, the original image is 768x768px. But its getting resized to 120x120 after uploading which should be 500x500 or any of my defined image size for profile. I don’t know how to change the dimension for profile image. However, its showing a 500x500 image but its originally the system resized image…

Here’s the original image. [Robert%20G%20Maines]

Profile Image Looks Blurry After Resizing

Support

aronno755 (Aronno Bhowmick) December 21, 2018, 12:44pm 8

That’s great. It worked like a charm. Thank you

Topic		Replies	Views
How to increase Discourse avatar resolution with JS? Support	10	3679	January 2, 2019
Adding a new Avatar Size in Admin Settings Support	4	2375	July 27, 2016
How to increase avatars size on posts without making them blurred Development	11	13335	December 5, 2018
Arbitrary nonproportional image resizing Support	1	122	January 20, 2025
Increase avatar of Latest. Support	7	1255	June 11, 2018

Profile Image Looks Blurry After Resizing

Related topics