DEV Community

loading...
Cover image for Use Gravatar Everywhere

Use Gravatar Everywhere

Bemn
Hong Konger | Web Dev | Software Eng | Search for a tech job
Originally published at bemnlam.github.io on ・1 min read

What is Gravatar

Your public profile on the internet, provided by Wordpress. See https://en.gravatar.com/.

1. Upload an image to your gravatar account

If you don’t have the gravatar account, create one. Make sure that the email you used to create the account will be the email account you want to link your profile picture.

After that, upload your profile picture to gravatar.

2. Use the image everywhere

Get your md5 hash of email address

Ask DuckDuckgo
You can get the md5 checksum using duckduckgo. Search md5 {your email address} and then you will see the hash:
get a md5 hash on duckduckgo

Use Command Line
For MacOS user, you should have the md5 utility installed, go to the terminal and check:

❯ which md5
/sbin/md5

Enter fullscreen mode Exit fullscreen mode

After that, generate the md5 hash of your email address:

❯ md5 -s "myemall@address.com"
MD5 ("myemall@address.com") = ca49930cff2f87bd37bfe71ce21467f

Enter fullscreen mode Exit fullscreen mode

The gravatar image url is in this format:

https://gravatar.com/avatar/{your md5 hash}?s={size}

Enter fullscreen mode Exit fullscreen mode

If you want to have a 200px avatar: https://gravatar.com/avatar/ca49930cff2f87bd37bfe71ce21467f?s=200.

Use this image url e.g. in a <img> tag:

<img src="https://gravatar.com/avatar/ca49930cff2f87bd37bfe71ce21467f?s=200" />

Enter fullscreen mode Exit fullscreen mode

And you are good to go!

Discussion (0)