Gerador de favicon
Transforme uma imagem em favicon.ico, PNGs de vários tamanhos, apple-touch-icon e manifest. Os arquivos não saem do seu dispositivo.
Arraste para posicionar e use a roda ou o controle de zoom para redimensionar.
Prévia em tamanho real
iOS e Android já arredondam os ícones, então normalmente é melhor deixar desligado.
Código para <head>
Sobre esta ferramenta
Crie um conjunto completo de ícones de site a partir de uma única imagem: favicon.ico para as abas do navegador (16, 32 e 48 pixels num só arquivo), PNGs em vários tamanhos, apple-touch-icon para a tela inicial do iPhone, ícones de Android incluindo um adaptável (maskable) e site.webmanifest, tudo num ZIP.
A ferramenta também gera o código para colar no <head> do seu site, então é só enviar os arquivos e adicionar o código. Dá para ajustar a cor de fundo, a margem interna e os cantos arredondados enquanto você vê como o ícone fica no tamanho real.
Como usar
- Arraste uma imagem para a página ou clique para escolhê-la. Ela não precisa ser quadrada.
- Arraste e use o zoom para escolher a parte da imagem que vai no ícone.
- Escolha fundo transparente ou colorido e ajuste a margem interna e os cantos arredondados. Confira se o ícone continua reconhecível na prévia de 16 pixels.
- Baixe os arquivos com “Baixar ZIP”, envie-os para o seu site e depois copie e cole o código <head> mostrado na tela.
Perguntas frequentes
O que vem no ZIP?
favicon.ico, os PNGs favicon-16x16, 32x32, 48x48 e 96x96, apple-touch-icon.png (180), icon-192.png, icon-512.png, icon-maskable-512.png, site.webmanifest e head-snippet.html com o código para o seu <head>.
O que é a área segura do ícone adaptável?
O Android recorta os ícones em formatos diferentes conforme o aparelho, como círculos ou quadrados arredondados. Um ícone adaptável deixa espaço ao redor do centro para que a parte importante sobreviva a qualquer recorte. Ative a exibição da área segura para ver na tela qual região nunca é cortada.
Devo ativar os cantos arredondados?
Normalmente é melhor deixar desativado. O iOS e o Android arredondam sozinhos os cantos dos ícones na tela inicial, então cantos já arredondados podem acabar arredondados duas vezes.
Meus arquivos são enviados para um servidor?
Não. Todo o processamento acontece dentro do navegador que você está usando agora. Seus arquivos não são enviados para lugar nenhum, então nenhuma cópia das suas fotos ou documentos fica no servidor de outra pessoa.
É gratuito? Preciso criar uma conta?
É gratuito e não precisa de cadastro nem login. É só abrir a página e começar.