Friday, March 26, 2010

Favicon

Browser ICO PNG GIF animated GIFs JPEG APNG SVG Google Chrome Yes 4.0 4.0 No 4.0 No No Internet Explorer 4 No No No No No No Mozilla Firefox Yes Yes Yes Yes Yes 3.0 No[5] Opera Yes Yes Yes Yes Yes Yes 9.6 Safari Yes 4.0 4.0 ? 4.0 No No A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 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. Some programs allow the user to select an icon of his own from the hard drive and associate it with a website.

 

Browser support
Browser ICO PNG GIF animated GIFs JPEG APNG SVG
Google Chrome Yes 4.0 4.0 No 4.0 No No
Internet Explorer 4 No No No No No No
Mozilla Firefox Yes Yes Yes Yes Yes 3.0 No
Opera Yes Yes Yes Yes Yes Yes 9.6
Safari Yes 4.0 4.0 ? 4.0 No No


The following format is cross-browser compatible and is supported by Internet Explorer, Firefox, Chrome, and Opera.

Additionally the following is also acceptable:

  • <link rel="SHORTCUT ICON" href="/somepath/myicon.ico"/>

The following shows the supported format of link tags, using examples, for HTML and XHTML.

HTML:

XHTML:

  • <link rel="icon" type="image/vnd.microsoft.icon" href="/somepath/image.ico" />
  • <link rel="icon" type="image/png" href="/somepath/image.png" />
  • <link rel="icon" type="image/gif" href="/somepath/image.gif" />

 

Ref:Wikipedia

No comments:

Post a Comment