Favicons should follow every single rule of icon design. Scalability is very important, since favicons have to be 16x16 px, which is the size web browsers recognize for this kind of files. Adding a favicon is not fundamental but it has many advantages that will make your website more interesting to visitors. If you open many tabs in your browser, the easiest way to locate a website is by it's favicon, if you don't have a favicon users will take longer to find your site, which difficulties the navigation.
In a webpage, your template, your logo and all of the details you put into them represent your site identity. One of these details is the favicon, since it's the first image the user gets of your site. It's such a big deal to have a well done favicon, that a couple of weeks go Google changed his and caused many reactions. Google's favicon changed from the capital G of the Google logo to the low caps G. Google didn't announced the change, that's why when they did it, users were a little lost. It's easier to remember an image than text, and we unconsciously knew what we had to search for and when we couldn't find it we noticed the difference.
Here are some examples of favicons for Google and the one they're using right now. It might look simple, the the ammount of work put into it is big. The reason they decided to change the favicon was the fact they wanted to improve it to work on mobile devices.
So, how we put a favicon on our? It's really easy, and there are many ways to do it. Read of how to create a good icon and create your image. Then, you can go to a website such as DynamicDrive and upload your image. It will automatically turn into a .ico. When you have your .ico file you should put the following code on your webpage template in the HEAD section.
< href="image URL" rel="shortcut icon" type="image/vnd.microsoft.icon">
Just change the image URL by the address of your icon and that's it, you'll have a favicon for your site.
No Comments