FavIcon - Microsoft Notes
Browser Support
| Browser |
ICO |
Tiles |
XML |
| Chrome |
Yes |
No? |
No? |
| IE |
5.0 |
Win 8/IE 10 |
Win 8.1/IE 11 |
| Firefox |
1.0 |
No? |
No? |
| Mozilla |
1 |
No? |
No? |
| Netscape |
7 |
No? |
No? |
| Opera |
7.0 |
No? |
No? |
| Safari |
Yes |
No? |
No? |
| Konqueror |
3 |
No? |
No? |
- JSON
- This is a reference to Chrome’s
manifest.json
- No?
- Probably safe to assume it’s not supported
- XML
- This is a reference to Microsoft’s
browserconfig.xml
The Original favicon.ico
Pinned Sites in Windows 8
Metro UI Tiles
| Tile Size |
Standard Tile Dimensions |
Minimum Image Size |
Recommended Image Size |
Win 8.1 Padding ⅕ |
| Small |
70 x 70 |
56 x 56 |
128 x 128 |
25.6 ≈ 26 |
| Medium |
150 x 150 |
120 x 120 |
270 x 270 |
54 |
| Wide |
310 x 150 |
248 x 120 |
558 x 270 |
111.6 ≈ 112 |
| Large |
310 x 310 |
248 x 248 |
558 x 558 |
111.6 ≈ 112 |
Example
HTML Metatags (Windows 8.0)
<meta name="application-name" content="Contoso" />
<meta name="msapplication-TileColor" content=" #009900" />
<meta name="msapplication-square70x70logo" content="images/smalltile.png" />
<meta name="msapplication-square150x150logo" content="images/mediumtile.png" />
<meta name="msapplication-wide310x150logo" content="images/widetile.png" />
<meta name="msapplication-square310x310logo" content="images/largetile.png" />
<meta name="msapplication-config" content="none"/>
browserconfig.xml (Windows 8.1)
<!-- Being verbose as this is the default location -->
<meta name="msapplication-config" content="/browserconfig.xml" />
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square70x70logo src="small.png"/>
<square150x150logo src="medium.png"/>
<wide310x150logo src="wide.png"/>
<square310x310logo src="large.png"/>
<TileColor>#009900</TileColor>
</tile>
</msapplication>
</browserconfig>
Minimal /browserconfig.xml (to avoid 404)
<?xml version="1.0" encoding="utf-8"?>
<browserconfig><msapplication></msapplication></browserconfig>
Articles