• Home
• Subscribe
• Submit
• Contact
• Software Site

How to add a favicon to your site?

A favicon is short for favorite icon. Favicon is the small icon that you see when you visit many sites next to the address of the site, in the tab of the site if your browser supports tabs and in the bookmarks or favorites. It is nice, it gives your site a professional look, and it is easy to implement. Favicon could be an ICO, GIF or PNG file, sometimes people use GIF for the animated favicon but I prefer the ICO format because it is the format that most browsers support. I will show you how to implement a favicon in your site using only free programs.

1. Choose a simple image file because it will be a small 16X16 pixels and open it in any graphics program (You can use Microsoft paint that comes with your windows).
2. Resize your image to 16X16 pixels.
3. Select your entire image (Ctrl + A in paint).
4. Copy your image (Ctrl + C in paint).
5. Now, open any simple icons editor, I use a free program called IcoFX.
6. Create a new icon file (Press Ctrl + N if you are using IcoFX) and choose 256 colors 16X16 pixels.
7. Paste your image (Press Ctrl + V if you are using IcoFX) and Save the file as favicon.ico.
   
8. Upload the favicon.ico file to your site in the root directory of your site for most compatibility (example youresite/favicon.ico).
9. Add this to the head section of your html file:
   
   
   <link rel="shortcut icon" href="/favicon.ico">
   
   
10. You can change the href if you have uploaded the favicon.ico file in any directory other than the root of your site and you can use a complete address like "http://www.yoursite.com/favicon.ico".