Gerador de favicon
Crie o ícone do seu site a partir de uma imagem, uma letra ou um emoji. Você leva todos os tamanhos e o HTML pronto para colar.
O que é um favicon?
É o iconezinho que aparece na aba do navegador, ao lado do título da sua página. Também aparece nos favoritos, no histórico e quando alguém salva seu site na tela de início do celular. Sem ele, seu site aparece com uma folha em branco: é a primeira coisa que denuncia um site pela metade.
É o iconezinho que aparece na aba do navegador, ao lado do título da sua página. Também aparece nos favoritos, no histórico e quando alguém salva seu site na tela de início do celular. Sem ele, seu site aparece com uma folha em branco: é a primeira coisa que denuncia um site pela metade.
8%
Na aba
Favoritos
Área de trabalho
iPhone
Cole isto dentro de <head>
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Os arquivos vão na raiz do seu site, junto do index. Se colocar em outra pasta, mude os caminhos no código.
Perguntas frequentes
O que eu recebo exatamente?
Um pacote completo: o .ico com três tamanhos dentro, os PNGs, o ícone de iPhone, os de Android, o manifesto e o HTML pronto para colar.
Posso fazer a partir de uma letra ou emoji?
Sim. Parta de uma imagem, uma letra ou um emoji, escolha as cores, e todos os tamanhos são gerados sozinhos.
Para que tantos tamanhos?
Cada lugar mostra um diferente: a aba do navegador, a tela inicial do iPhone, o Android, os favoritos. O pacote cobre todos.
Minha imagem é enviada para algum lugar?
Não. Tudo é desenhado dentro do seu navegador e empacotado no seu dispositivo.
Ferramentas relacionadas
Uma ferramenta gratuita da Vertize Plus.
A imagem é processada no seu navegador e não é enviada a nenhum servidor.