Gerador de favicon com iniciais e emoji
Crie um favicon simples e fácil de reconhecer sem precisar preparar uma imagem. Digite uma ou duas iniciais ou escolha um único emoji e ajuste a forma e a cor de fundo. Para iniciais, você também pode escolher a cor dos caracteres e o estilo da fonte; os emojis mantêm a aparência nativa do navegador. A prévia de 512 px é atualizada no navegador. O download final inclui os ícones pequenos para navegadores, os ícones para dispositivos móveis e os arquivos de configuração necessários para adicionar o design a um site. Nada é enviado e nenhuma IA é usada.
Como criar um favicon
-
1
Escolha o conteúdo do ícone
Digite uma ou duas iniciais para criar uma marca compacta ou use um emoji como design.
-
2
Ajuste o estilo
Escolha uma forma quadrada, quadrada com cantos arredondados ou circular e defina a cor de fundo. Para iniciais, você também pode alterar a cor dos caracteres e o estilo da fonte; os emojis preservam a aparência nativa.
-
3
Confira a prévia
Analise a prévia de 512 px e veja também se o design continua nítido quando é reduzido a um ícone de 16 px na aba do navegador.
-
4
Baixe e instale
Baixe o pacote de favicon criado localmente, adicione os arquivos ao site e cole ou adapte o trecho fornecido para a seção `<head>`.
O que está incluído no pacote de favicon
Um mesmo design de favicon precisa funcionar em vários lugares, desde uma pequena aba do navegador até a tela inicial de um celular. O gerador renderiza o design nos tamanhos práticos listados abaixo e reúne todos os arquivos localmente.
| Item do pacote | Tamanho ou conteúdo | Uso indicado |
|---|---|---|
favicon.ico |
Imagens de 16, 32 e 48 px | Abas, favoritos e programas que ainda solicitam um arquivo ICO |
favicon-16x16.png |
16 × 16 px | Favicon pequeno para navegadores |
favicon-32x32.png |
32 × 32 px | Favicon padrão para navegadores |
apple-touch-icon.png |
180 × 180 px | Ícone de toque da Apple |
android-chrome-192x192.png |
192 × 192 px | Ícone de aplicativo web para contextos menores no Android |
android-chrome-512x512.png |
512 × 512 px | Ícone maior de aplicativo web |
mstile-150x150.png |
150 × 150 px | Imagem para bloco da Microsoft |
site.webmanifest |
Manifesto JSON | Aponta para os ícones do Android nos navegadores que usam um manifesto de aplicativo web |
browserconfig.xml |
Configuração XML | Aponta para a imagem e a cor do bloco da Microsoft |
favicon-head.html |
Trecho HTML | Referências prontas para copiar para os ícones, o manifesto e a configuração do navegador |
Crie um favicon que continue legível em 16 px
Um favicon não é um cartaz em miniatura. Detalhes finos, palavras longas e diferenças sutis de cor desaparecem rapidamente no tamanho de uma aba do navegador. Uma inicial destacada, uma marca curta com duas letras ou um emoji simples costumam ser mais fáceis de reconhecer do que uma composição complexa.
- Para iniciais, use um contraste forte entre os caracteres e o fundo.
- Deixe espaço ao redor das letras e dos emojis para que as máscaras das plataformas não apertem o design.
- Compare as versões quadrada, quadrada com cantos arredondados e circular antes de escolher a silhueta mais clara.
- Avalie os ícones pequenos exportados além da prévia de 512 px. Um design bonito em tamanho grande pode ficar confuso em 16 px.
- Teste o favicon instalado em mais de um navegador e em interfaces claras e escuras.
Adicione os arquivos gerados ao site
Mantenha os nomes gerados e coloque os arquivos onde o trecho da seção <head> espera encontrá-los, geralmente na raiz do site. Cole o trecho no <head> de cada modelo de página. Se o framework disponibilizar arquivos estáticos em outro diretório ou por uma rede de distribuição de conteúdo, atualize antes da publicação os caminhos no trecho, no manifesto e na configuração do navegador.
Os arquivos incluídos fornecem referências aos ícones, mas não tornam um site instalável como aplicativo web progressivo por conta própria. A instalação pode exigir outros campos no manifesto, hospedagem segura e critérios específicos do navegador.
Perguntas frequentes
Sim. Digite uma ou duas iniciais e escolha a forma, a cor de fundo, a cor do primeiro plano e o estilo da fonte. O texto curto é intencional, pois continua mais legível nos tamanhos pequenos de um favicon.
Sim. O emoji mantém a aparência nativa do navegador, enquanto a forma e a cor de fundo continuam configuráveis. Confira a prévia antes de baixar, pois a aparência varia entre sistemas e navegadores e emojis complexos não estão disponíveis em todos eles.
Sim. O pacote inclui um arquivo favicon.ico com imagens de 16, 32 e 48 px, além de favicons PNG separados de 16 e 32 px e ícones maiores para Apple, Android e Microsoft.
O Gerador de favicon cria um novo design com iniciais, texto curto ou um emoji. O Conversor de favicon é a ferramenta separada que transforma uma imagem PNG, JPEG ou WebP existente em arquivos de favicon.
Não. O texto ou emoji, a renderização da prévia e a criação do pacote permanecem no navegador. A ferramenta não envia o design nem acessa nenhum site.
Não. Ele aplica as escolhas feitas e não usa IA. Também não consegue determinar se as iniciais, um emoji, as cores ou o design final entram em conflito com uma marca registrada ou com os direitos de terceiros. Verifique esses direitos antes de usar o favicon comercialmente.
Os navegadores costumam armazenar favicons em cache. Confirme se os arquivos gerados e as referências da seção <head> foram publicados nos caminhos esperados. Depois, limpe o cache do navegador ou teste em uma janela anônima. Alguns mecanismos de busca e plataformas atualizam os ícones de acordo com o próprio cronograma.
Ferramentas relacionadas
Ampliador de imagens
Amplie imagens de baixa resolução em 2×, 3× ou 4× com super-resolução por IA ou interpolação clássica, preservando detalhes importantes.
Conversor HEIC para JPG
Converta fotos HEIC do iPhone para JPG diretamente no navegador. Sem upload, bom para vários arquivos e com opção de manter os metadados EXIF.
SVG para PNG
Converta arquivos SVG ou marcação SVG para PNG no navegador, escolha um fator de escala e mantenha bordas transparentes nítidas.
Conversor de PNG para JPG
Converta PNG para JPG no navegador. Aplique a transparência a qualquer cor de fundo, mantenha as dimensões e reduza muitos PNGs fotográficos em 60-90%.
Comprimir GIF
Reduza GIFs animados no navegador diminuindo dimensões, mantendo menos quadros e ajustando a qualidade de codificação. Visualize o loop antes de baixar.
WebP para PNG
Converta imagens WebP para PNG mantendo transparência e qualidade pixel a pixel para edição, impressão e ferramentas de design antigas.