Favicon - Revision history

Dan Tobias: /* References */

2016-10-12T18:24:32Z

‎References

Jsummers: Category:File formats with a distinctive filename

2016-05-04T16:25:53Z

Category:File formats with a distinctive filename

Dan Tobias: /* References */

2015-06-17T01:03:12Z

‎References

Dan Tobias: /* References */

2015-01-30T16:13:42Z

‎References

Jsummers: Category:Microsoft

2013-10-30T23:11:08Z

Category:Microsoft

Dan Tobias at 14:06, 7 September 2013

2013-09-07T14:06:57Z

Dan Tobias: /* Apple Touch Icon */

2013-06-23T01:09:18Z

‎Apple Touch Icon

Dan Tobias at 12:47, 7 December 2012

2012-12-07T12:47:55Z

Dan Tobias: Created page with "{{FormatInfo |formattype=electronic |subcat=Web |extensions={{ext|ico}} |mimetypes={{mimetype|image/x-icon}} }} A '''favicon''' (or "shortcut icon") is an icon used to identi..."

2012-12-05T01:59:44Z

Created page with "{{FormatInfo |formattype=electronic |subcat=Web |extensions={{ext|ico}} |mimetypes={{mimetype|image/x-icon}} }} A '''favicon''' (or "shortcut icon") is an icon used to identi..."

New page

{{FormatInfo
|formattype=electronic
|subcat=Web
|extensions={{ext|ico}}
|mimetypes={{mimetype|image/x-icon}}
}}

A '''favicon''' (or "shortcut icon") is an icon used to identify a website in browser bookmarks or title bars. It was introduced as a proprietary Microsoftism in 1999 but later made part of the web standards, and most browsers support it now. Internet Explorer only supports the [[ICO]] format, and requires use of a nonstandard MIME type image/x-icon (instead of the properly-registered type image/vnd.microsoft.icon), while other browsers are in general more open to other options such as the use of different graphic formats.

The traditional location for a favicon is the file '''favicon.ico''' in the root directory of a website, and many browsers will look for this file when loading or bookmarking a site even if the file does not exist, causing a lot of attempted accesses of it to be logged in web access logs. However, a webmaster can specify a different filename or location using a meta tag in [[HTML]]:

<link rel="shortcut icon" type="image/x-icon" href="/otherdir/othername.ico">

This is, by strict reading of the standards, using a dual type of "shortcut" and "icon" for the icon link, but Microsoft treats it like a single name in violation of the standards and won't work with either "shortcut" or "icon" alone. The standards have made "icon" the official link attribute name, so most other browsers will work without the "shortcut" keyword in the above line.

== Apple Touch Icon ==

Another web icon, this one Apple-specific, is the Apple Touch Icon, used in iOS devices when sites are added as an app to home screens. This is traditionally found in the site root as '''apple-touch-icon.png''', or '''apple-touch-icon-precomposed.png''' if you don't wish iOS to add rounded corners, shadows, and shine. These are filenames that may also show up in web access logs even when they don't exist, as Apple devices attempt to find them. The webmaster can specify alternate locations as with the favicon:

<link rel="apple-touch-icon" href="otherdir/othername.png">
<link rel="apple-touch-icon-precomposed" href="otherdir/othername.png">

== References ==
* [http://en.wikipedia.org/wiki/Favicon Favicon (Wikipedia)]

@@ Line 25: / Line 25: @@
 * [http://favicon-generator.org/ Favicon generator]
 * [https://lists.w3.org/Archives/Public/public-whatwg-archive/2015Jun/0011.html Apple's new <link rel="icon" mask> not-quite-favicon syntax causing problems in other browsers; needs standardization?]
 [[Category:Microsoft]]
 [[Category:File formats with a distinctive filename]]

← Older revision		Revision as of 16:25, 4 May 2016
Line 27:		Line 27:

	[[Category:Microsoft]]		[[Category:Microsoft]]
		+	[[Category:File formats with a distinctive filename]]

@@ Line 24: / Line 24: @@
 * [http://en.wikipedia.org/wiki/Favicon Favicon (Wikipedia)]
 * [http://favicon-generator.org/ Favicon generator]
 [[Category:Microsoft]]

@@ Line 6: / Line 6: @@
 |released=1999
 }}
 A '''favicon''' (or "shortcut icon") is an icon used to identify a website in browser bookmarks or title bars. It was introduced as a proprietary Microsoftism in 1999 but later made part of the web standards, and most browsers support it now. Internet Explorer only supports the [[ICO]] format, and requires use of a nonstandard MIME type image/x-icon (instead of the properly-registered type image/vnd.microsoft.icon), while other browsers are in general more open to other options such as the use of different graphic formats.
@@ Line 24: / Line 23: @@
 == References ==
 * [http://en.wikipedia.org/wiki/Favicon Favicon (Wikipedia)]

@@ Line 19: / Line 19: @@
 Another web icon, this one Apple-specific, is the Apple Touch Icon, used in iOS devices when sites are added as an app to home screens. This is traditionally found in the site root in [[PNG]] format as '''apple-touch-icon.png''', or '''apple-touch-icon-precomposed.png''' if you don't wish iOS to add rounded corners, shadows, and shine. These are filenames that may also show up in web access logs even when they don't exist, as Apple devices attempt to find them. The webmaster can specify alternate locations as with the favicon:
-  <link rel="apple-touch-icon" href="otherdir/othername.png">
+  <link rel="apple-touch-icon" href="/otherdir/othername.png">
-  <link rel="apple-touch-icon-precomposed" href="otherdir/othername.png">
+  <link rel="apple-touch-icon-precomposed" href="/otherdir/othername.png">
 == References ==
 * [http://en.wikipedia.org/wiki/Favicon Favicon (Wikipedia)]

@@ Line 17: / Line 17: @@
 == Apple Touch Icon ==
-Another web icon, this one Apple-specific, is the Apple Touch Icon, used in iOS devices when sites are added as an app to home screens. This is traditionally found in the site root as '''apple-touch-icon.png''', or '''apple-touch-icon-precomposed.png''' if you don't wish iOS to add rounded corners, shadows, and shine. These are filenames that may also show up in web access logs even when they don't exist, as Apple devices attempt to find them. The webmaster can specify alternate locations as with the favicon:
+Another web icon, this one Apple-specific, is the Apple Touch Icon, used in iOS devices when sites are added as an app to home screens. This is traditionally found in the site root in [[PNG]] format as '''apple-touch-icon.png''', or '''apple-touch-icon-precomposed.png''' if you don't wish iOS to add rounded corners, shadows, and shine. These are filenames that may also show up in web access logs even when they don't exist, as Apple devices attempt to find them. The webmaster can specify alternate locations as with the favicon:
   <link rel="apple-touch-icon" href="otherdir/othername.png">

@@ Line 4: / Line 4: @@
 |extensions={{ext|ico}}
 |mimetypes={{mimetype|image/x-icon}}
 }}