Blavatars (Blog Icons)
Blog Icons are used in a number of ways. It’s displayed as the favicon (or site icon) for your blog, which shows up in a browser’s address bar and on browser tabs.
If you create a bookmark on your browser or shortcut on your mobile device home screen to any blog with a Blog Icon, it will also be used as the icon.
Here are a couple of examples:
You can upload a custom site icon by going to My Site → Settings, and in the General tab, click on the Change option:
On the right side you should see the section for Blog Picture / Icon.
Click on the button for Choose File or Browse depending on the browser you’re using. Find the image on your computer you would like to use, and click the Upload Image button.
Blavatars look best if the image you’re using is square and at least 128 x 128 pixels in size. Smaller sizes will be used in different areas of WordPress.com, so you may want to test how the image will look at these other square sizes: 16, 32, 48, and 96 pixels.
Don’t worry if your image isn’t square, though. After you’ve uploaded the image, you’ll be able to crop your image.
Move the crop area and change the size to match the area of the image you want to use. Then click the Crop Image button. A screen will load showing you a couple examples of the cropped image. Your blog now has a blavatar!
Please note it may take a few hours before you see the new one if you change your blavatar. This is because of our cache, but you can try clearing your browser’s local cache in case the blavatar doesn’t refresh after a while.
Remove a Blog Icon
You can remove a custom site icon by going to My Site → Settings, and in the General tab, click on the Change option:
In the Blog Picture area on the right side, click the Remove Image button.