Web - How To Create FavIcon From Pics

You are here: Home

Blog

Tutorial

Written by Jimmy

Saturday, 05 May 2007

This is an example for FavIcon

What is Favicon? Favicon (short for Favorites Icon) is a feature that makes it possible to associate a special logo or other small graphic with a web page.

The Favicon is usually displayed next to the web site address. Much like the way shortcut icons are used on the computer desktop to distinguish computer programs and files, Favicons can be used to personalize or brand your web sites.

Few days ago I was struggling finding how to create Favicon without any software because I only left 3GB left on my hard disk :)

01.You need to have your logo, trademark or you can use any picture you like.

02.Run your browser and visit http://www.chami.com/html-kit/services/favicon/

03.Click browse and choose picture you like to use as your Favicon

04.Click Generate FavIcon.ico

05.Click download FavIcon

Now you're done creating FavIcon without any software needed. All you go to do now is upload it to your website and put this code on your HTML file.

<link rel="shortcut icon" href="favicon.ico" >

Add the following HTML tag to your web page after the <head> tag, before the </head> tag:

That's it! To test your new favicon in Internet Explorer, add your site to Favorites and reopen the page. To test it in Firefox or other Mozilla-based browser, simply open your web page and watch the address bar or the page tab.

Comments (5) Add Comment