As the topic says, the avatars of all our forum members get blurry. Not sure if this is a vB cloud issue or overall vB5 issue, but as I am running vB cloud I am posting this here.
Some avatars look worse than others, but I guess that's up to how detailed and busy the original was.
In Usergroup Manager the upload avatar maximum dimensions is set to 112x60
The original picture used is 112x60 pixels
The avatars shown in the users' profiles are 112x60 and not blurry
The avatars show in postbit are 112x60 pixels, but blurry
I DO HAVE some additional CSS added which stretches square 60x60 avatars into 112x60. But even those feel less blurry than the ones with the correct dimensions. If I remove this the square 60x60 px avatars remain square (no big deal), but the rectangular ones get various sizes. A few is 112x60, but some are smaller. Even if the picture uploaded are at those exact dimensions.
Is it the CSS that is messing it up?
Why isn't all avatars the same size even if the files uploaded are the same size originally (without the CSS)
Is the only way to avoid this to make square avatars? And will they also look funky if I change the size in usergroup manager to be larger than 60x60 pixels (of course new pictures would need to be uploaded)?
In postbit
In user profile
Some avatars look worse than others, but I guess that's up to how detailed and busy the original was.
In Usergroup Manager the upload avatar maximum dimensions is set to 112x60
The original picture used is 112x60 pixels
The avatars shown in the users' profiles are 112x60 and not blurry
The avatars show in postbit are 112x60 pixels, but blurry
I DO HAVE some additional CSS added which stretches square 60x60 avatars into 112x60. But even those feel less blurry than the ones with the correct dimensions. If I remove this the square 60x60 px avatars remain square (no big deal), but the rectangular ones get various sizes. A few is 112x60, but some are smaller. Even if the picture uploaded are at those exact dimensions.
Is it the CSS that is messing it up?
Why isn't all avatars the same size even if the files uploaded are the same size originally (without the CSS)
Is the only way to avoid this to make square avatars? And will they also look funky if I change the size in usergroup manager to be larger than 60x60 pixels (of course new pictures would need to be uploaded)?
In postbit
In user profile
Code:
/* Start over-ride postbit avatar size */ .b-avatar--m > img { max-height: 60px; max-width: 112px !important; } .b-avatar--m { height: 100%; width: 100%; } .b-avatar--m > img { height: 60px; width: 112px !important; } /* End over-ride postbit avatar size */
Comment