A favicon is a good way to add some life to your site. This icon will display in the tab the site is loaded in, and in bookmarks in the browser. All modern browsers support favicons.
Step 1. Make the icon
The first step to having a favicon is to make the icon. Your site's favicon needs to be in .ico format. You can save it in gif or png format first and then convert the file at several online favicon generator sites or with desktop icon editing software.
Your icon needs to be 16x16 pixels and can optionally be transparent. You can use the following sites to convert your image to an .ico format:
Step 2. Apply the icon to your site
The easiest way to add the favicon to your site is to simply upload the favicon.ico file to your root directory. This is usually your "public_html" folder.
*Note: Sometimes if you have already bookmarked the page browsers will cache the default icon. It may require deleting a bookmark and clearing your cache to see the change.
Check to see if your icon is showing at Real Favicon Generator.net and type in your site address. It will show what it looks like on all devices, as well as the formatting and if it is the correct size.