🪟 Generators

browserconfig.xml Generator

Create `browserconfig.xml` with tiles for Windows/IE11 from PNGs of 70×70 to 310×310. Includes background color and logo.

Tiles (URLs PNG)

70×70 (square70x70logo): 150×150 (square150x150logo): 310×150 (wide310x150logo): 310×310 (square310x310logo):

Cor de fundo (hex):

XML resultante

Salve como /browserconfig.xml e adicione <meta name="msapplication-config" content="/browserconfig.xml"> ao <head>.

browserconfig.xml: the Microsoft tile manifest explained

When a Windows 8/10 user pinned a website to the Start menu, the system needed a recipe to render that Live Tile — what image to show in each tile size, what background colour to paint behind a transparent logo, whether the site published a notification feed. That recipe is browserconfig.xml, introduced by Microsoft in 2012 alongside Internet Explorer 11 and the Modern UI. It lives at the site root and is referenced from <head> by a single <meta name="msapplication-config"> tag. Although Windows 11 removed Live Tiles in 2021 and Microsoft Edge Chromium quietly stopped honouring the file's most exciting features, shipping a valid browserconfig.xml remains a graceful-degradation best practice for anyone targeting enterprises still running Windows 10 or 8.1 LTSC.

Anatomy of the XML file

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
  <msapplication>
    <tile>
      <square70x70logo src="/mstile-70x70.png"/>
      <square150x150logo src="/mstile-150x150.png"/>
      <square310x310logo src="/mstile-310x310.png"/>
      <wide310x150logo src="/mstile-310x150.png"/>
      <TileColor>#da532c</TileColor>
    </tile>
  </msapplication>
</browserconfig>

The four <squareNxNlogo> elements map to the four tile sizes a user can pick: 70×70 (small), 150×150 (medium — by far the most common), 310×310 (large) and the optional 310×150 wide rectangle. Logos should be transparent PNGs so the <TileColor> hex paints behind them; supplying an opaque image discards the colour. Add this single line to your HTML head:

<meta name="msapplication-config" content="/browserconfig.xml">
<meta name="msapplication-TileColor" content="#da532c">

2026 reality: what still works and what does not

Windows 11 Start menu — Live Tiles removed in 2021; tiles render as static icons, the wide rectangle is ignored
Windows 10 (original Start menu) — full Live Tile experience still works, including badge updates
Windows 8.1 LTSC — full support, this is the original target
Microsoft Edge Chromium — reads the file for the pinned-site favicon but ignores live notifications
Edge Legacy / IE11 — full msapplication-badge notification polling still works
Modern PWA install — Edge prefers site.webmanifest entries over browserconfig where both exist

Generating tile PNGs and integrating with the favicon package

RealFaviconGenerator, Favicon.io and most modern favicon generators automatically include browserconfig.xml plus the four mstile-* PNGs in the export ZIP — you rarely need to author the XML by hand. If you build the package manually, generate the PNGs as transparent square crops of your logo with roughly 10–15% safe padding (Windows clips tighter than iOS). The TileColor should match your brand and your theme-color meta — inconsistency between the two is the most common audit finding. For a fully modern stack, drop browserconfig and migrate to a Web App Manifest (icons[], theme_color) — but keep browserconfig as a backwards-compatible shim for the remaining Windows 10 audience.

FAQ

Is browserconfig.xml still worth shipping in 2026? Marginally yes. Cost is one tiny XML file plus four PNGs; benefit is correct rendering on the long tail of Windows 10 corporate desktops. Skip it only if your audience analytics show under 1% Windows.

Did Microsoft Edge Chromium kill the file? Edge still reads the favicon hint but ignores Live Tile polling, badges and wide tiles. The file is now mostly a no-op on Edge — it does its job on Windows 10's built-in Start menu, not in the browser itself.

Should I replace it with a Web App Manifest? Yes for forward compatibility. The PWA manifest covers Android, iOS Add-to-Home and modern Windows 11 install. Keep browserconfig alongside for the legacy fallback — they do not conflict.

What hex format does TileColor accept? Six-digit hex with a leading #, or any of the named CSS colours. RGBA is not supported — tiles cannot be translucent.

Related Tools

🔖

Favicon Generator

Generate a favicon from text/emoji in all common sizes (16, 32, 48, 64, 192, 512). PNG download.

🔮

Emoji Favicon Generator

Generate a favicon.svg using any emoji as your site icon, with no image editor needed. Pick the emoji and copy the code or download the ready file.

⭕

Emoji Favicon SVG Generator (Circle)

Creates SVG favicon with any emoji centered inside a customizable colored circle, exporting as SVG and PNG 32/64/128px.

🟦

Favicon SVG Generator

Create a favicon.svg from an emoji or letter with configurable background color. Ready to drop into a <link rel="icon">.

🌐

Complete Favicon Package Generator

From an image, generate a complete zip with ICO, favicon-16/32, apple-touch, Android Chrome 192/512 and site.webmanifest for PWA.

🅰️

Letter Favicon SVG Avatar Generator

Generates SVG favicon with 1-2 initial letters on circular or square colored background (optional gradient). Single-file SVG output.