🌐 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. Esta ferramenta funciona inteiramente no seu navegador — nada do que você digita é enviado ou armazenado, e funciona offline.
Sobre
Essa ferramenta usa a API de Canvas do navegador para redimensionar sua imagem de origem para todos os tamanhos que navegadores e sistemas operacionais modernos esperam: 16×16, 32×32, 48×48, 64×64, 180×180 (Ícone de Toque Apple), 192×192 (Android / PWA) e 512×512 (Splash PWA). Ela também monta um arquivo .ico multi-tamanho que empacota todos os tamanhos comuns de ícone em um único binário e gera o snippet HTML com as tags <link> corretas para cada tamanho. Tudo é embalado em um ZIP usando um escritor ZIP inline, apenas para armazenamento — não é necessário nenhuma biblioteca externa. Como todo o processo é executado no navegador com o Canvas, nenhuma imagem jamais deixa seu dispositivo.
Como usar
- Solte sua imagem de origem na área de upload ou clique para selecionar um arquivo — PNG, JPEG, SVG ou WebP funcionam.
- Visualize a imagem e confirme os tamanhos para gerar: PNGs de 16, 32, 48, 64, 180, 192 e 512 px estão selecionados por padrão.
- Clique em Gerar para permitir que a API de Canvas redimensione e renderize cada tamanho do ícone dentro do navegador.
- Clique em Baixar ZIP para receber todos os PNGs, o arquivo favicon.ico multi-tamanho e um arquivo snippet HTML em um único arquivo.
- Copie as tags <link> do arquivo HTML e cole-as na <head> do seu site — seu favicon está pronto.
Perguntas frequentes
- Quais tamanhos essa ferramenta gera?
- Ela gera arquivos PNG em 16, 32, 48, 64, 180, 192 e 512 pixels, um arquivo favicon.ico multi-tamanho (contendo 16, 32 e 48 px) e as tags HTML <link> 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 fornece os resultados mais nítidos em todos os tamanhos. O SVG funciona especialmente bem porque é independente de resolução.
- O que é o arquivo .ico multi-tamanho e por que preciso dele?
- Um arquivo .ico pode embutir múltiplas resoluções em um único binário. Navegadores mais antigos e o Windows usam o .ico para ícones de aba e atalhos, escolhendo automaticamente o tamanho mais adequado. Usar um .ico multi-tamanho garante ícones nítidos em todos os lugares.
- Preciso de todos os tamanhos gerados para meu site?
- Para a maioria dos sites, o arquivo .ico multi-tamanho mais os PNGs de 180 px (Ícone de Toque Apple) e 192/512 px (PWA) cobrem todos os casos principais. Os PNGs menores são incluídos para completude e suporte a navegadores mais 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.