Como converter PNG em ICO
- Solte uma única imagem na área de envio. PNG funciona melhor, mas JPG, WebP e outros formatos de imagem também são aceitos.
- Escolha os Tamanhos do ícone:
- 16, 32, 48 px (favicon) – o conjunto padrão para o
favicon.icode um site. - 16–256 px (ícone do Windows) – acrescenta versões de 64, 128 e 256 px para atalhos da área de trabalho e aplicativos.
- 16, 32, 48 px (favicon) – o conjunto padrão para o
- Clique em Criar .ico e baixe o arquivo do ícone.
O ícone é gerado no seu navegador; sua imagem nunca é enviada nem armazenada.
O que é um arquivo ICO?
ICO é o formato de ícone usado pelo Windows e pelo padrão original de favicon dos navegadores. Ao contrário de um PNG, um único arquivo .ico é um contêiner que guarda várias imagens de tamanhos diferentes. O sistema operacional ou o navegador escolhe a mais adequada para cada situação: 16 px para a aba do navegador, 32 px para a barra de tarefas ou um favorito, 48 px para ícones da área de trabalho e até 256 px para exibições de ícones grandes.
Este conversor armazena cada tamanho como uma imagem com compressão PNG dentro do arquivo ICO. Ícones com compressão PNG mantêm a transparência completa e são bem menores que bitmaps sem compressão, além de terem suporte em todos os navegadores atuais e no Windows desde o Windows Vista.
| Tamanho | Onde é usado |
|---|---|
| 16 × 16 | Abas do navegador, barra de endereços, favoritos |
| 32 × 32 | Atalhos da barra de tarefas, abas do navegador em telas de alta densidade |
| 48 × 48 | Área de trabalho do Windows e atalhos de sites |
| 64–256 | Exibições de ícones grandes e telas de alta resolução no Windows |
Como adicionar o favicon ao seu site
Envie o favicon.ico para a raiz do seu site. Os navegadores procuram /favicon.ico automaticamente, mas é uma boa prática referenciá-lo explicitamente no <head> das suas páginas:
<link rel="icon" href="/favicon.ico" sizes="any">Muitos sites também oferecem um PNG de 180 × 180 px como apple-touch-icon para a tela de início do iPhone e do iPad. Você pode criar um com o Redimensionar imagem.
Dicas para um ícone nítido
- Comece com uma imagem quadrada de pelo menos 256 × 256 px, de preferência 512 px. Imagens que não são quadradas não se encaixam bem no formato quadrado do ícone.
- Mantenha a simplicidade. Em 16 × 16 px, detalhes finos e textos pequenos desaparecem. Um símbolo forte ou uma única letra funciona melhor.
- Use fundo transparente (PNG) para que o ícone combine com temas claros e escuros do navegador.
- Tem um logotipo vetorial? Primeiro, renderize-o em tamanho grande com o SVG para PNG e depois converta-o aqui.
Perguntas frequentes
Quais tamanhos de ícone devo escolher para um site?
O conjunto de 16, 32 e 48 px cobre abas do navegador, favoritos e atalhos e mantém o arquivo pequeno. Escolha o conjunto de 16–256 px para ícones de aplicativos ou da área de trabalho do Windows.
Posso converter JPG em ICO?
Sim. Qualquer imagem que o seu navegador consiga abrir pode ser usada, mas o JPG não tem transparência, então o ícone terá um fundo sólido.
Um favicon em PNG basta sozinho?
Os navegadores modernos aceitam favicons em PNG e SVG, mas um arquivo ICO na raiz do site continua sendo a alternativa mais compatível para navegadores antigos e ferramentas que pedem /favicon.ico diretamente.
Atualizado