Ir para o conteúdo
UtiliLab

Gerador de Favicon: .ico, Apple Touch Icon e Manifesto

Escolha a imagem do seu logotipo e baixe um .zip com todos os ícones que os navegadores pedem, mais o código para colar no site.

Processado no seu navegador — nada é enviado ou armazenado.

Como usar

  • Escolha ou arraste a imagem — de preferência quadrada, com pelo menos 512 px.
  • Escolha como encaixar imagens que não são quadradas, a margem e a cor de fundo.
  • Confira os tamanhos na prévia, incluindo como o ícone aparece numa aba e na tela do iPhone.
  • Preencha o nome do site e a pasta onde os arquivos vão ficar, baixe o .zip e cole o código no <head>.

O que vem no pacote

  • favicon.ico com 16, 32 e 48 px no mesmo arquivo: a aba do navegador e os atalhos do Windows.
  • favicon-16x16.png e favicon-32x32.png: para navegadores que preferem PNG.
  • apple-touch-icon.png (180 × 180): o ícone quando alguém adiciona o site à tela inicial do iPhone ou do iPad. Ele sempre sai com fundo opaco, porque o iOS pinta de preto o que é transparente.
  • android-chrome-192x192.png e 512x512.png, com o site.webmanifest: tela inicial do Android e apps web.
  • LEIA-ME.txt com o código do <head>.

Por que vários tamanhos

O navegador escolhe o tamanho certo para cada lugar. Cada arquivo é reduzido em etapas a partir da imagem original, o que evita o serrilhado de uma redução brusca e deixa o ícone nítido em todos eles.

Privacidade

Tudo é calculado no seu navegador. Nenhum arquivo, cor ou código é enviado a servidor nenhum, e nada fica guardado depois que você fecha a página.

Conteúdo e funcionamento revisados pela Equipe UtiliLab em . Consulte nossa metodologia de revisão.

Perguntas frequentes

O favicon funciona em todos os navegadores?

Sim. O .ico usa o formato clássico (bitmap de 32 bits com transparência), que todos os navegadores e o Windows leem, e os PNGs cobrem celulares e apps web.

Onde coloco os arquivos?

Na pasta que você informar na ferramenta (por padrão, a raiz do site). O código gerado já aponta para essa pasta.

Meus arquivos são enviados para algum servidor?

Não. A ferramenta roda inteira no seu navegador; o arquivo é lido e gerado no seu aparelho.

Ferramentas relacionadas