PT-BR

Gerador de favicon: a partir de imagem, letras ou emoji

Escolha letras, um emoji ou o seu logo, ajuste a cor e o formato e baixe tudo em um ZIP: favicon.ico, todos os tamanhos em PNG, site.webmanifest e o HTML correspondente. Tudo é criado direto no seu navegador.

Seus arquivos são processados só no seu navegador e não são enviados para nenhum servidor – eles não saem do seu aparelho.

Criar favicon a partir de
Um ou dois caracteres continuam legíveis em 16 × 16 px.
Nome e caminho (manifest)
“/” = pasta raiz do seu site (recomendado).

Prévia e arquivos

    HTML para o <head>
    site.webmanifest
    Resultado
    Como o cálculo é feito
    

    O favicon é o pequeno ícone que aparece na aba do navegador, nos favoritos, no histórico e ao lado do seu site nos resultados de busca do Google. Este gerador transforma uma imagem, de uma a três letras ou um emoji em todos os arquivos de que um site precisa hoje – junto com o HTML correspondente.
    

    Quais arquivos e tamanhos?
    

    
  
    ArquivoTamanhoPara que serve
    
  
    
    favicon.ico16, 32, 48 pxfavicon clássico; os navegadores pedem /favicon.ico mesmo sem nenhuma tag HTML
    
    
    favicon-16x16.png, favicon-32x32.png16 e 32 pxaba do navegador, resolução padrão e alta
    
    
    apple-touch-icon.png180 pxícone quando alguém adiciona o seu site à tela inicial do iPhone ou iPad
    
    
    android-chrome-192x192.png, -512x512.png192 e 512 pxmanifesto de web app: tela inicial e tela de abertura no Android/Chrome
    
    
    site.webmanifest–nome, cores e ícones do seu site como web app instalável
    
      

    

    Para o favicon nos resultados de busca, o Google exige uma imagem quadrada de pelo menos 8 × 8 pixels e recomenda que seja maior que 48 × 48 pixels. O Chrome espera ícones de 192 e 512 pixels no manifesto, e a Apple indica 180 × 180 pixels para o ícone da tela inicial do iPhone.
    

    Como colocar o favicon no seu site
    

      
  
    1. Baixe o ZIP e descompacte.
      2. 
  
    2. Envie todos os arquivos para a pasta raiz do seu site (onde fica a página inicial).
      3. 
  
    3. Cole o HTML no <head> de todas as páginas (WordPress, Wix, Squarespace e outros costumam ter, em vez disso, uma opção “Ícone do site”).
      4. 

    

    Se os arquivos ficarem em uma subpasta, informe-a em “Pasta no servidor” – o manifesto e o HTML se ajustam automaticamente. Os navegadores guardam favicons em cache com muita teimosia; muitas vezes um ícone novo só aparece depois de limpar o cache ou em uma janela anônima.
    

    O que faz um bom favicon?
    


    Emoji como favicon – atenção à licença
    

    O emoji é desenhado com a fonte de emoji instalada no seu dispositivo – por isso ele fica diferente no iPhone, no Windows ou no Android. O padrão Unicode define apenas qual caractere é, não a aparência dele. O desenho pertence ao fabricante da fonte (por exemplo, Apple, Microsoft ou Google), e as licenças deles não permitem simplesmente usar essas imagens como logo ou favicon de um site.
    

    Em uma página pessoal o risco é baixo; para um site comercial, use um conjunto de emojis com licença aberta e siga as condições dele:
    


    Baixe lá o emoji que você quiser em PNG ou SVG e escolha “Imagem / logo” aqui. Esta é uma informação geral, não uma orientação jurídica.
    

    Privacidade
    

    Todos os arquivos são criados no seu navegador. A sua imagem não é enviada e nada fica salvo. Para preparar um logo, Converter imagem e Redimensionar imagem podem ajudar.
    

    Veja também: SVG para PNG para um logo vetorial e o verificador de contraste para cores legíveis.
    

    Deixe antes um logo pesado mais leve com comprimir imagem.
    Perguntas frequentes
    Qual deve ser o tamanho de um favicon?
    16 × 16 e 32 × 32 pixels para a aba do navegador, pelo menos 48 × 48 (quadrado) para o Google, 180 × 180 para dispositivos Apple e 192 × 192 mais 512 × 512 para Android e web apps. O gerador cria todos os tamanhos de uma vez.
    Ainda preciso de um favicon.ico?
    Continua valendo a pena: muitos navegadores, leitores de feed e ferramentas pedem /favicon.ico diretamente, sem nenhuma tag HTML. O arquivo ICO criado aqui contém 16, 32 e 48 pixels como imagens PNG.
    Como criar um favicon e colocar no meu site?
    Crie aqui, envie os arquivos para a pasta raiz do seu site e cole o HTML no <head>. No WordPress, você também pode usar “Aparência → Personalizar → Identidade do site → Ícone do site” com o PNG de 512 px.
    Posso usar um emoji como favicon?
    Os desenhos de emoji da Apple, da Microsoft ou do Google pertencem a essas empresas. Para sites comerciais, use um conjunto com licença aberta, como Twemoji (CC BY 4.0, com atribuição) ou Noto Emoji (OFL 1.1), e envie essa imagem aqui.
    Por que não vejo o meu favicon novo?
    Os navegadores guardam favicons em cache por muito tempo. Abra a página em uma janela anônima ou limpe o cache. Nos resultados de busca do Google, a atualização pode levar de dias a semanas.
    O meu logo é enviado para algum servidor?
    Não. Todos os arquivos são gerados no seu navegador; a sua imagem nunca sai do seu dispositivo.
    Fontes e base legal
    Última atualização: 
    Ferramentas relacionadas