Gerar um favicon a partir de qualquer imagem
10 / 10ICO, PNG em todos os tamanhos, Apple Touch Icon, Android Chrome e manifesto PWA — um envio, um ZIP.
Envie a imagem de origem
PNG, SVG, JPG ou WebP — recomendado 512×512
PNG, JPG, SVG, WebP — até 10 MB
— —
Gerando favicons…
Resultado
O resultado aparecerá aqui
Envie uma imagem e clique em Gerar favicons
Como funciona o Gerador de favicon
Crie um pacote completo de favicons a partir de uma única imagem. Cubra todos os navegadores, dispositivos e plataformas com um só envio.
Pacote completo de favicons
Gere todos os tamanhos de favicon de que você precisa em um clique — ICO (16/32/48px), Apple Touch Icon (180px), Android Chrome (192/512px) e um arquivo de manifesto de aplicativo web.
Fluxo simples
Envie uma única imagem de alta resolução (PNG, SVG ou JPG) e a ferramenta redimensiona, recorta e converte automaticamente para todos os formatos necessários.
HTML pronto para usar
Receba o código HTML completo, com todas as tags link e meta. Cole no head da sua página e os seus favicons funcionam em todo lugar — navegadores, favoritos, telas iniciais.
Suporte a PWA
O manifest.webmanifest gerado inclui ícones para Progressive Web Apps. Instale o seu site como app para celular ou desktop, com o ícone certo em cada plataforma.
Perguntas frequentes
Use uma imagem quadrada de pelo menos 512x512 pixels. A ferramenta a reduz para todos os tamanhos necessários. Imagens SVG geram o resultado mais nítido em qualquer tamanho, porque não dependem de resolução.
Sim. O formato ICO ainda é necessário para navegadores antigos e para a barra de tarefas do Windows. Ele reúne vários tamanhos (16, 32, 48px) em um único arquivo. O nosso gerador cria esse arquivo automaticamente junto com os favicons modernos em PNG.
Quando alguém adiciona o seu site aos favoritos em um iPhone ou iPad, o Safari usa o Apple Touch Icon (PNG 180x180) como imagem do favorito e ícone da tela inicial. Sem ele, o Safari tira uma captura da sua página, que geralmente fica ruim.
Baixe o ZIP, extraia os arquivos para o diretório público do site e adicione as tags HTML fornecidas ao head da página. O código HTML referencia todos os ícones com os caminhos e atributos corretos.