Converter PNG para ICO
e criar o favicon do seu site.

Gere um favicon.ico com vários tamanhos a partir de PNG, JPG, WebP ou SVG, mais os ícones para Apple e Android. Tudo no navegador: a imagem não sai do seu computador.

Gerador de favicon

Solte o logotipo, escolha os tamanhos e o acabamento e veja como o ícone fica na aba do navegador antes de baixar.

16, 32 e 48 cobrem abas, favoritos e atalhos do Windows. Tamanhos maiores deixam o arquivo mais pesado.
0%
0%
50% deixa o ícone redondo.
Preencher corta o centro da imagem num quadrado.
⬇

Arraste o logotipo aqui
ou clique para selecionar · PNG, JPG, WebP, SVG
Também dá para colar com Ctrl+V

Como criar um favicon para o seu site

O que é um favicon?

É o pequeno ícone que aparece na aba do navegador, nos favoritos, no histórico e nos resultados de busca do Google ao lado do nome do site. O formato clássico é o .ico, que guarda várias resoluções do mesmo desenho num só arquivo, para o navegador escolher a mais nítida. Celulares usam PNGs separados: o apple-touch-icon no iPhone e os ícones do manifesto no Android.

Quais tamanhos de favicon usar?

Para o favicon.ico, 16, 32 e 48 px bastam: 16 para a aba, 32 para telas de alta densidade e a barra de tarefas, 48 para atalhos do Windows. Incluir 64, 128 ou 256 só aumenta o arquivo. O pacote ZIP traz ainda o PNG de 32 px, o apple-touch-icon de 180 px (com fundo, porque o iOS não aceita transparência) e os ícones de 192 e 512 px usados pelo Android e ao instalar o site como aplicativo.

Como instalar o favicon no site?

Descompacte o pacote e envie os arquivos para a raiz do site (a mesma pasta do index.html). Depois cole dentro do <head> de todas as páginas:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
O arquivo instalar.html do pacote repete essas instruções. Se o ícone antigo continuar aparecendo, é cache: abra o site numa janela anônima. No WordPress, use Aparência → Personalizar → Identidade do site.

Qual imagem de origem funciona melhor?

Uma imagem quadrada com pelo menos 512 × 512 px, de preferência PNG com fundo transparente ou SVG, que fica nítido em qualquer tamanho. Detalhes finos e textos longos somem em 16 px: use só o símbolo ou a inicial da marca. Se a imagem não for quadrada, escolha entre Caber inteira (sobra espaço nas laterais) e Preencher (corta o centro). Para deixar o arquivo quadrado antes, use o recortador ou o redimensionador de imagens.

O .ico gerado funciona em todos os navegadores?

Sim. O arquivo segue o formato ICO com imagens PNG dentro, aceito por Chrome, Edge, Firefox e Safari e pelo Windows desde o Vista. Cada tamanho é desenhado separadamente a partir da imagem original, reduzindo em etapas para que os ícones pequenos não fiquem serrilhados. Os PNGs do pacote já saem otimizados sem perdas; para outras imagens do site, use o compressor de imagens.

Minha imagem é enviada para algum servidor?

Não. A imagem é aberta, redimensionada e convertida em .ico pelo seu próprio navegador, e o ZIP também é montado no seu dispositivo. Nenhum arquivo é enviado ao Kompres ou a terceiros.