Favicon is nothing but a short form of favorite icon. Favicon is always displayed before the URL in browser address bar, on tabs of browser windows and on the bookmark lists. Favicon gives a pro look to site or weblog and if your site has unique Favicon then it gets easy to remember the site. So, how to create a Favicon?
Here’s simple tutorial to create a Favicon:
1. Firstly, you have to create an image of pixel size 16 x 16. Making such small sized image is a difficult task to do but you can use any image editing tool available in the market and design a perfect Favicon for site or blog.
2. Adobe Photoshop is great tool to create a nice Favicon. Create an image with Photoshop, keeping in mind that it should be clearly visible when you resize it. Save this file as Favicon.ico
3. If you are not aware of Adobe Photoshop then you can use MS Paint or any other web tools. It’s easy to create a Favicon of your choice with the help of simple tools. Save the created image in JPEG format and convert it into .ico format using “JPEG to ICO converter”.
4. Upload Favicon.ico file in root directory of control panel of website where index file is placed.
5. Website holders should change their header as shown below:
<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” />
Add this code in <head></head> tags. This code will work if Favicon is situated in root directory.
6. For bloggers, make sure the path given in the codes is similar to file location. If in case blog doesn’t have facility of Favicon just follow step 5.
7. Follow all steps as stated above and then check website/blog in new browser window. Voila! Your website is ready with new Favicon.
8. Still not convinced with the new Favicon, you can always make changes in it to look attractive and unique.
For creating an animated Favicon just check this out: http://www.animatedfavicon.com/