Converta imagens em ícones e favicons
Escolha uma imagem e geramos um conjunto completo de ícones a partir dela: um favicon.ico com seis tamanhos embutidos, além de ícones PNG para cada tamanho que navegadores e sistemas operacionais exigem.
Como usar
- 1
Escolha uma imagem — de preferência um PNG quadrado com fundo transparente.
- 2
Escolha o modo de ajuste e os tamanhos desejados.
- 3
Confira cada tamanho antes de baixar.
- 4
Baixe só o favicon.ico, ou o pacote completo com ícones PNG e o manifesto.
Por que uma única imagem não basta
Navegadores pedem 16 e 32 pixels para a aba, o iOS pede 180 para a tela inicial, e o Android pede 192 e 512 para o manifesto. Entregar uma única imagem grande deixa cada dispositivo reduzi-la sozinho, o que fica embaçado em tamanhos pequenos — por isso geramos cada tamanho separadamente com suavização de alta qualidade.
O que é um arquivo ICO
Um único arquivo que contém várias imagens em tamanhos diferentes, do qual o sistema escolhe a que cabe em cada lugar. Colocamos 16, 32, 48, 64, 128 e 256 pixels nele, a cobertura que navegadores e Windows juntos precisam.
Imagem inteira ou preencher e cortar?
Ícones são quadrados e sua imagem geralmente não é. «Imagem inteira» a mantém completa e adiciona margens transparentes, o que funciona bem para logotipos. «Preencher e cortar» ocupa todo o quadrado cortando as bordas, o que funciona bem para fotografias.
Perguntas frequentes
- Qual a diferença entre favicon.ico e ícones PNG?
- O ICO reúne vários tamanhos e qualquer navegador o entende, até os antigos. PNGs separados são o que iOS, Android e o manifesto web exigem. O pacote completo dá os dois.
- Onde eu coloco os arquivos?
- Na raiz do seu site, e depois adicione as tags mostradas abaixo da ferramenta dentro do head das suas páginas.
- Qual é uma boa imagem de origem?
- Uma imagem quadrada com fundo transparente, de 512 pixels ou mais. Logotipos simples ficam muito mais legíveis em 16 pixels do que arte cheia de detalhes.
- A transparência é mantida?
- Sim. Todos os tamanhos são gerados em PNG, dentro e fora do ICO, e o PNG suporta transparência totalmente.
- SVG é suportado?
- Sim, e é a melhor fonte possível: é desenhado no tamanho exato de cada ícone, então o resultado sai perfeitamente nítido.
- Qual o tamanho do ícone do iOS?
- 180 pixels, para a tag apple-touch-icon. Já vem marcado por padrão na lista de tamanhos.
- Minha imagem é enviada a um servidor?
- Não. Tudo é gerado no seu navegador, e o próprio arquivo ICO é montado byte a byte na página.
- O que é site.webmanifest?
- Um arquivo que diz ao Android quais ícones usar quando alguém adiciona seu site à tela inicial. Nós o geramos pronto dentro do pacote.