Site Menu
+ Banners
+ Button Generator
+ Contact Us
+ Favicon Generator
+ Gallery
+ Google Rank Button
+ Graphics
+ Graphicsguru News
+ Invite a Friend
+ Logos
+ Order
+ Resources
+ Testimonials
+ Tutorials
+ Websites
+ Home
DMOZ Listed
+ dmoz
Job Openings
+ Employment
+ graphicsguru rss
+ my Firefox blog
+ links to us
+ valid RSS feed
+ FEED Validator
 Subscribe
Currently Online: 5 Visitors
Firefox downloads:
1312797759.
 Bookmark on del.icio.us
 Add Our RSS to Google
|
In the past, to ensure that the favicon did indeed appear, various measures were taken by web designers and developers
. There is no known guarantee that favicons will appear on all computers, even on same browsers with the same versions.
Another limitation of the code below is that it associates a favicon with a specific HTML or XHTML document. To avoid
this, the favicon.ico file should be placed in the root directory. Most browsers will automatically detect and use the
favicon.ico file.
- It had been suggested that both of the following HTML lines should be included:
- <link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
- <link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
- However, only the former is necessary, as 'shortcut icon' will be treated as a list of possibilities by standards-
compliant browsers (with "shortcut" being ignored, and "icon" used); while Internet Explorer will treat it as
a single name ("shortcut icon"). The result is that all browsers understand the code. It is only necessary to
include a second piece of code if one desires to offer an alternative image to modern browsers
(e.g. an animated GIF).
- The link elements must be inside the head element (between <head> and </head>) in the HTML.
- For XHTML, the link element must be terminated by " />" instead of ">".
- The href can, but need not, point to the location /favicon.ico. It could point to any URL.
- The image can usually be in any image format supported by the web browser.
- The .ico file format will be read correctly by all browsers that can display favicons.
- Configure the web server to send the correct MIME identifier:
- ICO files image/vnd.microsoft.icon (Alternatively, image/x-icon can be used instead, for compatibility
reasons. However, it is preferable to use the IANA-registered MIME type, as most major browsers
now support it.)
- GIF files image/gif
- PNG files image/png
- Use the appropriate resolution and color depth.
- ICO: include multiple resolutions (the most commonly used being 16×16 and 32×32, with 64×64 and
128×128 sometimes used by Mac OS X) and bit-depths (most common being 4, 8, 24 bpp—i.e. 16, 256
and 16 million colors) in the file.
- GIF: use 16×16 in 256 colors.
- PNG: use 16×16 in either 256 colors or 24-bit.
Note: favicon.ico when located in the document root directory, will also be found by some browsers that do not process
the link elements, even if it is not linked from anywhere on your site.
|
