Gerador de Favicons
Gere um conjunto completo de favicons e ícones de aplicação em PNG — de 16×16 a 512×512 — a partir de qualquer imagem, diretamente no seu navegador.
🔒 Processado localmente no seu navegador
Loading…
Como usar
- Arraste e largue uma imagem na caixa acima, ou clique nela para escolher um ficheiro.
- Imagens que não são quadradas são automaticamente recortadas ao centro numa forma quadrada.
- Veja a pré-visualização de cada tamanho de ícone assim que é gerado.
- Descarregue os ícones um a um, ou use "Descarregar tudo" para guardar todos os tamanhos em sequência.
Funcionalidades
- Gera 6 tamanhos padrão: 16, 32, 48, 180, 192 e 512 px
- Inclui o ícone Apple touch e os tamanhos para o manifesto Android/PWA
- Recorta automaticamente ao centro as imagens que não são quadradas
- Pré-visualização instantânea de cada tamanho gerado
- 100% no navegador — desenvolvido com a API Canvas, sem envios
Perguntas frequentes
Porque são precisos tantos tamanhos diferentes de favicon?
Navegadores, sistemas operativos e plataformas diferentes pedem tamanhos de ícone diferentes — por exemplo 16×16 e 32×32 para separadores e marcadores do navegador, 180×180 para o ícone Apple touch no iOS, e 192×192/512×512 para o ecrã principal do Android e o manifesto PWA. Fornecer todos garante que o seu site fica nítido em qualquer lugar.
O que acontece se a minha imagem não for quadrada?
É automaticamente recortada ao centro para formar o maior quadrado possível antes de ser redimensionada, para que cada ícone gerado fique quadrado e sem distorção.
Que formatos de ficheiro posso carregar?
São suportadas imagens JPG, PNG e WebP. Todos os favicons gerados são exportados como ficheiros PNG.
A minha imagem é enviada para algum lugar?
Não. O recorte e o redimensionamento são feitos inteiramente a nível local, usando a API Canvas do navegador — a sua imagem nunca sai do seu dispositivo.
Como uso os ficheiros gerados no meu site?
Coloque favicon-16x16.png, favicon-32x32.png, favicon-48x48.png e apple-touch-icon.png na raiz do seu site, e referencie-os junto com os dois tamanhos Android/PWA nas tags link do HTML ou no manifesto da aplicação web.