Avatars are here! Here's how to set them using steemit.com -or- the CLI

pfunk (72) in steemit • 8 years ago (edited)

View this post on Hive:

Avatars are here! Here's how to set them using steemit.com -or- the CLI / https://peakd.com/@pfunk/avatars-are-here-here-s-how-to-set-them-using-steemit-com-or-the-cli

Sun Yuchen is a liar, thief, charlatan, and all around cunt. But I don't need to tell you that. Find me at Hive, where we are glad to be rid of him and all of his fake followers, sockpuppets, and thieves.

steemit

8 years ago by pfunk (72)

$119.45

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!

Sort Order:

Trending

[-]

patriot-thoughts (37) · 8 years ago

Is steemimg.com still in beta or something? Seems I couldn't upload anything. I also got an error when trying to upload a avatar there. I sent them a message with all the error details.

Oh well, I just made an imgur account instead.

Should do the trick. Thanks for the hosting ideas.

$0.90

1 vote

[-]

blueorgy (67) · 8 years ago (edited)

Perfect timing! I just got SteemIMG back online so everyone feel free to host your avatars there, just posted the info here. As you can see I already have my avatar up ;)

$0.00

2 votes

[-]

pfunk (72) · 8 years ago (edited)

Nice! Your link goes to this post here instead of your post.

@blueorgy's post: https://steemit.com/steemimg/@blueorgy/steemimg-image-uploading-is-back-online-just-in-time-for-profile-pictures

$0.00

[-]

blueorgy (67) · 8 years ago (edited)

Whoops! thanks! I rushed it seems haha, fixed my link as well.

$0.00

[-]

skekzyz (28) · 8 years ago

Well that failed miserably for me, any tips or hints about what I may have done wrong? I put this URL (http://steemimg.com/image/WhzQT) into the profile picture URL box exactly as shown above and get what you see next to this post. I then tried putting into said box and nothing changed.
When I put that url on it's own line you see what I get, am I missing a step somewhere here or on steemimg.com?

Is it not public? Protected in some other way? or just not fully uploaded ready for public viewing?
Sorry, still basically a steem noob, haven't had much time to work with it since signing up.

$0.00

[-]

blueorgy (67) · 8 years ago (edited)

Interesting. Well you would use the direct link :
http:// steemimg.com/images/2016/11/10/SkekzyzAvatar01a195d.jpg
but for some reason steemit isn't picking it up, All files are public and if you navigate to the image url it shows up just fine. I am looking into this now

$0.00

[-]

skekzyz (28) · 8 years ago (edited)

As you see it is a .jpg and quite old, as in 12+ years, but it's the same one I use everywhere else unless it needs a smaller image size kb or pixels, which I made downsized ones long ago too.
The first difference I notice is that my URL with the short code is missing a ".jpg" where pfunk's has a ".png".
Does steemit have any restrictions on image size or type for the avatar?
Could something have gone wrong when I put the short code URL in first?

$0.00

[-]

blueorgy (67) · 8 years ago

to fix for now add "www." to the URL , sorry looks as though some DNS settings may be off

$0.00

[-]

skekzyz (28) · 8 years ago

looks like that worked

$0.00

[-]

skekzyz (28) · 8 years ago

thanks hope the bug reporting helped

$0.00

[-]

rossenpavlov (69) · 8 years ago (edited)

Thanks for the mention!
I should also add that you can use transparent gifs, just make sure they look good on the blue background.

$0.00

1 vote

[-]

mokluc (66) · 8 years ago

Thanks for the post...done mine, just disappointed that the picture doesn't seem to be clear...thinking of trying another picture just to test.

$0.00

1 vote

[-]

pfunk (72) · 8 years ago

I suggest a square-cropped picture for this reason. The avatars get resized to 48x48 pixels so any small details will be lost.

$0.00

[-]

mokluc (66) · 8 years ago

Thanks will try it.

$0.00

1 vote

[-]

vi1son (59) · 8 years ago

Something going wrong...

$0.00

1 vote

[-]

pfunk (72) · 8 years ago

I'd try rehosting the image and then updating the avatar URL again. I see it as working with a direct link http://steemimg.com/images/2016/11/10/avatarc0f1b.png but maybe Steemit's image rehoster didn't pick it up and the placeholder is cached.

$0.00

[-]

vi1son (59) · 8 years ago

I think too that it is cached. And i can't clear it...

$0.00

[-]

pfunk (72) · 8 years ago

Try a new image.

$0.00

[-]

vi1son (59) · 8 years ago (edited)

I tried many times, many hosting, many resolutions. I broke Steemit again :)

$0.00

[-]

roadscape (64) · 8 years ago

There seems to be an issue with steemimg's response headers (content-type is returned as text/html)

$0.00

1 vote

[-]

norbu (70) · 8 years ago

Aha, just got one up after reading a post by @ausbitbank!
This is a welcome change and I, for one, am happy we are focussing on the social aspect of things!

$0.00

1 vote

[-]

pfunk (72) · 8 years ago

Thanks, I didn't find that one in my search. https://steemit.com/steemit/@ausbitbank/woot-we-have-profile-pictures-and-a-new-settings-screen-100-sp

I mostly wanted to make a post for the cli_wallet instructions but didn't see that post and didn't see any grandma-proof instructions with the visual aid at the time.

$0.00

5 votes

[-]

norbu (70) · 8 years ago

I guess it caught all of us unawares, but a welcome addition anyway!

$0.00

[-]

taoteh1221 (61) · 8 years ago

Awesome!

$0.00

[-]

levycore (75) · 8 years ago

great :D

$0.00

[-]

mrosenquist (70) · 8 years ago

Oh yeah! Avatars.

$0.00

[-]

birdie (61) · 8 years ago

Thanks for the heads up! :D

$0.00

[-]

dexter-k (67) · 8 years ago

YEAHHHHH!!!! Also steemimg is not working. I can upload just fine but the image link seems to be broken for some reason...

$0.00

[-]

liondani (69) · 8 years ago

Avatars will "colour" our steemit life again :)

$0.00

[-]

builderofcastles (65) · 8 years ago

Is there any guidelines on size to save on proc time and download?

Does precircularizing the image help out anything?

$0.00

[-]

pfunk (72) · 8 years ago

The avatars are automatically resized to 48x48. For pixel art avatars you may wish to use a 48x48 source image, otherwise the resize should be fine. The Steemit image rehoster is constantly displaying resized images in the form of preview thumbnails on most posts.

$0.00

2 votes

[-]

ocrdu (71) · 8 years ago (edited)

The original, default avatar shown below is 128x128 pixels with a transparent background. If you use it as a template and stay within the circle there is no circular cropping, just scaling. I used a square 128x128 canvas with a picture with a transparant background that fit in the circle.

$0.00

1 vote

[-]

jlufer (75) · 8 years ago

Excellent post thank you very much for the information

$0.00

[-]

winstonwolfe (71) · 8 years ago

Sweet! :D

$0.00

[-]

dana-edwards (74) · 8 years ago

This is a good start. They should expand the functionality of avatars a little bit but this is good.

$0.00

[-]

merej99 (70) · 8 years ago

I cropped a photo to be about 300x300 px and it came out pretty well. I have no idea what JSON metadata is or how to use it. LOL

$0.00

[-]

noisy (67) · 8 years ago

"JSON metadata" is a technical thing, it is not important for most users, but sometimes really helpful for people which would like to know more and how things works.

In general, you have your steemit profile page here: https://steemit.com/@merej99
If you will change in this address steemit for steemd, then you can see how your profile looks from technical perspective:

https://steemd.com/@merej99

like here:

$0.00

3 votes

[-]

futurefood (63) · 8 years ago

This is for looking only, right?. atm reading into CLI Wallet but I get the feeling I need to know much more about code languages. I'm pretty much illiterate with code.. suggestions? I'm really up for some schooling :)

$0.00

[-]

pfunk (72) · 8 years ago

You don't really need to get into it unless you want to. If you're not logging in to Steemit using your posting key only, using your password to update your avatar image isn't too much different. If you're interested in learning more about the Steem CLI though, I made a guide to get you started: https://steemit.com/steemhelp/@pfunk/a-learner-s-guide-to-using-steem-s-cliwallet-part-1

$0.00

[-]

futurefood (63) · 8 years ago

I see, thanks for your reply. Will look into your post!

$0.00

[-]

cryptomental (59) · 8 years ago

GitHub hosting also works

$0.00

[-]

omarrium (61) · 8 years ago

cool! Thanks for this! Looks much better with avatars :)

$0.00

[-]

pavelmenme (47) · 8 years ago

I have long wanted to put an avatar, but did not know how to put! Your blog helped me a lot! Thank you!

$0.00

[-]

professorx (55) · 8 years ago

I just uploaded mine. I was thinking if there were articles about this, but figured it would be in the settings somewhere. Finally!

$0.00

[-]

linkback-bot-v0 (54) · 8 years ago

This post has been linked to from another place on Steem.

Learn more about and upvote to support linkback bot v0.5. Flag this comment if you don't want the bot to continue posting linkbacks for your posts.

Built by @ontofractal

$0.00

[-]

hannahlicious (59) · 8 years ago

Woohoo! thanks for sharing, I managed to get mine set up :)

$0.00

[-]

verbal-d (71) · 8 years ago

Thanks for the update @pfunk, much appreciated

$0.00