Thursday, September 12, 2013

How to create a favicon for your website

Hey guys,

Okay, I understand that this is super simple thing, and the majority would know it. But just in case you are a rookie in web design, you might find it useful and save some time googling.
So, what to do if you want to have your own logo as this little tiny icon in your internet browser:

Okay, first of all you need your logotype image to be converted into *.ico. There is an extremely easy way to do this:
  1. Go to http://www.chami.com/html-kit/services/favicon/
  2. Upload your image
  3. Click "Generate Favicon.ico"
  4. Download the file once it is generated and you are done.
Now, how to add it to your website:
  1. Store your favicon.ico in the root of your website
  2. Add following HTML code to all of your website pages (or your site master page) in the HEADER section
    <link rel="SHORTCUT ICON" href="/favicon.ico" />
  3. And you are done.

It might take some time before you see the new icon, but be patient and it will appear :-)

Cheers,
Your GPTeam

0 comments:

Post a Comment