If you're not familiar with what a favicon is, it's the small icon that appears next to your website title in your browser. If you don't have one, it may just look like a piece of paper with a bent corner. However, you can add a favicon to your WordPress blog and give it a little more of a professional look. 

<h2>What does a Favicon do for Your Website?</h2>

Adding a favicon may seem like a very small thing and the image itself is small. However, the impact it has is very large. Many websites, such as Facebook, Twitter, Google and many others use this little icon for branding. Here's what they look like:

<img src="https://itxdesign.com/wp-content/uploads/2014/04/FaviconExample.png" alt="Favicon Example" width="870" height="51" class="aligncenter size-full wp-image-6736" />

Past branding, one of the major reasons to use a favicon is for users opening multiple tabs. As they open a number of tabs, the title of your website will disappear. However, the favicon can still allow these users to recognize your website easily.

<h2>Creating Your Custom Favicon</h2>

Your favicon needs to be a simple square image that measures either 16x16 pixels or 32x32 pixels. You can create this image in Photoshop or any other image editor. Starting with a 128x128 pixel image makes it easy to resize and save at a PNG file.

<h2>Adding Your Favicon to WordPress</h2>

You will need to upload your favicon image to your media library before you do anything else. Go to <strong>Media &gt;&gt; Add New</strong>. From here, click the "Select Files" button and find the favicon you created on your computer. 

<img src="https://itxdesign.com/wp-content/uploads/2014/04/SelectFilesButton.png" alt="Select Files Button" width="382" height="210" class="aligncenter size-full wp-image-6737" />

After you've uploaded the image, you will be able to click a link below to edit the image. This will give you the URL of the image, which you will need to copy and save for the next step. 

<img src="https://itxdesign.com/wp-content/uploads/2014/04/ImageEditLink.png" alt="Image Edit Link" width="654" height="181" class="aligncenter size-full wp-image-6738" />

<img src="https://itxdesign.com/wp-content/uploads/2014/04/FaviconLink.png" alt="Favicon Link" width="317" height="169" class="aligncenter size-full wp-image-6739" />

Now, you will need to download, install and activate the plugin <a href="http://wordpress.org/plugins/insert-headers-and-footers/">Insert Headers and Footers</a>.

Once the plugin is activated, you can go to <strong>Settings &gt;&gt; Insert Headers and Footers</strong> and use the following code to add your favicon.

<img src="https://itxdesign.com/wp-content/uploads/2014/04/InsertionCode.png" alt="Insertion Code" width="757" height="201" class="aligncenter size-full wp-image-6740" />

Make sure the favicon displays properly for your website and you're all set.
