🪟 Geradores

Gerador de browserconfig.xml

Crie `browserconfig.xml` com tiles para Windows/IE11 a partir de PNGs de 70×70 a 310×310. Inclui cor de fundo e 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: o manifesto de tiles da Microsoft explicado

Quando o usuário do Windows 8/10 fixava um site no menu Iniciar, o sistema precisava de uma receita para renderizar aquele Live Tile — qual imagem mostrar em cada tamanho, qual cor de fundo pintar atrás de um logo transparente, se o site publicava feed de notificações. Essa receita é o browserconfig.xml, introduzido pela Microsoft em 2012 junto com o Internet Explorer 11 e a Modern UI. Fica na raiz do site e é referenciado no <head> por uma única tag <meta name="msapplication-config">. Apesar de o Windows 11 ter removido os Live Tiles em 2021 e o Microsoft Edge Chromium ter silenciosamente parado de honrar os recursos mais interessantes do arquivo, manter um browserconfig.xml válido continua sendo boa prática de graceful degradation para quem mira empresas ainda rodando Windows 10 ou 8.1 LTSC.

Anatomia do XML

<?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>

Os quatro elementos <squareNxNlogo> mapeiam para os tamanhos que o usuário pode escolher: 70×70 (pequeno), 150×150 (médio — disparado o mais comum), 310×310 (grande) e o retângulo opcional 310×150 wide. Os logos devem ser PNGs transparentes para que o <TileColor> pinte atrás; fornecer imagem opaca descarta a cor. Adicione esta linha ao head do HTML:

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

Realidade em 2026: o que ainda funciona e o que não

Menu Iniciar do Windows 11 — Live Tiles removidos em 2021; tiles renderizam como ícones estáticos, o retângulo wide é ignorado
Windows 10 (menu Iniciar original) — experiência completa de Live Tile ainda funciona, inclusive atualizações de badge
Windows 8.1 LTSC — suporte completo, era o alvo original
Microsoft Edge Chromium — lê o arquivo para o favicon do site fixado mas ignora notificações ao vivo
Edge Legacy / IE11 — polling de notificações via msapplication-badge ainda funciona por completo
Instalação PWA moderna — o Edge prefere entradas do site.webmanifest ao browserconfig quando ambos existem

Gerando os PNGs e integrando ao pacote de favicon

RealFaviconGenerator, Favicon.io e a maioria dos geradores modernos já incluem o browserconfig.xml e os quatro PNGs mstile-* no ZIP exportado — raramente é preciso escrever o XML à mão. Se você monta o pacote manualmente, gere os PNGs como recortes quadrados transparentes do logo com cerca de 10–15% de padding seguro (o Windows corta mais apertado que o iOS). O TileColor deve casar com sua marca e com o meta theme-color — inconsistência entre os dois é o achado de auditoria mais comum. Para uma stack 100% moderna, abandone o browserconfig e migre para um Web App Manifest (icons[], theme_color) — mas mantenha o browserconfig como shim retrocompatível para o público remanescente do Windows 10.

Perguntas frequentes

Ainda vale a pena enviar browserconfig.xml em 2026? Marginalmente sim. O custo é um XMLzinho mais quatro PNGs; o benefício é renderização correta na cauda longa de desktops corporativos em Windows 10. Pule só se o analytics mostrar menos de 1% de Windows.

O Microsoft Edge Chromium matou o arquivo? O Edge ainda lê a dica de favicon mas ignora o polling de Live Tile, badges e tiles wide. O arquivo virou quase no-op no Edge — quem ainda obedece é o menu Iniciar nativo do Windows 10, não o navegador.

Devo substituir por um Web App Manifest? Sim, por compatibilidade futura. O manifesto PWA cobre Android, Adicionar à Tela Inicial do iOS e instalação no Windows 11 moderno. Mantenha o browserconfig ao lado como fallback — eles não conflitam.

Qual formato hex o TileColor aceita? Hex de seis dígitos com # na frente, ou qualquer cor CSS nomeada. RGBA não é suportado — tiles não podem ser translúcidos.

Ferramentas Relacionadas

✒️

Gerador de Manuscrito

Converte texto digitado em uma imagem com aparência de letra manuscrita. Útil para tornar trabalhos digitais mais pessoais.

📋

Gerador de Currículo

Preenche um currículo simples (CV) imprimível em A4 a partir de formulário com dados pessoais, formação e experiência.

🔖

Gerador de Favicon

Gera favicon a partir de texto/emoji em todos os tamanhos comuns (16, 32, 48, 64, 192, 512). Download como PNG.