Sep 12
2009The Perfect Free Online Favicon Maker
Filed Under (Computers and Internet) by Uncle Che on 12-09-2009
Tagged Under : browsers, favicon
Do you know what a favicon is? I guess who do. For the benefit of those who don’t, let’s see a detailed explanation on Wikipedia, quoted below.
A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16 pixel square icon associated with a particular website or webpage.[1] A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page’s favicon in the browser’s Address bar and next to the page’s name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page’s favicon next to the page’s title on the tab. The Microsoft Windows Shell also uses favicons to represent “Internet shortcuts” to web pages.
You can search Google for more definitions of a favicon.
As we have seen above, a favicon is some sort of representation or identification for a website. This means that it can be used to brand a website or web pasge.
Sounds interesting? How do you add a favicon to your website?
The standard procedure for adding a favicon to your page is by creating a .ico file and uploading it to the root directory of your site. After that, there is a code you need to add to the head section (<head>) of your index page. To effectively do this, you need need knowledge on the following fields:
Creating an Ico Image: Most photo editors will be able to help you create an ico image. I recommend Faststone. All you need to do is open any image file you will like to use and save it as favicon.ico. Simple!!!
Uploading the favicon.ico Image to Your Root Directory: Now that you have treated the image to use as your favicon, you need to upload it to your site. I recommend you use the file manager on cPanel of your hosting account or free Online FTP.
Adding the Favicon Code to Your Index Page: Are you still in your file manager? Open your index page (index.html, index.php, index.htm… etc) and locate the </head> tag. Plce the code below immediately before the </head> tag.
<link rel=”shortcut icon” href=”favicon.ico”>
<link rel=”icon” type=”image/gif” href=”animated_favicon1.gif”>
If you will like to have a more spiced up favicon for your site, I recommend you use this free online favicon maker. It is easy to use and packed with many rich functions such as the ability to use animations, sideshow and scrolling text as your favicon.
I thought the code
<link rel=”shortcut icon” href=”favicon.ico”>
<link rel=”icon” type=”image/gif” href=”animated_favicon1.gif”>
will be displayed in a text field.
I think that way, copying will be easy.
Oh yeah, Noela. That will be real nice. I will look for a hack for that. I am sure a geek somewhere has it.
.-= Uncle Che´s last blog ..The Perfect Free Online Favicon Maker =-.