153 · Ferramentas de imagem

Gerador de favicons

Comece com seu logotipo ou uma carta e obtenha todos os ícones que os navegadores e telefones procuram.

Seus dados: Esta ferramenta processa sua entrada neste navegador. CapyHelp não carrega essa entrada para gerar seu resultado. Detalhes de privacidade

Gerador de favicons

Começar de

Como usar o gerador de favicon

  1. Escolha letras e cores ou mude para uma imagem e escolha seu logotipo.
  2. Escolha uma forma e verifique as visualizações.
  3. Baixe o ZIP e cole o HTML no <head> da sua página.

O que há no conjunto

  • favicon.ico com 16, 32 e 48 px para navegadores e favoritos
  • favicon-32x32.png para navegadores modernos
  • apple-touch-icon.png (180 px) para telas iniciais de iPhone e iPad
  • icon-192.png e icon-512.png para Android e aplicativos da web instalados
  • site.webmanifest que os lista

Faça upload dos arquivos para a pasta raiz do seu site.

Exemplos

Letra “T”, branca sobre azul, arredondada

6 arquivos e 4 tags HTML

logo.svg com preenchimento de 8%

Ícones centralizados com uma margem

Perguntas

Como posso verificar como fica?

Experimente seu ícone no <a href="/tools/favicon-previewer/">visualizador de favicon</a>, que o mostra nas guias do navegador, nos favoritos e na tela inicial.

Meus arquivos foram carregados?

Não. Os arquivos são processados pelo seu navegador no seu próprio dispositivo e nunca são enviados para um servidor.

Tradução automática. Revise resultados importantes.