🌐 Gerador de Favicon & Ícone de Aplicativo
Carregue uma imagem e baixe instantaneamente um pacote completo de favicon — ícones PNG em todos os tamanhos padrão, um arquivo .ico multi-tamanho e tags HTML prontas para colar, tudo em um único ZIP.
Privado por design. Essa ferramenta funciona totalmente no seu navegador — nada que você digitar é enviado e ela funciona offline.
Sobre
Esta ferramenta usa o Canvas API do navegador para redimensionar a imagem de origem para todos os tamanhos que navegadores e sistemas operacionais modernos esperam: 16×16, 32×32, 48×48, 64×64, 180×180 (Apple Touch Icon), 192×192 (Android / PWA) e 512×512 (PWA splash). Ela também monta um arquivo .ico de múltiplos tamanhos que empacota os ícones de 16, 32 e 48 px em um único arquivo binário, escreve um site.webmanifest que lista os ícones de 192 e 512 px (com name e short_name vazios para preencher) e gera o snippet HTML com as tags <link> corretas. Se a imagem não for quadrada, pode manter a imagem inteira com margens transparentes ou preencher o quadrado cortando as bordas. Tudo vai em um ZIP usando um gravador ZIP inline sem compressão (apenas armazenamento), e dá para baixar o .ico separadamente. Como todo o processo roda no navegador com Canvas, nenhum arquivo sai do dispositivo.
Como usar
- A ferramenta gera os ícones assim que escolhe uma imagem, por isso não há botão Gerar. Verifique as pré-visualizações de 16 a 512 px e o tamanho da imagem de origem. Para uma imagem não quadrada, escolha manter a imagem inteira com margens ou preencher o quadrado cortando as bordas.
- Clique em Baixar ZIP para receber todos os PNGs, o favicon.ico de múltiplos tamanhos, o site.webmanifest e um arquivo snippet HTML em um único arquivo compactado. Se precisar apenas do arquivo .ico, clique em Baixar .ico apenas.
- Clique em Copiar tags HTML (ou abra head-snippet.html) e cole as tags <link> no <head> do site.
- Carregue os arquivos na pasta raiz do site, depois preencha name e short_name no site.webmanifest.
Perguntas frequentes
- Quais tamanhos esta ferramenta gera?
- Ela gera arquivos PNG nos tamanhos de 16, 32, 48, 64, 180, 192 e 512 pixels, um favicon.ico de múltiplos tamanhos (contendo 16, 32 e 48 px), um site.webmanifest que lista os ícones de 192 e 512 px e as tags <link> HTML correspondentes.
- Minha imagem é carregada para um servidor?
- Não. Todos os redimensionamentos e embalagens acontecem no seu navegador usando a API de Canvas. Sua imagem nunca deixa seu dispositivo.
- Qual é a melhor imagem de origem para usar?
- Uma imagem quadrada de pelo menos 512×512 px dá os resultados mais nítidos em todos os tamanhos. O SVG funciona especialmente bem por ser independente de resolução. Se a imagem não for quadrada, pode manter a imagem inteira com margens transparentes (padrão) ou preencher o quadrado cortando as bordas. Se uma imagem raster for menor que 512 px, a ferramenta amplia os ícones maiores e mostra uma nota.
- O que é o arquivo .ico multi-tamanho e por que preciso dele?
- Um arquivo .ico pode embutir múltiplas resoluções em um único arquivo binário. Navegadores mais antigos e o Windows usam o .ico para ícones de abas e atalhos, escolhendo automaticamente o tamanho mais adequado. O .ico desta ferramenta contém ícones de 16, 32 e 48 px, e pode baixá-lo separadamente, sem o ZIP.
- Preciso de todos os tamanhos gerados para meu site?
- Para a maioria dos sites, o .ico de múltiplos tamanhos mais os PNGs de 180 px (Apple Touch Icon) e 192/512 px (PWA) com o site.webmanifest cobrem todos os principais casos de uso. A ferramenta inclui os PNGs menores por completude e para dar suporte a navegadores antigos.
- Esta ferramenta envia meus dados?
- Não. Tudo é executado no seu navegador, então seus dados nunca saem do seu dispositivo — e funciona até offline depois que a página carrega.