A Favicon (favorite icon) is the small image that appears in the URL bar before a website’s adress. This article will explain how to make a Favicon. It is also the icon that is saved beside the name of the website when you bookmark it.
FavIcon gives your website a more professional look. It is also a good way to brand your website, as it usually carries the logo of your site. You can use the following steps to create a nice favicon for your professional looking website:
1. You are going to need a graphic creation program for this one. Photoshop is a good choice. However, you have to download the plugin called Windows Icon file format for Photoshop. But of course, this is not a big problem, you can even use Paint to create your Favicon.
2. The size of a Favicon is merely 16 x 16 pixels. Create your image about that size.
3. You can also use a random image for a favicon, but is not recommended, you can make a bigger image and the browser will automatically shorten it for you.
4. Save the image and call it favicon.ico.
5. Upload the file in your hosting server. You can use FTP for this. Be sure that you put the file where the home page or the index.php page is located. Do not put the file in an images folder or any other sub-folder.
6. Now insert this code in the head section of your html files:
<link rel=”icon” href=”/favicon.ico” type=”image/x-icon”>
* You need to put this script inside the <head> </head> code of each of your website’s pages, if you want all of them to carry the icon.
Let’s test our nice favicon. When you refresh your page, there should be a small icon appearing before the URL on the address bar. If it doesn’t show up, try to put a question mark at the end of the address to force the browser to refresh the page without consulting the cache.