Gerador de Favicon Online — PNG para ICO com Todos os Tamanhos
Envie um PNG, JPG ou SVG — obtenha um favicon.ico pronto para uso, todos os tamanhos PNG, apple-touch-icon, webmanifest e o trecho HTML. Tudo acontece no seu navegador, sem enviar arquivos.
PNG, JPG, SVG, WebP
Arraste e solte seu arquivo aqui ou clique para selecionar
Sobre o gerador de favicon
Um favicon moderno não é um único arquivo — é um conjunto: ICO para navegadores antigos e atalhos do Windows, PNG em vários tamanhos para Chrome/Firefox modernos, um apple-touch-icon para a tela inicial do iOS e um webmanifest para PWA. Esta ferramenta gera o pacote inteiro a partir de uma única imagem com um clique.
A conversão é executada no cliente: o Canvas renderiza sua imagem de origem em cada tamanho necessário, e depois empacotamos os bytes PNG no contêiner ICO (PNG-em-ICO, compatível desde o Windows Vista, funciona em todos os navegadores). Seu arquivo nunca é enviado.
O ZIP resultante contém favicon.ico, PNG 16/32/96/192/512, apple-touch-icon (180×180), site.webmanifest e um trecho HTML com tags link prontas para colar. Coloque os arquivos na raiz do seu site e cole o trecho no head.
Quando você vai precisar de um gerador de favicon
Lançar um site novo
Envie seu logo — obtenha um pacote pronto que funciona corretamente no Chrome, Safari, Firefox, Edge e navegadores mobile. Sem Photoshop, sem precisar decorar as especificações da Apple.
Aplicativo desktop ou atalho
Precisa de favicon.ico para um atalho do Windows, um recurso EXE ou o antigo Internet Explorer? Baixe só o ICO — multirresolução 16/32/48 em um único arquivo.
PWA / Adicionar à tela inicial no iOS
Se seu site suporta 'Adicionar à tela inicial', você precisa do apple-touch-icon (180×180) e um webmanifest com PNG 192/512. O gerador os cria automaticamente.
Substituir um ícone desatualizado
Favicon borrado, sem suporte a retina ou modo escuro? Regenere a partir de um SVG limpo com o conjunto moderno adequado de tamanhos.
Perguntas frequentes
Quais formatos posso enviar?
PNG, JPG, JPEG, WebP, GIF e SVG. Os melhores resultados vêm de um PNG ou SVG quadrado: eles escalam sem perder nitidez. Se sua imagem de origem for retangular, escolha um modo de ajuste (cobrir / conter / esticar).
Qual é a diferença entre os modos de ajuste?
Cobrir — corta as bordas para que a imagem preencha o quadrado (bom para logos com um elemento centralizado). Conter — encaixa a imagem inteira, preenchendo as bordas com um fundo (bom para logos complexos). Esticar — distorce as proporções (raramente necessário).
O que tem dentro do favicon.ico?
ICO é um contêiner. Dentro dele há imagens PNG em três tamanhos: 16×16, 32×32 e 48×48. O navegador escolhe a adequada conforme o contexto. É o formato 'PNG-em-ICO', compatível desde o Windows Vista (2007) e em todos os navegadores modernos.
Por que tantos arquivos PNG?
Cada tamanho tem seu propósito: 16/32 — aba do navegador; 96 — nova aba do Chrome; 180 — tela inicial do iOS (apple-touch-icon); 192 — Android Chrome; 512 — tela de splash do PWA. Os navegadores escolhem o adequado via o atributo sizes da tag link.
O que é o site.webmanifest?
Um arquivo JSON com a lista de ícones e os parâmetros do PWA. Necessário para 'Adicionar à tela inicial' no Android / Chromium para que o ícone e o título apareçam corretamente. Se você não está criando um PWA, o arquivo é inofensivo.
Por que o apple-touch-icon tem fundo mesmo com Transparente ativado?
O iOS adiciona um fundo preto aos PNGs transparentes por padrão. Isso fica ruim, então preenchemos com a cor escolhida (branco por padrão). Os demais PNGs e o ICO permanecem transparentes se você ativou isso.
Onde coloco os arquivos?
Na raiz do site: exemplo.com/favicon.ico, exemplo.com/favicon-32x32.png e assim por diante. Depois cole o trecho HTML no head de cada página — o ideal é fazer isso a partir de um template compartilhado. O navegador vai detectar o favicon no próximo carregamento de página.