Gerador de favicon - favicon.ico, ícones Apple e Android

Carregando ferramenta…

Todos os tamanhos de favicon a partir de uma imagem

Navegadores, celulares e telas iniciais pedem tamanhos de ícone diferentes. O gerador de favicon da QodeCat pega seu logo e cria o conjunto completo em segundos, com prévia ao vivo de cada tamanho e as tags HTML que você precisa colocar no site.

favicon.ico com imagens de 16, 32 e 48 px para abas do navegador e Windows.
favicon-16x16.png e favicon-32x32.png para navegadores modernos.
apple-touch-icon.png (180×180) para a tela inicial do iPhone e do iPad.
Ícones android-chrome de 192 e 512 px, mais um site.webmanifest pronto.

Dicas para um favicon nítido

Comece grande e simples

Use uma imagem quadrada de pelo menos 512×512 px ou um SVG. Formas simples e letras grossas continuam legíveis mesmo em 16 px; detalhes finos e fontes leves se perdem.

Fundo e margem interna

Um fundo transparente fica bonito nas abas do navegador, mas o iOS preenche as áreas transparentes de preto na tela inicial. Se o seu logo encosta nas bordas, escolha uma cor de fundo e adicione um pouco de margem interna.

Perguntas frequentes

P. Onde coloco os arquivos?

Envie todos os arquivos do ZIP para a raiz do seu site e depois cole as tags link do HTML na seção <head> das suas páginas.

P. Ainda preciso do favicon.ico?

Sim. Mesmo que o seu HTML aponte para ícones PNG, muitas ferramentas, robôs de buscadores e navegadores antigos pedem /favicon.ico diretamente.

P. Meu logo é enviado para algum lugar?

Não. Todos os ícones, inclusive o arquivo ICO, são criados no seu navegador. Sua imagem nunca sai do seu aparelho.