beanBlog

Create FAVICON for your website

Posted by: thebeanproject on: June 19, 2009

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. 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. — Favicon Wiki

  1. First of all, create an picture 16×16 and save it as .ICO — Here is a tutorial on how to create a FAVICON http://www.photoshopsupport.com/tutorials/jennifer/favicon.html
  2. Upload it to your website
  3. Add this line within your <head> tag — more information go to http://www.thesitewizard.com/archive/favicon.shtml
    <link REL=“SHORTCUT ICON” HREF=“http://yoursitedotcom.here/favicon.ico”>

You could also create a PNG or GIF for your FAVICON, but it will not work on Internet Explorer. I would recommend using a .ICO file.

Advertisement

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.