Gerador de favicon
Transforme seu logo, uma foto, uma letra ou um emoji em um conjunto completo de favicons: favicon.ico com 16, 32 e 48 px, ícones PNG, um Apple touch icon para a tela inicial do iPhone, ícones para Android e um web manifest. Você baixa tudo em um ZIP, junto com as tags <link> para colar na sua página. Os ícones são criados no seu navegador, então seu logo não é enviado para lugar nenhum.
Em tamanho real
Em uma aba do navegador
Cole isto no <head> das suas páginas:
Coloque os arquivos na pasta raiz do site, junto da página inicial. Se colocar em outro lugar, ajuste os caminhos.
Como funciona
- Solte seu logo ou imagem, ou mude para “Texto ou emoji” e digite um ou dois caracteres.
- Se a imagem não for quadrada, escolha Encaixar ou Preencher, e defina uma cor de fundo se não quiser transparência. Confira a prévia da aba.
- Baixe o ZIP, coloque os arquivos na pasta raiz do site e cole o HTML no <head>.
Perguntas frequentes
Quais tamanhos de favicon eu realmente preciso?
Para os navegadores atuais: favicon.ico (para navegadores antigos e programas que buscam /favicon.ico direto), um PNG de 32 px para abas em telas de alta densidade, um apple-touch-icon de 180 px para a tela inicial do iPhone e do iPad, e ícones de 192 e 512 px no web manifest para Android e apps web instaláveis. É exatamente isso que você recebe aqui; as dezenas de tamanhos que alguns geradores criam não são necessárias.
Que imagem funciona melhor?
Um logo ou símbolo quadrado com pelo menos 512 px e poucos detalhes. Em 16 px existem só 256 pixels, então textos e linhas finas somem. Uma inicial forte ou um símbolo simples fica muito mais legível do que o nome inteiro. Um SVG dá o resultado mais nítido.
Por que meu novo favicon não aparece?
Os navegadores guardam o favicon em cache com muita teimosia. Abra a página em uma janela anônima ou acesse seudominio.com.br/favicon.ico diretamente e recarregue. Nos resultados do Google a mudança pode levar dias ou semanas.
Funciona com WordPress, Shopify ou Wix?
Sim. Essas plataformas costumam ter uma configuração própria para o ícone do site, onde você adiciona uma imagem quadrada; o android-chrome-512x512.png do ZIP serve bem. O HTML é para sites em que você mesmo edita o <head>.
Meu logo é enviado para algum servidor?
Não. O navegador lê a imagem, reduz o tamanho e monta o ZIP. Nada vai para um servidor.