Browserconfig.xml Generator
Generate the browserconfig.xml file Windows and Edge use for pinned-site tile images and colors.
browserconfig.xml:
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square70x70logo src="/mstile-70x70.png"/>
<square150x150logo src="/mstile-150x150.png"/>
<wide310x150logo src="/mstile-310x150.png"/>
<square310x310logo src="/mstile-310x310.png"/>
<TileColor>#2b5797</TileColor>
</tile>
</msapplication>
</browserconfig>
How to Use the Browserconfig.xml Generator
browserconfig.xml tells Windows and Microsoft Edge which images and background color to use when a visitor pins your site to their Windows Start screen or taskbar. Provide the four standard tile image sizes — 70x70 (small), 150x150 (medium), 310x150 (wide), and 310x310 (large) — plus a tile background color, then copy the generated XML into a file named browserconfig.xml at the root of your site.
Example
Once browserconfig.xml is published at your domain root, a browser looking for it will automatically pick up the tile images and color without any extra <meta> tags needed in your HTML.
Common Use Cases
- Customizing the Windows tile image and color shown when a site is pinned to the Start screen.
- Passing browserconfig-related checks in SEO or site-completeness audit tools.
- Filling out a favicon/icon package generated by a build tool or site template.
FAQs
- Is browserconfig.xml still relevant? It's a somewhat legacy, Windows-specific feature with a shrinking practical impact as pinned-tile Start screens have become less common, but it's still checked by some SEO and site-auditing tools and included by default in many favicon-generator templates.
- Where does the file need to live? At the root of your domain, e.g.
https://example.com/browserconfig.xml, so Windows can find it automatically. - Do I need all four tile sizes? Providing all four covers every tile size Windows might display; if you skip one, that size simply falls back to a default tile rather than causing an error.