Gerador de Favicon: PNG para Favicon Online

Os arquivos de ícone de que um site precisa

Os navegadores usam um ícone de 32 × 32 para abas e favoritos; iPhones e iPads usam um ícone de 180 × 180 para atalhos na tela inicial; e apps web instaláveis listam ícones de 192 × 192 e 512 × 512 no seu manifest. Relacione os dois primeiros no head da página com <link rel="icon" href="/favicon-32.png" sizes="32x32"> e <link rel="apple-touch-icon" href="/apple-touch-icon.png">.

O Google exibe o favicon do site nos resultados de pesquisa e pede um ícone quadrado cujo tamanho seja múltiplo de 48 pixels; por isso, vale também incluir um link para uma versão de 48, 96 ou 144 pixels.

Design para 16 pixels

Um favicon costuma ser exibido em 16 × 16, onde texto, linhas finas e detalhes desaparecem. Use uma única letra ou a forma mais simples do logotipo, com contraste forte. O iOS mostra as partes transparentes de um ícone da tela inicial como pretas; portanto, dê um fundo sólido à versão de 180 pixels.

Para um pacote completo, incluindo um arquivo .ico multi‑tamanho e um manifest de app web, use o conversor de favicon; para ícones de apps para iPhone, iPad e Android, o gerador de ícones de app.

Como usar

1. Escolha uma imagem de origem quadrada ou retangular.
2. Selecione um tamanho de ícone padrão.
3. Gere e baixe o PNG ajustado.

Privacidade e limitações

A geração do ícone permanece no seu navegador. A ferramenta cria arquivos PNG, não um contêiner ICO com múltiplas resoluções.