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.
favicon.ico
- 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/vnd.microsoft.icon
, which standardized the .ico
filetype.Browser support
Browser | ICO | PNG | GIF | animated GIF | 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 (Bug) |
Opera | Yes | Yes | Yes | Yes | Yes | Yes | 9.6 |
Safari | Yes | 4.0 | 4.0 | No | 4.0 | No | No |
<link rel="SHORTCUT ICON" href="http://www.example.com/myicon.ico"/>
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:
<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">
<link rel="icon" type="image/png" href="http://example.com/image.png">
<link rel="icon" type="image/gif" href="http://example.com/image.gif">
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" />
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" />
Reference
http://en.wikipedia.org/wiki/Favicon
Favicon we made
Favicon | Customer |
---|---|
Nghe Long Software Solution | |
Le Qui Don-Long An Alumi | |
Web Chan Nuoi | |
miss megabyte | |
Nghe Long Web Drirectory |