The Full Wiki

Favicon: Wikis
  
  

Encyclopedia

Updated live from Wikipedia, last check: June 01, 2012 16:57 UTC (49 seconds ago)

From Wikipedia, the free encyclopedia

Favicons are displayed in most major graphical Web browsers.
.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.^ A favicon (short for "favorites icon" and also known as a page icon), is an icon associated with a particular website or webpage that is displayed in the browser address bar next to a site's URL. .
  • Favicon Generator | Make Free Favicons | Create a Favicon.ico Design 13 January 2010 13:10 UTC www.favicongenerator.com [Source type: General]
  • Favicon Generator Create free page icons(favicon.ico) with Favicon Central Generator 26 January 2010 16:016 UTC www.faviconcentral.com [Source type: Reference]
  • Favicon Generator » Create free Favicons for your website 26 January 2010 16:016 UTC favicons.me [Source type: General]

 ^ A favicon (short for "Favorites icon"), also known as a page icon, is an icon associated with a particular website or webpage.

 ^ PM A favicon should be 16 pixels by 16 pixels.
  • Picture in Address Bar [Archive] - The macosxhints Forums 16 January 2010 14:19 UTC forums.macosxhints.com [Source type: Original source]

 [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.^ We can create your custom favicon and install it into your website where most graphical web browsers will display it.
  • WEBIVORE - Custom Favicon Creation 26 January 2010 16:016 UTC www.webivore.com [Source type: General]

 ^ A web admin can create such an icon and install it into a website by several means, and most graphical web browsers will then make use of it.
  • Punaji: Favicon at Punaji 26 January 2010 16:016 UTC www.punaji.com [Source type: General]

 ^ Most used browsers versions (10) .
  • Free SEO Tools | Internet Marketing Resources | Webmaster Tools » Site Statistics 16 January 2010 14:19 UTC seopaltoolbar.com [Source type: General]

 .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.^ FavIcon ( ) on the address bar and page tabs of Mozilla based browsers.
  • FavIcon from Pics - Support 26 January 2010 16:016 UTC www.chami.com [Source type: General]

 ^ Most Browsers display Favicon in address bar , next to website URL, in tabs , and in Favorites Folder .
  • What is FavIcon? 26 January 2010 16:016 UTC 1favicon.com [Source type: General]

 ^ What is currently the best way to get a favicon to display in all browsers that support Favicons?
  • Favicon missing on select pages - Stack Overflow 26 January 2010 16:016 UTC stackoverflow.com [Source type: General]

 .Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab.^ FavIcon ( ) on the address bar and page tabs of Mozilla based browsers.
  • FavIcon from Pics - Support 26 January 2010 16:016 UTC www.chami.com [Source type: General]

 ^ What browsers and versions support favicon?
  • Adding a Favicon or Favorites Icon 26 January 2010 16:016 UTC webdesign.about.com [Source type: General]

 ^ Browsers that support a tabbed document interface typically show a page's favicon next to the page's title.
  • Add Favicon (favorites/bookmark icon) 26 January 2010 16:016 UTC custom.simplemachines.org [Source type: General]
  • Add Favicon (favories/bookmark icon) 26 January 2010 16:016 UTC www.simplemachines.org [Source type: FILTERED WITH BAYES]
  • Punaji: Favicon at Punaji 26 January 2010 16:016 UTC www.punaji.com [Source type: General]

 .Some programs allow the user to select an icon of his own from the hard drive and associate it with a website.^ A favicon (short for "favorites icon" and also known as a page icon), is an icon associated with a particular website or webpage that is displayed in the browser address bar next to a site's URL. .
  • Favicon Generator | Make Free Favicons | Create a Favicon.ico Design 13 January 2010 13:10 UTC www.favicongenerator.com [Source type: General]
  • Favicon Generator » Create free Favicons for your website 26 January 2010 16:016 UTC favicons.me [Source type: General]

 ^ A favicon (short for "Favorites icon"), also known as a page icon, is an icon associated with a particular website or webpage.
  • Favicon Generator 26 January 2010 16:016 UTC www.antifavicon.com [Source type: FILTERED WITH BAYES]

 ^ A favicon (short for "favorites icon"), also known as a page icon or an urlicon, is an icon associated with a particular website or webpage.
  • What is Favicon Generator 26 January 2010 16:016 UTC www.favicon.co.uk [Source type: General]

Contents

favicon.ico

Introduction and standardization

.Microsoft was the first to introduce the favicon in Internet Explorer 4.^ I believe Internet Explorer was the first to implement this.
  • How To Create A Favicon — Matt Mullenweg 26 January 2010 16:016 UTC ma.tt [Source type: FILTERED WITH BAYES]

 ^ Can I use favicon ico with Internet Explorer 5/6/7?
  • Animated Favicon Gif Generator - Create Animated Gif Favicon Ico Just 3 Steps 13 January 2010 13:10 UTC www.animatedfavicon.com [Source type: General]

 ^ Favicon was introduced with Internet Explorer 5/6 by Microsoft©.
  • How can I add a Favicon to my Website? 26 January 2010 16:016 UTC www.1stsitefree.com [Source type: General]

 .In the original Microsoft standard, a file called favicon.ico was placed in the root directory of a web site.^ The original means of defining a favicon was by placing a file called favicon.ico in the root directory of a webserver.
  • What is Favicon Generator 26 January 2010 16:016 UTC www.favicon.co.uk [Source type: General]
  • Page Icon (FavIcon) General Information 26 January 2010 16:016 UTC www.pageicon.com [Source type: Reference]

 ^ Creating a favicon for your Web site .
  • Creating a favicon for your Web site | Create | Creative Notes | Macworld 26 January 2010 16:016 UTC www.macworld.com [Source type: General]
  • Creating a favicon for your Web site | Create | Creative Notes | Macworld 26 January 2010 16:016 UTC www.macworld.com [Source type: General]

 ^ Upload the image (favicon.ico) with FTP to the root section of your web site.
  • HTML: Adding a Favorite Icon to Your Site (favicon.ico) 13 January 2010 13:10 UTC www.davesite.com [Source type: General]

 .This would then automatically be used in Internet Explorer's favorites (bookmarks) display.^ Internet Explorer automatically looks for the favicon file when it bookmarks a page.
  • Favicons - How to create and use a favicon in your website. 26 January 2010 16:016 UTC www.crawforddirect.com [Source type: General]

 ^ Can I use favicon ico with Internet Explorer 5/6/7?
  • Animated Favicon Gif Generator - Create Animated Gif Favicon Ico Just 3 Steps 13 January 2010 13:10 UTC www.animatedfavicon.com [Source type: General]

 ^ Bookmarks menu (Favorites in Internet Explorer) .
  • Sim.PHP - Creating Favicon.ico file tutorial 13 January 2010 13:10 UTC www.sim-php.info [Source type: General]
.The Microsoft standard was later expanded to allow the location to be specified for any website directory location for given page.^ Placing this file in the top directory of your web space will cause it to appear next to any favorites list entry for any page on your website in Microsoft Internet Explorer.
  • WWW FAQs: How do I get my own favorites icon? 26 January 2010 16:016 UTC www.boutell.com [Source type: General]

 ^ Once you create your favicon.ico file, upload it to the root directory of your website and put the following code in your html page in the header: .
  • Favicon Generator 13 January 2010 13:10 UTC www.degraeve.com [Source type: General]

 ^ If you want specific favicons to appear on specific pages, indicate the name and location of those favicons using the above code, but do not place favicon.ico in your root directory.
  • Frequently asked questions about favicons 26 January 2010 16:016 UTC make-a-favicon.com [Source type: General]

 .This was achieved by adding a link element to the <head> section of the document, which specifies the name of the image file and its location.^ This is achieved by adding two link elements in the section of the document as detailed here .
  • What is Favicon Generator 26 January 2010 16:016 UTC www.favicon.co.uk [Source type: General]

 ^ Link to the favicon file in the head element of your theme.liquid file.
  • Favicon (Adding) 26 January 2010 16:016 UTC forums.shopify.com [Source type: FILTERED WITH BAYES]

 ^ You can do this by specifying the location of the .ico file in the head tag of the page: .

 .In this way, any image file defined by the World Wide Web Consortium (W3C) HTML recommendation may be used.^ What image file formats should I use?
  • WWW FAQs: How do I get my own favorites icon? 26 January 2010 16:016 UTC www.boutell.com [Source type: General]

 ^ In this way, any appropriately sized image can be used, and although many still use the .ico format, others use GIF or PNG files.
  • Page Icon (FavIcon) General Information 26 January 2010 16:016 UTC www.pageicon.com [Source type: Reference]

 ^ The original means of defining a favicon was by placing a file called favicon.ico in the root directory of a web server .
  • Favicon, Favicon Generator FREE favicon ico graphicsguru passion for pixels 13 January 2010 13:10 UTC www.graphicsguru.com [Source type: General]
.Because only the ICO format is completely cross-browser compatible with all modern browsers, as well as most browsers released after 2004, the .ICO format is the most widely used favicon format.^ It converts the favicon to png format, for even greater browser compatibility.
  • SectorPrime - Free favicon.ico to png image converter 13 January 2010 13:10 UTC www.sectorprime.com [Source type: General]

 ^ Why would I use "favicon.ico"?
  • Favicon.ico - Icon for Your Site!:   faq 13 January 2010 13:10 UTC favicon.ru [Source type: General]

 ^ Create the favicon.ico using png2ico .
  • MyUtil™ | How to create and add favorite icons to your website (favicon.ico) 13 January 2010 13:10 UTC myutil.com [Source type: General]

Legacy

.Older Microsoft Internet Explorer versions only completely support Microsoft Icon Files.^ Older versions of Internet Explorer will only show it when your site is bookmarked.

 ^ Favicon was introduced with Internet Explorer 5/6 by Microsoft©.
  • How can I add a Favicon to my Website? 26 January 2010 16:016 UTC www.1stsitefree.com [Source type: General]

 ^ Animated favicons not supported in Internet Explorer .

 .Some webmasters changed their preferred image's file extension to .ico without converting the file to Microsoft Icon Files.^ And, favicon.ico your icon file.
  • How can I add a Favicon to my Website? 26 January 2010 16:016 UTC www.1stsitefree.com [Source type: General]

 ^ You now need to convert the image to an image with an .ico file extension .

 ^ Does the icon have to be a .ico file?
  • How To Create A Favicon — Matt Mullenweg 26 January 2010 16:016 UTC ma.tt [Source type: FILTERED WITH BAYES]

 .This creates a file format error because the file type does not match the extension, and such icon images will not be displayed correctly by some older browsers.^ I created a 16x16 icon file.
  • How do you get a logo in the address bar? - Page 5 - TalkGraphics.com 16 January 2010 14:19 UTC www.talkgraphics.com [Source type: FILTERED WITH BAYES]

 ^ Does the icon have to be a .ico file?
  • How To Create A Favicon — Matt Mullenweg 26 January 2010 16:016 UTC ma.tt [Source type: FILTERED WITH BAYES]

 ^ A: Facicon.ico , as any other icon file, does not have to be a single image.
  • Favicon.ico - Icon for Your Site!:   faq 13 January 2010 13:10 UTC favicon.ru [Source type: General]

W3C Expands on the Microsoft Standard

.Microsoft created the original favicon feature for Internet Explorer, which would request a favicon from a specific file (/favicon.ico) in the root directory of every website (e.g., http://en.wikipedia.org/favicon.ico).^ The original means of defining a favicon was by placing a file called favicon.ico in the root directory of a webserver.
  • What is Favicon Generator 26 January 2010 16:016 UTC www.favicon.co.uk [Source type: General]
  • Favicon Generator 26 January 2010 16:016 UTC www.antifavicon.com [Source type: FILTERED WITH BAYES]

 ^ Easily create favicon.ico files from PNG graphics .
  • Easily create favicon.ico files from PNG graphics « xentek 13 January 2010 13:10 UTC xentek.net [Source type: General]

 ^ Internet Explorer automatically looks for the favicon file when it bookmarks a page.
  • Favicons - How to create and use a favicon in your website. 26 January 2010 16:016 UTC www.crawforddirect.com [Source type: General]

 Microsoft's original format standard for the link tag was expanded by the W3C HTML recommendation[2] to also include the following:
  • The rel attribute may also contain a space, so in addition to using rel="icon", conforming web browsers may also a two-word link type (e.g. rel="shortcut icon").
  • The use of a reserved location on a website is no longer required and the favicon file can be located anywhere in the web directory tree.
.Older versions of browsers such as Internet Explorer 5 and version 6[3], Mozilla Firefox, and Netscape only recognize the favicon when the page is bookmarked, and fail to display when merely visiting the page.^ FavIcon ( ) on the address bar and page tabs of Mozilla based browsers.
  • FavIcon from Pics - Support 26 January 2010 16:016 UTC www.chami.com [Source type: General]

 ^ Internet Explorer automatically looks for the favicon file when it bookmarks a page.
  • Favicons - How to create and use a favicon in your website. 26 January 2010 16:016 UTC www.crawforddirect.com [Source type: General]

 ^ Microsoft Internet Explorer version 5.0 introduced the ability to display favicons, followed by other major browsers.
  • What is a Favicon? 26 January 2010 16:016 UTC www.wisegeek.com [Source type: General]

Standardization and implementation

.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.^ Under Format , select ICO (Windows Icon) from the dropdown.
  • Creating a favicon using Adobe Photoshop - chette.com - Lifehacks, Project Management, Web Development, Technology, Joomla!, Mambo, Productivity, GTD ... by Chette Soriano 16 January 2010 14:19 UTC www.chette.com [Source type: General]

 ^ Windows Icon Format (favicon.ico).
  • HTML: Adding a Favorite Icon to Your Site (favicon.ico) 13 January 2010 13:10 UTC www.davesite.com [Source type: General]

 ^ The correct type is not image/ico but image/x-icon .
  • How To Create A Favicon — Matt Mullenweg 26 January 2010 16:016 UTC ma.tt [Source type: FILTERED WITH BAYES]

 [4]

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[5]
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.^ Animated favicons not supported in Internet Explorer .

 ^ Modern browsers (Firefox and Opera) no longer restrict you to this special file format they support GIF, animated GIF and PNG image formats.
  • Admin Panel 2: Clean Server - Uniform Server Wiki System 16 January 2010 14:19 UTC wiki.uniformserver.com [Source type: General]

 ^ The word " favicon " is short for "favorites icon", and it is the 16x16-pixel icon that is associated with your website and appears in the browser address bar and favorites menu (and in Firefox and Internet Explorer 7, it also appears on the browser tab).
  • How to change your favicon | Miscellaneous | How-Tos 26 January 2010 16:016 UTC www.howtojoomla.net [Source type: General]

 [3]
  • <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 you put it there (and name it favicon.ico), most browsers will find it automatically.
  • Favicon - How To Create A Favicon.ico | PhotoshopSupport.com 13 January 2010 13:10 UTC www.photoshopsupport.com [Source type: General]
  • How To Create A Favicon Tutorial - Updated | PhotoshopSupport.com 16 January 2010 14:19 UTC www.photoshopsupport.com [Source type: General]

 ^ Save the favicon.ico file in the root directory of your domain.
  • Frequently asked questions about favicons 26 January 2010 16:016 UTC make-a-favicon.com [Source type: General]

 ^ A favicon should be 16 X 16 pixels with 16 colors and the file name should be favicon.ico.
  • Favicon Tutorial - Make a favicon.ico Icon for your Website 26 January 2010 16:016 UTC www.clickfire.com [Source type: FILTERED WITH BAYES]

 .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.^ The favicon is automatically detected.
  • Favicon: A Rough Guide - BlogSolid 26 January 2010 16:016 UTC blogsolid.com [Source type: General]

 ^ Signup/favicon.ico No Referrer .
  • Report for OCRS Year to Date 16 January 2010 14:19 UTC cru.cahe.wsu.edu [Source type: FILTERED WITH BAYES]

 ^ Most browsers request the favicon.ico file by default when making a request, and additionally some even ‘pre-load’ the favicon.ico file from linked sites when visiting other sites.
  • DreamHost Status » Blog Archive » favicon.ico, favicon.gif and robots.txt update 16 January 2010 14:19 UTC www.dreamhoststatus.com [Source type: General]

 [6]
.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).^ The icon is also limited to a palette of 16 colours , all of which are web-safe .
  • Favorites Icon | Favicon.ico: the Internet Explorer bookmark icon, microsoft ie5, microangelo 26 January 2010 16:016 UTC www.yourhtmlsource.com [Source type: General]

 ^ File Size: 1 kb - 16 x 16 .
  • favicon picture by joeyatchandler - Photobucket 16 January 2010 14:19 UTC s379.photobucket.com [Source type: FILTERED WITH BAYES]

 ^ Choose 32×32 pixels for the size.
  • How To Create A Favicon — Matt Mullenweg 26 January 2010 16:016 UTC ma.tt [Source type: FILTERED WITH BAYES]
.Most web browsers have since added support for the new W3C HTML recommendation, and it is generally used for all new content.^ What web browsers support favicons?
  • Frequently asked questions about favicons 26 January 2010 16:016 UTC make-a-favicon.com [Source type: General]

 ^ Need a new web browser...
  • Off Topic [Archive] - Page 20 - Steam Users' Forums 16 January 2010 14:19 UTC forums.steampowered.com [Source type: FILTERED WITH BAYES]

 ^ Favicons are supported by all major web browsers.
  • Favicon - icon for webpage 13 January 2010 13:10 UTC www.rw-designer.com [Source type: General]

 [7]

References

  1. ^ "What's with Google's new mini icon?". British Broadcasting Corporation. 20 January 2009. http://news.bbc.co.uk/2/hi/uk_news/magazine/7839744.stm. Retrieved 2009-01-20. "That 16x16 pixel square is the size of the favicon in question, if not the scope." 
  2. ^ Dubost, Karl (2007/10/29). "How to Add a Favicon to your Site". World Wide Web Consortium. http://www.w3.org/2005/10/howto-favicon. Retrieved 9 February 2010. 
  3. ^ a b "How to Add a Shortcut Icon to a Web Page". Microsoft Developer Network. Microsoft. http://msdn.microsoft.com/en-us/library/ms537656(VS.85).aspx. Retrieved 15 March 2010. 
  4. ^ Butcher, Simon (2003-09-03). "Published specification". Internet Assigned Numbers Authority. http://www.iana.org/assignments/media-types/image/vnd.microsoft.icon. Retrieved 2009-10-24. 
  5. ^ "Bug 366324 - SVG site icons (favicons, shortcut icons) support". https://bugzilla.mozilla.org/show_bug.cgi?id=366324. Retrieved 2010-02-21. 
  6. ^ "Associating the Shortcut Icon with Your Web Page". Microsoft. http://msdn.microsoft.com/en-us/library/ms537656(VS.85).aspx#Associate_the_Icon_with_Your_Web_Page. Retrieved 9 February 2010. 
  7. ^ "Chart of modern browser support for favicon". http://informationgift.com/ud/faviconic/. Retrieved 2009-07-28. 

External links

Web Browsers
Comparison  · History  · List (for Unix)  · Timeline  · Usage share
Trident-shells
Gecko-based
WebKit-based
Presto-based
Java-based
KHTML-based
Tasman-based
Text user interface
ALynx · ELinks · Emacs/W3 · Links · Lynx · Net-Tamer · w3m · WebbIE
Mobile browsers
Other
Features
Web standards
Related articles
italics = No longer in development

Simple English

A favicon is small image (known as an icon) that is used to identify a website or webpage.

This type of icon (also known as a favorite icon or favorites icon) is usually only 16 pixels in height and 16 pixels in width. And when a favicon is included in a webpage it can be seen next to a browser's address bar, inside a browser's tab or in the browser's Favorites' or Bookmarks' list.

Other pages

Other websites

Retrieved from "http://yak.rapint.com/wiki/Favicon"

Citable sentences

Up to date as of December 02, 2010

Here are sentences from other pages on Favicon, which are similar to those in the above article.








Got something to say? Make a comment.
Your name
Your email address
Message
Please enter the solution to case below
5-2=