How to Upload/Change Avatar
-
Question - How does one Upload/Change their Avatar?
-
Click on your current avatar in the corner, then your user name from the menu it shows; on the triple-dot menu, pick Edit; click Change Picture, and use the hopefully-intuitive dialog.
-
@PeterJones - Thanks! When I posted the message as I used the instructions from link text, I did get up to the pick Edit except it did not have the Change Picture, only the following:
Change Username
Change Email
Change Password
Delete Accountbut now it does have a Change Picture right before the Change Username.
Same issue existed with the former account created in May 2024 that I never had used except in that one, it used my Google account photo so I deleted the account and this one used the letter A probably due to my github login instead of the avatar. I thought that function had been removed/disabled or it was because I am a new user.
Is there a trick to get the entire image to be within the inside dimensions of the circle?
-
@Almighty1 Your icon looks fine to me.
I suspect the issue you wrote about is the icon that you see in your upper-right corner of the screen?Edit: Now that I’m staring the screen shot in my own message I think I know what you wrote about. There is a white circle around the avatar and it appears your “tail” or whatever it is got clipped. I’m not sure how to fix that. While it does not seem to detract from the avatar someone else may have an idea of how to fix it other than making the avatar smaller before uploading it.
The green dot as you are on line at the moment is cool as it looks like you are holding a green ball.
-
@mkupper - I am actually referring more to the one that is on the upper right of the screen without the dot. I searched Google and it says the maximum is 128 x 128 pixels and mines is under the maximum dimensions so it seems to have something to do with scaling as the cropping has the entire image in it.
-
I made a mistake when I replied earlier and you are correct that I am referring to the icon on the upper right but somehow when you mentioned the green dot, I thought you meant the one on the left corner of the message.
I wanted to add that this problem might not be unique to this forum as it seems others have been able to include their avatar 100% within the actual inner dimensions of the circle and there has to be a trick to doing it that I don’t know about.
-
@Almighty1 said in How to Upload/Change Avatar:
@PeterJones - Thanks! When I posted the message as I used the instructions from link text, I did get up to the pick Edit except it did not have the Change Picture, only the following: …
Changing your avatar is a privilege earned once you have a small amount of upvotes – probably, at the time, no one had upvoted any of your posts yet, but since then, you have received upvotes. (However, if your Google account had an avatar when you created your Community account, I believe it does allow it to be immediately set from that one, though it’s still not changeable until you have sufficient reputation/upvotes)
I thought that function had been removed/disabled or it was because I am a new user.
New user
Is there a trick to get the entire image to be within the inside dimensions of the circle?
The image is a square that’s 128x128, but the forum only shows the circle centered on the middle of that. So, any pixels that you want to be visible need to be within a circle that’s diameter=128 or radius=64 centered at (63,63) in the image. (So, for example, the pixel at (15,113) [which is part of your Avatar’s “tail” that is not shown] is 48 in the X direction and 48 in the Y direction from the center, so a distance of √(48²+48²) = 67.9 pixels, which is more than 64 units from the center. [Also proving that anyone who said during algebra class that you’d never use Pythagoras in “real life” was lying to you.])
-
@PeterJones - First of all, many thanks for taking the time to actually go into detail with the answer(s).
Yes, I figured it had to be New User or at the worse possible case, it was a disabled but since with the previously created account using Google and not having any posts, there was no risk to see what would happen if I deleted the account and created it again using github.
I did face two issues, the first one when I deleted the account. I could not get back into the community as NodeBB was complaining the previous user no longer existed and I should refresh the page which I did a few times and the results were the same so it does not even let me view the community as a guest until I manually deleted the cookies for the site. Then when I tried to create the account, I used github because when I first login to the community yesterday, I remember somewhere where the github showed the same avatar I am using now instead of Google’s but after I clicked on github, NodeBB complained about unable to create account due to a internal error saying there was no valid email address in the profile. With both issues, I didn’t do a screenshot of the issue so I could not remember what it said exactly. But in any case, even though NodeBB complained, I did receive the e-mail to verify the email address with the link to click on which was how the account was actually created.
After you mentioned how to change the avatar in your first response, my first thought and experiment was finding the 128 x 128 size for the avatar by searching for the size for NodeBB avatar in pixels and then after some thinking, I figure it’s similar to a physical picture and you put a border layer on top of it for lack of better term, that is what is hiding the rest of the image. My actual image used is actually 68 x 73 so if it used the original size, it would probably fit within the circle except NodeBB itself probably resizes the image so it’s 128 x 128 so one way to fix this is probably to create a canvas that is 128 x 128 first and then put the original sized image on top of it so it will scale the new image instead. If it didn’t enlarge the original image to 128 x 128, then it would be easier to use a photo editor to simply get all wanted pixels within the center of the circle even with the coordinates unknown but what I did was simply added white pixels in all directions until things fit, first by making the the height 128 pixels first before adding pixels on any of the four sides until it fits. Actually, changing the canvas size while keeping the original image size works as well.
Many thanks for the tips.
