Not a bug Minor Avatar Bug?

[MapleOne]

Affected version

All versions

On a lot of the Xenforo boards I visit I notice even if I use a round avatar it will put a quirky white ring around the avatar.


This board


Another board



So on my new tweeter board I made the admin avatar the exact same colour as the tab.
Looks nice right?



Except when I come from admin or at random it will still put a white ring until I refresh the page.



So not that it is really a bug but as you can see in the first and second picture it just looks kind of unfinished and blurry when members se a full or blurry white ring around the avatar in the top bar.

 

[digitalpoint]

Are you sure that's not your avatar itself? Your avatar has a round maple leaf that doesn't extend to the edges of the image. So when the radius of the image is changes to make it round, you would have a white border around it (since the red part doesn't extend to the edge.

My avatar here:




The raw version of your avatar doesn't extend the red part to the edges of the images (as I mentioned):

https://xenforo.com/community/data/avatars/l/230/230107.jpg?1637347785

 

[MapleOne]

In the first picture yes, I should have selected a different one in the second and third no

 

[MapleOne]

Also in the "tr" case it is exactly the same color as the tab and the white only appears sometimes like when I am in admin and come back to the site or at random. When I refresh the page the withe goes away on the tr avatar.

Theoretically the white should never appear on the tr avatar and whatever technical reason it does on the others I understand because maybe how smooth the edges are or something.

It was a small little thing where I thought I could get rid of it by color matching the avatar and it works most of the time, except when it glitches.

 

[MapleOne]

This is the one to look at, you can see it only happens sometimes

View attachment 260809
So on my new tweeter board I made the admin avatar the exact same colour as the tab.
Looks nice right?


View attachment 260810
Except when I come from admin or at random it will still put a white ring until I refresh the page.

 

[digitalpoint]

For the second one (the glossy rounded one), I'd guess that's ultimately a browser issue that has to do with anti-aliasing and how browsers handle pixel sizes that aren't integers. Like if you are wanting to "cut out" a circle exactly at the edge of the circle in the original image, and the source image is antialiased to have a white background (where anti-aliasing is blending the edges to the background) like so:

You end up with pixels that are white(ish) along the edges because the background of the image is white.

Normally you could use a transparent background so the circle could be antialiased and blended with transparency instead of white. Unfortunately, I believe XenForo converts avatars to JPEG images which don't support transparency.

Your best bet would be to have an avatar that is fully square and then let XenForo handle making it circular with the border-radius. Fundamentally the issue is you are trying to make it circular yourself and then XenForo makes it circular again, but along the way you are dealing with the anti-aliasing from you trying to do it yourself.

 

[MapleOne]

Your best bet would be to have an avatar that is fully square and then let XenForo handle making it circular with the border-radius. Fundamentally the issue is you are trying to make it circular yourself and then XenForo makes it circular again, but along the way you are dealing with the anti-aliasing from you trying to do it yourself.

That is exactly what I did with this one

And that gives me this

Except when it glitches

Most of the time it display correctly but every so often the white boarder reappears until I refresh.

 

[digitalpoint]

Ya, not sure on that one, but seems like that would be a browser bug. Have you tried with different browsers to see if it's specific to just one browser (or one engine like WebKit)?

 

[MapleOne]

Ya, not sure on that one, but seems like that would be a browser bug. Have you tried with different browsers to see if it's specific to just one browser (or one engine like WebKit)?

HeHe.... is there another browser other than chrome?

 

[Formina Sage]

That doesn't answer the question...