How to Add a Favicon to Your WordPress Site

Do you favicon? I have started to pay more attention to them and love the neat look it gives my browser. First, what is it?

Favicon – Also known as a browser icon, website icon, site icon, or URL icon, a Favicon is a tiny logo / image that shows up when you visit any website.

Mailchimps Favicon

My Author Website Favicon

Custom Favicon’s help to brand a website, establishing your website’s identity. Instead of the default icon that shows up when you create a website, your logo will show in the browser when people visit your website and looks good for your online presence. Plus, it looks cool. I added a favicon when I acquired a domain for my blog so that both my author website and my bog have matching browser icons:

So, if you’d like to add a Favicon to your blog, here’s how.

First, be sure you have an image or logo to add. The recommended file type is ico or PNG (if you’re still using Internet Explorer, shame on you. No, seriously, PNG website icons won’t show on some Internet Explorer browsers so try JPG).

The standard Favicon sizes is 100px x 100px and 300px a 300px and they will show smaller of course at 16px by 16px. Be sure your image does not exceed 100KB.

The next set of steps is as easy as 1, 2, 3.

1. Go to your WP Dashboard
2. Scroll down to settings > General
3. To your left is Site Icon > Upload your image

After uploading your image refresh your page. If the favicon still doesn’t show in your browser you should clear your cache. (In Firefox: Tools > Options > Advanced > Network > Clear now).