Setting up favicon.ico

Sep 19, 2009 Web Design

“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. 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.” – Wiki

Create a favicon.ico and upload it to your server eg http://www.yoursever.com/favicon.ico (check it with your browser). Then add this HTML code into the <head> … </head> of your webpage.

?View Code HTML
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">

Useful favicon related links:
Online favicon.ico generator
Another online favicon.ico generator
Create favicon.ico

No related posts.

This entry was posted on Saturday, September 19th, 2009 at 20:00 and is filed under Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
E-mail Comment Del.icio.us Digg Reddit Technorati Furl

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>