Como Criar um Favicon (Logotipo, Imagem ou Emoji)
A partir de um logotipo, foto, URL de imagem ou emoji, e como mantê-lo legível em 16x16.
O formato do trabalho
- 1
Escolha uma origem
Comece a partir de um arquivo de logotipo ou imagem, um emoji ou ícone nomeado, ou uma URL de imagem.
- 2
Projete para tamanhos pequenos
Mantenha a marca simples e com alto contraste para que ela continue legível em 16x16 pixels.
- 3
Exporte todos os tamanhos e formatos
Gere o .ico, os tamanhos PNG, o apple-touch-icon e os ícones do manifest em uma só passada.
Método A: A partir de um logotipo ou imagem
Envie um logotipo, um ícone ou até uma captura de tela. O gerador recorta, redimensiona e exporta todos os tamanhos, além do .ico e do manifest. Arte de origem em PNG ou SVG com fundo transparente dá o resultado mais limpo.
Método B: A partir de um emoji ou ícone nomeado
Ainda não tem um logotipo? Escolha um emoji ou um ícone nomeado e o gerador o renderiza sobre um fundo quadrado ou circular à sua escolha. É a forma mais rápida de entregar um favicon reconhecível para um projeto paralelo, protótipo ou ferramenta interna.
Método C: A partir de uma URL de imagem
Cole uma URL e puxe a arte diretamente de um site ou asset já existente. Prático quando você está reconstruindo uma marca que já tem publicada em outro lugar.
Projete para tamanhos pequenos
Comece a partir de arte 512x512 e reduza, nunca amplie.
Elimine detalhes finos e traços delgados; eles somem em 16px.
Teste em abas claras e escuras. Se você precisar de uma marca diferente para cada uma, os favicons adaptáveis ao tema resolvem isso.
Revise cada dimensão no guia de tamanhos de favicon antes de exportar.
16x16, em tamanho real
Escolha o formato certo
| Formato | Para que serve |
|---|---|
| ICO | Padrão legado, ainda solicitado em /favicon.ico. Agrupa vários tamanhos em um único arquivo. |
| PNG | O cavalo de batalha dos navegadores modernos, do apple-touch-icon e do Android. Um arquivo por tamanho. |
| SVG | Escala com nitidez e suporta troca de tema, com fallbacks em PNG para navegadores mais antigos. |
Criando ícones de campanha ou sazonais
Quer uma variante de feriado ou uma marca de lançamento de produto? Use o canvas criativo para montar e ajustar favicons com texto, emoji e ícones antes da entrega.
Perguntas frequentes
Que tamanho um favicon deve ter?
Projete em alta resolução (512x512) e exporte para 16x16, 32x32, 48x48, 180x180 e 192x192 para que cada navegador e dispositivo receba um ícone nítido.
Posso criar um favicon a partir de um emoji?
Sim. Escolha um emoji ou ícone nomeado e o gerador o renderiza sobre um fundo transparente ou colorido e exporta todos os tamanhos de favicon automaticamente.
Em que formato um favicon deve estar?
Entregue um .ico multirresolução para suporte legado, PNGs para navegadores e dispositivos modernos e, opcionalmente, um SVG para escala nítida. Um bom gerador produz todos eles.