Years ago I had a popular post on my site about how to add a favicon. It was one of my masterpieces and it showed in my analytics, then somehow I lost it. So here I am again writing a new one and and best of all, it is actually going to be more informative thanks to knew knowledge!
So what is a favicon, you ask? It is a tiny icon usually seen at the top left corner of your screen by the URL in the address bar and/or on the tabs bar. It is commonly 16×16 in size and almost always saved as an .ico file. They can only be changed on self-hosted sites, including WordPress (which also has another way of adding one in, which we will discuss later on in this article).
Next, is how you create one? You can use Paint or other generic photo editors. GIMP, PhotoShop and PicMonkey work as well, especially if you need to create one from scratch. However, you may have a hard time saving it as the proper format, depending on which editor that you choose to use.
Once you like the design, save two copies as 1 will be .ico and the other needs to be JPEG. Or you can hire me for this service to export and re-size the image for you.
For inserting it in, you will need to find out what kind of site you have. If you are using an updated version of WordPress or non-Wordpress site.
If you do use a more recent version of WordPress, please go to your dashboard, to appearance then to customize.
Then select site identity and you will see a side box where you can select an image to upload.
Please select an image and then save.
For those who do not use WordPress or use an older version, please go to your hosts c-panel, open your file manager or FTP.
Upload the image in the main directory.
Add the following line of code to your index page to the before the </head> line and save.
<link rel=’shortcut icon’ href=’favicon.ico’ type=’image/x-icon’/ >
Then you should be all ready to load and see your favicon once you visit the site.
Aren’t sure if you want to try to create your own favicon? If not, feel free to hire me and I can re-size and export it for you.