Gerador de
favicon
Largue um logo e receba o pack moderno completo; separadores do navegador, ecrã inicial do iPhone, Android, maskable; cada tamanho renderizado, pré-visualizado e transferível, com as etiquetas link exatas para colar. A sua imagem nunca sai do navegador.
Largue o seu logo aqui
Etiquetas link (cole no seu <head>)
site.webmanifest (guarde junto dos ícones)
O Yetty serve o seu favicon, cartões de partilha e dados estruturados em cada página automaticamente; envie o logo uma vez e os detalhes ficam tratados.
Cada plataforma quer
o seu próprio ícone
16 & 32 - separadores do navegador
O favicon clássico. Minúsculo, por isso sobrevivem as formas simples e o contraste forte; o detalhe fino vira uma papa.
48 - Windows & Google
O Google mostra o favicon junto aos resultados de pesquisa e prefere um múltiplo de 48px; este merece o seu lugar.
180 - ecrã inicial do iPhone
O apple-touch-icon. O iOS achata a transparência para preto, por isso este é exportado sobre o fundo que escolher.
192 & 512 - Android
Tamanhos do ecrã inicial e do ecrã de arranque, declarados no manifest da web app em vez de uma etiqueta link.
Maskable 512
O Android recorta os ícones em círculos e squircles. A versão maskable mantém o seu logo na zona segura dos 80% para que nada seja cortado.
As etiquetas link & o manifest
Os ficheiros sozinhos não fazem nada; as etiquetas do head e o site.webmanifest dizem ao navegador que cada ícone existe. Ambos são gerados por si.
Perguntas frequentes sobre o favicon
De que tamanhos de favicon preciso em 2026?
Um pack moderno e prático é: PNG de 16x16 e 32x32 para os separadores do navegador, 48x48 para o Windows e os resultados do Google, 180x180 para o apple-touch-icon que os iPhones usam no ecrã inicial, e 192x192 mais 512x512 para o Android e o manifest da sua web app; idealmente com uma versão 512 maskable. Uma boa imagem de origem quadrada, de 512px ou maior, cobre tudo isso.
Porque é que o meu favicon aparece preto no iPhone?
Porque o iOS não suporta transparência no apple-touch-icon; qualquer pixel transparente é achatado para preto sólido quando o ícone é guardado no ecrã inicial. A solução é achatar você mesmo o ícone sobre uma cor de fundo (branco, ou a cor da sua marca) antes de exportar, que é exatamente o que esta ferramenta faz no ficheiro 180x180.
O que é um ícone maskable?
Um ícone Android desenhado para sobreviver ao recorte em círculo, squircle ou quadrado arredondado; cada fabricante de telemóveis escolhe a sua própria forma. A regra prática: o seu logo tem de caber dentro de um círculo de zona segura que cubra 80% da imagem, com a borda externa preenchida por um fundo sólido em vez de transparência. Declarado no manifest com "purpose": "maskable".