Adding a Favicon to a blog

One of the most common questions I hear about is how you can add a Favicon to your blog. If you don’t know what a Favicon is, it is the little image that appears in the browser bar beside your URL or on the browser tab (it stands for Favourite icon). It’s also used to represent your site when someone bookmarks you. The default Favicon on a blog is the blue and white WordPress logo, which can get lost if you have many tabs or windows open. So while it might sound like a small thing, if you want to stand-out from the crowd it’s a good idea to have your own mark.

NOTE: doesn’t use the term Favicon and instead calls it a Blavatar (as in Blog Avatar). also uses the image you upload to represent your blog in other areas other than the Favicon spot. Moving forward I will now refer to this as the Favicon/Blavatar image.

Creating your Favicon/Blavatar image

For best results when creating an image for your Favicon/Blavatar keep it square and clean. I found that using an image 300 x 300 pixels gave me great results (a Favicon is only 16 x 16 pixels, but since will use the image elsewhere you want it to be a bit larger when you upload it).  When I say keep it clean, I mean don’t use a wild drawing or graphic as your image won’t show up properly and will end up looking like a smudge. I went with a simple @ symbol as my image as you can see in this screenshot:

@bamcat Favicon will only accept a jpeg or a png file as the Favicon/Blavatar image and the file should be as small as possible so it doesn’t slow your site down.

Adding your Favicon/Blavatar image in

1. Under Settings in the Blog Admin section select General.

Wordpress Favicon/Blavatar

2. On the General screen to the right is an area called Blog Picture / Icon. Select Browse to find your image and then select Upload Image.


3. Once your image is uploaded you will be prompted to crop it. If you uploaded a square image just select Crop Image without doing anything else.

Wordpress - Crop Image

5. You now have a Favicon/Blavatar image!

Wordpress - All Done

Was this post helpful? Have something to add to it? Leave a comment below, drop me an email at or Tweet me @bamcat.

One thought on “Adding a Favicon to a blog

  1. Pingback: How to host an HTML file on Dropbox | @bamcat

Share your thoughts

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.