Showing posts with label Favicon. Show all posts
Showing posts with label Favicon. Show all posts


What is favicon?
Favicon stands for favorite icon, also called as website icon, shortcut icon, url icon, bookmark icon, webpage icon. It is a small square image with dimension 16x16, 32x32, 64x64.A graphic designer can design it for a web designer. Web master can install it into his/her website by some ways.Most graphical web browsers will then make use of it. Supporting web browsers typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Tab browsers 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. In the webmaster tool of Google Inc, favicon of website will appear next to the url of the site.
  • Microsoft introduced favicon in the Internet Explorer 4. A file named favicon.ico placed in the root directory of the website will be used to display in the Internet Explorer's favorites.
  • After that, Microsoft allowed to change the location of the favicon file by using link element in the head tag to point out the name and the location of the image.Now all of image type are supported by W3C HTML can be used as favicon.
  • ICO format is supported cross browsers so that this format is the most popular format of favicon.
In 2003 the .ico format was registered by Simon Butcher with the Internet Assigned Numbers Authority (IANA) under the MIME type image/, which standardized the .ico filetype.
Browser support
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 (Bug)
Opera Yes Yes Yes Yes Yes Yes 9.6
Safari Yes 4.0 4.0 No 4.0 No No
The following format is cross-browser compatible and is supported by Internet Explorer, Firefox, Chrome, and Opera:
<link rel="SHORTCUT ICON" href=""/>
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.
<link rel="icon" type="image/" href="">
<link rel="icon" type="image/png" href="">
<link rel="icon" type="image/gif" href="">
<link rel="icon" type="image/" href="/somepath/image.ico" />
<link rel="icon" type="image/png" href="/somepath/image.png" />
<link rel="icon" type="image/gif" href="/somepath/image.gif" />
Most web browsers do not require any HTML to retrieve a favicon that conforms to the de facto file name and type (favicon.ico) located in the web site's root. If no favicon link is detected upon HTML page load completion and no previous site visits are recorded in the browser's history, a favicon.ico is requested automatically.

Additionally, such icon files can be either 16×16 or 32×32 pixels in size, and either 8-bit or 24-bit in color depth (note that GIF files have a limited, 256 color palette entries).

Most web browsers have since added support for the new W3C HTML recommendation, and it is generally used for all new content.
Device support
Apple devices such as  iPod Touch, iPhone, and iPad use the following example of code for HTML and XHTML:
<link rel="apple-touch-icon" href="/somepath/image.ico" />
<link rel="apple-touch-icon" href="/somepath/image.png" />
<link rel="apple-touch-icon" href="/somepath/image.gif" />
Favicon we made
Nghe Long Software Solution
Le Qui Don-Long An Alumi
Web Chan Nuoi
miss megabyte
Nghe Long Web Drirectory