Research
This page contains a list of latest news about Favicon which has been collected from credible news resources: CNN, Forbes, Bloomberg, TIME Magazine, FoxNews, BBC, New York Times, CBS, Sky News, Reuters, World Magazine, etc.
Apart from News, you can also use the tabs to browse Favicon images, videos, wiki information, tweets, documents and weblinks.
Favicon News 
Rihanna - Take A BowMusic video by Rihanna performing Take A Bow. YouTube view counts pre-VEVO: 66288884. (C) 2008 The Island Def Jam Music Group.
Rihanna - Rehab ft. Justin TimberlakeMusic video by Rihanna performing Rehab. YouTube view counts pre-VEVO: 19591123. (C) 2007 The Island Def Jam Music Group.
Key & Peele: Substitute TeacherA substitute teacher from the inner city refuses to be messed with while taking attendance.
MACKLEMORE X RYAN LEWIS - OTHERSIDE REMIX FEAT. FENCES [MUSIC VIDEO]The Otherside Remix Music Video was filmed in various locations for about a year and a half throughout 2010-2011. It is the duo's second video collaboration ...
Mortal Kombat: Legacy - Season 2 TrailerWatch Season 1 of Mortal Kombat Legacy here: http://www.youtube.com/channel/SWVkIoQKmEa4I The Mortal Kombat Legacy continues in Season 2 as Liu Kang, Kung La...
David Guetta - Just One Last Time ft. Taped Rai"Just One Last Time" feat. Taped Rai. Available to download on iTunes including remixes of : Tiësto, HARD ROCK SOFA & Deniz Koyu http://smarturl.it/DGJustOne...
MACKLEMORE & RYAN LEWIS - CAN'T HOLD US FEAT. RAY DALTON (OFFICIAL MUSIC VIDEO)Macklemore & Ryan Lewis present the official music video for Can't Hold Us feat. Ray Dalton. Can't Hold Us on iTunes: https://itunes.apple.com/us/album/cant-...
Draw My Life- Jenna MarblesThis video accidentally turned out kind of sad, ME SO SOWWY IT NOT POSED TO BE SAD WHO WANTS HUGS AND COOKIES? Also, FYI for anyone attempting this, it takes...
Fun.: We Are Young ft. Janelle Monáe [OFFICIAL VIDEO]Fun.'s music video for 'We Are Young' featuring Janelle Monáe from the full-length album, Some Nights - available now on Fueled By Ramen. Visit http://ournam...
Draw My Life - Ryan HigaSo i was pretty hesitant to make this video... but after all of your request, here is my Draw My Life video! Check out my 2nd Channel for more vlogs: http://...
Giant 6ft Water Balloon - The Slow Mo GuysFollow on Twitter! - https://twitter.com/#!/GavinFree Watch this one in HD! The slow mo guys are well aware that water balloons are always good in slow motio...
A favicon pron.: /ˈfævɪkɒn/ (short for Favorite icon), also known as a shortcut icon, Web site icon, URL icon, or bookmark icon, is a file containing one or more[1] small icons, most commonly 16×16 pixels, associated with a particular Web site or Web page.[1][2] A web designer can create such an icon and install it into a Web site (or Web page) by several means, and graphical web browsers will then make use of it.[3] Browsers that provide favicon support typically display a page's favicon in the browser's address bar (sometimes in the history as well) and next to the page's name in a list of bookmarks.[3] Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab, and site-specific browsers use the favicon as desktop icon.[1]
Contents |
History [edit]
In March 1999, Microsoft released Internet Explorer 5 which supported favicons for the first time.[4] Originally, the favicon was a file called favicon.ico placed in the root directory (e.g., http://en.wikipedia.org/favicon.ico) of a web site. It was used in Internet Explorer's favorites (bookmarks) and next to the URL in the address bar if the page was bookmarked.[5][6][7][4] A side effect was that the number of visitors who have bookmarked the page could be estimated by the requests of the favicon. This side effect no longer works, as all modern browsers support the favicon without bookmarking.[6]
Standardization [edit]
The favicon was standardized by the World Wide Web Consortium (W3C) in the HTML 4.01 recommendation, released in December 1999, and later in the XHTML 1.0 recommendation, released in January 2000.[8][9] The standards use a link element with a rel attribute in the <head> section of the document to specify the file format, file name and a location can be specified for any Web site directory. The consequences were that the use of a reserved location on a Web site is no longer required and the favicon file can be located anywhere in the Web directory tree and any image file format can be used.[10][11]
In 2003, the .ico format was registered with the Internet Assigned Numbers Authority (IANA) under the MIME type image/vnd.microsoft.icon.[12] When using the .ico format, Internet Explorer cannot display files served with the standardized MIME type.[citation needed] A workaround for Internet Explorer is to associate .ico with the non-standard image/x-icon MIME type in Web servers.[13]
RFC 5988 established an IANA link relation registry,[14] and rel="icon" was registered in 2010 based on the HTML5 specification. The popular <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> theoretically identifies two relations, "shortcut" and "icon", but "shortcut" is not registered and is redundant. In 2011 the HTML living standard[15] specified that for historical reasons "shortcut" is allowed immediately before "icon";[16] however, "shortcut" does not have a meaning in this context.
Legacy [edit]
Microsoft Internet Explorer only supports the ICO file format; simply changing the filename extension of an image to .ico without converting it to an ICO file will result in an error and not displaying the favicon. Netscape 7 and Internet Explorer versions 5 and 6 browsers will only display the favicon when the page is bookmarked and not simply when the page is visited as in later browsers.[4]
Browser implementation [edit]
The following table illustrates major web browsers supporting different features. The version numbers indicate the starting version of a supported feature.
File format support [edit]
The following table illustrates the image file format support for the favicon.
| Browser | ICO | PNG | GIF | animated GIFs | JPEG | APNG | SVG |
|---|---|---|---|---|---|---|---|
| Firefox | 1.0[17] | 1.0[17] | 1.0[17] | Yes | Yes | 3.0 | No[18] |
| Google Chrome | Yes | Yes | 4.0 | 4.0 | 4.0 | No | Yes[citation needed] |
| Internet Explorer | 5.0[19] | No[4][19] | No[19] | No[19] | No[19] | No[19] | No[19] |
| Opera | 7.0[20] | 7.0[20] | 7.0[20] | 7.0[20] | 7.0[20] | 9.5 | 9.6[citation needed] |
| Safari | Yes | 4.0 | 4.0 | No | 4.0 | No | No |
Additionally, such icon files can be 16×16, 32×32, 48×48, or 64×64 pixels in size, and 8-bit, 24-bit, or 32-bit in color depth.[1][3] The ICO file format article explains the details for icons with more than 256 colors on various Microsoft Windows platforms.
Use of favicon [edit]
This table illustrates the different possibilities where favicons can be displayed.
| Browser | Address bar | Address bar drop down list | Links bar | Bookmarks | Tabs | Drag to desktop |
|---|---|---|---|---|---|---|
| Firefox | 1.0–12.0: Yes[21] > v13: No[22] |
Yes | Yes | Yes[21] | Yes[21] | No[21] |
| Google Chrome | No[21] | No | Yes[21] | Yes[21] | 1.0[21] | No |
| Internet Explorer | 7.0[21] | No | 5.0[21] | 5.0[21] | 7.0[21] | 5.0[21] |
| Opera | 7.0[21] | No | 7.0[21] | 7.0[21] | 7.0[21] | 7.0[21] |
| Safari | Yes[21] | ? | No[21] | Yes[21] | No[21] | No[21] |
Opera Software added the ability to change the favicon in the Speed Dial in Opera 10.[23]
How to use [edit]
This table illustrates the different ways the favicon can be recognized by the web browser.
| Google Chrome | Internet Explorer | Firefox | Opera | Safari | |
|---|---|---|---|---|---|
<link rel="shortcut icon" href="http://example.com/myicon.ico" /> |
Yes[4] | Yes[4][19] | Yes[4] | Yes[4] | Yes |
<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico" /> |
Yes | No[24][not in citation given] | Yes | Yes | Yes |
<link rel="icon" type="image/png" href="http://example.com/image.png" /> |
Yes | No[24][not in citation given] | Yes | Yes | Yes |
<link rel="icon" type="image/gif" href="http://example.com/image.gif" /> |
Yes | No[24][not in citation given] | Yes | Yes | Yes |
favicon.ico located in the website's root |
Yes | Yes | Optional[25] | Optional[26] | Yes |
| precedence: prefer root or (X)HTML linked version | linked[21] | linked[21] | linked[21] | ? | ? |
Only SeaMonkey doesn’t fetch favicon.ico files in the web site’s root by default.[27]
Device support [edit]
For Apple devices with the iOS operating system version 1.1.3 or later, such as the iPod Touch, iPhone, and iPad, as well as some Android devices,[28] one can provide a custom icon that users can display on their Home screens using the Web Clip feature (called Add to Home Screen within Mobile Safari).[29][30] This feature is enabled by supplying a <link rel="apple-touch-icon" ...> in the <head> section of documents served by the web site. If the custom icon is not provided, a thumbnail of the web page will be put on the home screen instead.[31]
The recommended basic size for this icon is 57×57 pixels, with 90-degree corners; for best display on the higher-resolution iPhone 4 screen, an icon size of 114×114 pixels is recommended.[30][32][33]
For the iPad and iPad 2, the basic size is 72×72 pixels with 90-degree corners. For the third-generation iPad, the high-resolution size would be 144×144 pixels.[34]
The icon file referenced by apple-touch-icon is modified to add rounded corners, drop shadow, and reflective shine.[30] Alternatively, an apple-touch-icon-precomposed icon may be provided to instruct devices not to apply reflective shine on the image.[30][31]
- With rounded corners, reflective shine
<link rel="apple-touch-icon" href="somepath/image.png" />
- Without reflective shine
<link rel="apple-touch-icon-precomposed" href="somepath/image.png" />
As in case of favicon.ico file, browsers and mobile devices do not require any HTML to retrieve these icons.[31] Default location for the files are apple-touch-icon-precomposed.png and apple-touch-icon.png (in order of priority) located in the web site's root.[30][31]
HTML5 recommendation for icons in multiple sizes [edit]
The current HTML5 specification recommends specifying size icons in multiple sizes using the attributes rel="icon" sizes="space-separated list of icon dimensions" within a <link> tag.[35] Multiple icon formats, including container formats such as Microsoft .ico and Macintosh .icns files, as well as Scalable Vector Graphics may be provided by including the icon's content type in the form of type="file content-type" within the <link> tag.
Apple mobile devices running iOS 5 and above ignore the HTML5 recommendation and use the proprietary apple-touch-icon method detailed above. The Google Chrome web browser however, will select the closest matching size from those provided in the HTML headers to create 128×128 pixel application icons when the user chooses the Create application shortcuts... from the "Tools" menu.
Limitations and criticism [edit]
Due to the need to always check for it in a fixed location, the favicon will create extra traffic and garbage 404 entries in the server log if it is nonexistent.[6][36]
Some old browsers such as the Internet Explorer for Mac did not support the favicon or had problems in updating the favicon if a new one was uploaded.[7][37] Another disadvantage was that some web hosts did not allow the use of ico files.[37]
The W3C recommendation only works in HTML or XHTML and not in other systems such as gopher.[11] The W3C did not standardize the rel-attribute so there are other key words such as shortcut icon that are also accepted by the user agent.[11][19]
Favicons are often manipulated as part of phishing or eavesdropping attacks against HTTPS webpages. Many web browsers display favicons near areas of the web browser's UI, such as the address bar, that are used to convey whether the connection to a website is using a secure protocol like SSL. By changing the favicon to a familiar padlock image an attacker can attempt to trick the user into thinking he is securely connected to the proper website. Automated man-in-the-middle attack tools such as SSLStrip utilize this trick.[38] In order to eliminate this, some web browsers display the favicon within the tab whilst displaying the security status of the protocol used to access the website beside the URL.[39]
References [edit]
- ^ a b c d Lane, Dave (9 August 2008). "Creating a multi-resolution favicon including transparency with the GIMP". egressive.com. Retrieved 25 February 2011.
- ^ "What's with Google's new mini icon?". BBC. 20 January 2009. Retrieved 25 February 2011. "That 16x16 pixel square is the size of the favicon in question, if not the scope."
- ^ a b c Apple, Jennifer. "Favicon — How To Create A Favicon.ico". Photoshopsupport.com. Retrieved 25 February 2011.
- ^ a b c d e f g h "How to Add a Shortcut Icon to a Web Page". Microsoft Developer Network. Microsoft. Retrieved 15 March 2010.
- ^ McGrew, Darin (26 April 2007). "Web Authoring FAQ – 8.11. How can I have a custom icon when people bookmark my site?". htmlhelp.com. Retrieved 23 February 2011.
- ^ a b c Heng, Christopher (7 September 2008). "What is Favicon.ico? Personalise Your Site's Bookmarks". thesitewizard.com. Retrieved 23 February 2011.
- ^ a b "Creating favicons with Adobe Photoshop and GoLive". Adobe GoLive. Archived from the original on 7 December 2003. Retrieved 25 February 2011.
- ^ "HTML 4.01 Specification". World Wide Web Consortium. 24 December 1999. Retrieved 14 March 2011.
- ^ "XHTML™ 1.0: The Extensible HyperText Markup Language". World Wide Web Consortium. 26 January 2000. Retrieved 14 March 2011.
- ^ Dubost, Karl (October 2005). "Web site meta data profile: favicon, ...". World Wide Web Consortium. Retrieved 23 February 2011.
- ^ a b c Dubost, Karl (24 October 2005). "How to Add a Favicon to your Site". World Wide Web Consortium. Retrieved 25 February 2011.
- ^ Butcher, Simon (3 September 2003). "Published specification". Internet Assigned Numbers Authority. Retrieved 25 February 2011.
- ^ Irish, Paul (15 December 2010). "commit 37b5fec090d00f38de64 to paulirish's html5-boilerplate". GitHub. Retrieved 25 February 2011.
- ^ "Link Relations". IANA.
- ^ Ian Hickson (19 January 2011). "HTML is the new HTML5". The WHATWG Blog. WHATWG.
- ^ "HTML5 revision r6404". HTML5 Tracker.
- ^ a b c David (19 July 2003). "Mozilla 0.9.6 Release Notes". Mozilla. Retrieved 23 February 2011.
- ^ Works only on first load of the page.
Daniel Holbert (14 April 2011). "Bug 366324 – SVG site icons (favicons, shortcut icons) support – comment 22". Bugzilla@Mozilla. Mozilla. Retrieved 23 February 2011. - ^ a b c d e f g h i Davis, Jeff (27 December 2007). "why doesn't the favicon for my site appear in IE7?". jeffdav on code. Microsoft. Retrieved 11 March 2013.
- ^ a b c d e "Opera 7 for Windows Changelog". Opera Software. 28 January 2003. Retrieved 28 February 2011.
- ^ a b c d e f g h i j k l m n o p q r s t u v w x y z Francis, Lewis (11 December 2007). "Chart of modern browser support for favicon". informationgift.com. Retrieved 23 February 2011.
- ^ "Firefox deems favicons risky, banishes them from address bar". Engadget. Retrieved 2012-09-10.
- ^ "Opera 10.0 beta 2 for Windows changelog". Opera Software. 16 July 2009. Retrieved 27 February 2011.
- ^ a b c "REL Attribute — rel Property". Microsoft Developer Network. Microsoft. Retrieved 27 February 2011.
- ^ Firefox only accepts
favicon.icoin the web site's root without a<link>tag if the settingbrowser.chrome.faviconsis set totrueinabout:config. The default value istrue. If set tofalse, these favicons are ignored. - ^ Opera loads
/favicon.icoonly ifMultimedia/Always load faviconoption inopera:configis set to1. See Opera Support page for more details. - ^ Mathias Bynens (14 April 2010). "rel="shortcut icon" considered harmful". Retrieved 15 November 2011.
- ^ Mathias Bynens (2 March 2011). "Everything you always wanted to know about touch icons". Retrieved 15 November 2011.
- ^ "iPhone Human Interface Guidelines for Web Applications: Metrics, Layout Guidelines, and Tips". Apple Inc. Retrieved 2010-05-27.
- ^ a b c d e "Safari Web Content Guide: Specifying a Webpage Icon for Web Clip". Apple Inc. 15 November 2010. Retrieved 25 February 2011.
- ^ a b c d McLellan, Drew (17 January 2008). "How To Set an Apple Touch Icon for Any Site". Allinthe head.com. Retrieved 11 March 2011.
- ^ "iOS Human Interface Guidelines: Custom Icon and Image Creation Guidelines, Table 8-1". Apple Inc. Retrieved 2011-07-16.
- ^ "Apple-touch-icon". Apple Inc. Retrieved 25 February 2011.
- ^ "iPad Apple Touch Icon". Retrieved 2012-02-12.
- ^ "W3C HTML5 Editor's Draft 26 June 2012, Section 4.12.4.5 'Link type "icon"'". World Wide Web Consortium. Retrieved 2012-07-15.
- ^ Cole, Linda (3 August 1999). "The Dastardly "favicon.ico not found" Error". QuinStreet. Retrieved 25 February 2011.
- ^ a b Altom, Tim. "Creating Your Own Favicon.ico Icon For IE5". Web Developer's Journal. QuinStreet. Retrieved 11 March 2011.
- ^ Marlinspike, Moxie (21 February 2011). "Defeating Ssl Using Sslstrip (Marlinspike Blackhat)". (see description of video). SecurityTube. Retrieved 9 July 2011.
- ^ "Firefox version 14 features". Retrieved 18 July 2012.
External links [edit]
 |
Look up favicon in Wiktionary, the free dictionary. |
 |
Wikimedia Commons has media related to: Favicons |
- Proposals with the W3C web standards organization on how to add a Favicon
- Systems and Methods Involving Favicons 2008 patent application
- Favicons at the Open Directory Project
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||
