Favicon is a tiny image that appears next to page title in web browsers. It helps users easily recognize your website and differentiate your WordPress site or blog from your competitors. This tiny little image also helps you build trust and credibility among your audiences.
I’m not saying that adding a favicon image to your WordPress site is absolutely essential. But incorporating it is one of those small touches that goes a long way towards improving overall quality of your WordPress site.
In this post, I am going to teach you how to create and add a favicon Image to your WordPress site.
How To Create A Favicon Image
The best way to create a favicon image is to design a square image, ideally 16×16 pixels or 32×32 pixels, then save it as a PNG file. This is important because we don’t want to loose the transparency when we convert it to ICO image.
Here are some popular websites where you can upload an image and convert it into a favicon for your WordPress site.
How To Add Favicon To WordPress Site
Nowadays, many WordPress themes come with a favicon uploader that lets you upload your favicon image directly through WordPress Admin area. So be sure, to check you theme settings panel first.
If your WordPress theme has an option to upload favicon that’s great. And, if not then you have two choices either you upload favicon to your website’s root directory using FTP or use a WordPress plugin like All in One Favicon in case you don’t want to deal with FTP.
If you are one of those who try to avoid using plugins as much as possible, then, I would recommend you to add your favicon image manually directly through FTP.
To do that first you need to upload your favicon image to your website’s root directory. Then you will have add the following code in your theme’s header.php file.
<link rel="icon" type="image/x-icon" href="http://www.yourwebsite.com/favicon.ico">
Once you have added your favicon on you WordPress site, you should see it on you browser tab next to page title. If it’s not displaying you should visit the URL of the favicon image and refresh it. If you still don’t see it then may be your favicon image location is incorrect.