Transforme seu logo em todos os ícones de que um site precisa: o favicon.ico que os navegadores procuram, ícones PNG, o ícone da tela inicial do iPhone e ícones de app Android, com um manifest pronto e as linhas para colar na sua página.
Gerador de favicon at a glance
| Price | Grátis, sem cadastro, sem marca d'água, sem limite diário |
|---|---|
| Aceita | JPG · PNG · WebP · HEIC |
| Maior arquivo | 20 MB per file |
| Onde funciona | No seu navegador: os arquivos nunca são enviados |
| Funciona em | Qualquer navegador moderno no iPhone, Android, Windows, Mac e Linux |
| Enviar o resultado | Baixe ou envie grátis com um link ou por e-mail (até 20 GB) |
Como usar o gerador de favicon
- Escolha um logo ou imagem quadrada, de preferência com 512 × 512 pixels ou mais.
- Escolha como tratar uma imagem não quadrada, o fundo e o espaçamento interno.
- Clique em Criar favicons.
- Baixe tudo em um ZIP, envie os arquivos para a raiz do seu site e cole o HTML no <head>.
O que você recebe
| Arquivo | Tamanho | Usado por |
|---|---|---|
favicon.ico | 16, 32, 48 px | Todos os navegadores, Windows, favoritos |
favicon-16x16.png, favicon-32x32.png | 16, 32 px | Abas do navegador |
apple-touch-icon.png | 180 px | Tela inicial do iPhone e do iPad |
android-chrome-192x192.png, -512x512.png | 192, 512 px | Tela inicial do Android, web apps instaláveis |
site.webmanifest | Nome, ícones e cores para Android e PWAs |
Pensando em 16 pixels
Um favicon é minúsculo. Use um símbolo marcante ou uma ou duas letras em vez do logo completo com slogan, e contraste alto. Os ícones pequenos são gerados reduzindo pela metade, passo a passo, a partir de uma cópia grande de trabalho, o que mantém as bordas nítidas. O espaçamento interno dá um respiro a logos que encostam nas bordas, e cantos arredondados ou um círculo combinam com o estilo dos ícones de app. O ícone do iPhone sempre ganha um fundo sólido, porque o iOS exibe áreas transparentes em preto.
Um arquivo ICO de verdade
O favicon.ico é gravado aqui byte a byte como um arquivo de ícone genuíno com vários tamanhos (entradas comprimidas em PNG, suportadas por todos os navegadores atuais e pelo Windows desde o Vista), não um PNG renomeado. Nada é enviado para servidor: seu logo é processado no navegador. Para editar a imagem antes, por exemplo cortá-la em quadrado, use o editor de imagens. Precisa também de um QR code para o seu site? Experimente o gerador de QR code.
Como se compara
| Esta ferramenta | Online converters (e.g. TinyPNG, iLoveIMG ou CloudConvert) | Apps para computador (ex.: Photoshop) | |
|---|---|---|---|
| Seu arquivo foi enviado | Não | Sim, para os servidores deles | Não |
| Instalação ou conta | Nenhum | Conta para alguns recursos | Precisa instalar |
| Marca d'água ou limites diários | Nenhum | Comum nos planos grátis | Depende do app |
Os planos de outros serviços mudam; confira os sites deles. Mais ferramentas de imagem.
Perguntas frequentes
Qual deve ser o tamanho da imagem do favicon?
Quadrada e com pelo menos 512 × 512 pixels, para o ícone grande do Android ficar nítido. Imagens menores funcionam, mas são ampliadas.
Onde coloco os arquivos?
Na pasta raiz do seu site (junto do index.html); depois cole o HTML exibido com os resultados no head das suas páginas.
O favicon.ico ainda é necessário?
Sim. Navegadores e muitas ferramentas pedem /favicon.ico automaticamente, mesmo sem uma tag link.
Posso criar um favicon a partir de uma foto?
Sim, escolha Cortar o centro, mas um logo simples ou uma letra é bem mais fácil de reconhecer em 16 pixels.
Meu logo é enviado para algum servidor?
Não. Os ícones são criados no seu aparelho.
Precisa enviar um arquivo grande?
Envie arquivos de até 20 GB com um link de download ou por e-mail. Grátis, sem precisar de conta, em qualidade original.
Enviar arquivos grandes grátis