favicon.ico
so you can omit the link. Some older browsers will default to the declared favicon.ico
even if there is a more appropriate sized PNG declared, so leaving the ICO undeclared in the root and declaring different sized PNGs may be a good idea.sizes
attribute to help declare multiple sized icons. Using specific PNGs gives you greater control over the sizes used and means only the correct image is being loaded.apple-touch-icon
prefix. iOS devices aren't (strangely enough) the only devices to use these icons (Android Chrome, for example) so declaring them is the safer option.<title>
tag and respect any transparency in the tile images, showing the background color. You can customise the color and title using these meta tags:msapplication
meta tags can be removed and replaced with an XML file in the root folder called browserconfig.xml
. The XML file should look like this:<meta name='apple-mobile-web-app-title'>
When the user chooses to not place the favicon files in the root directory of the web site:
However, this is not necessary. browserconfig.xml path can de declared. For example:This would save a few bytes of HTML code. See http://msdn.microsoft.com/en-us/library/ie/dn320426(v=vs.85).aspx |
One exception: the user may enter a kind of template engine directive as the path (eg. <?php echo $icon_path ?> ). This declaration will work in the HTML code to copy/paste, but the generated browserconfig.xml will probably be considered as a static file, not to be processed by the template engine. In that case, it will be somewhat corrupted.This scenario should be taken into account. |
Fixed and deployed a minute ago. This is code 0.7. |