Como converter PNG para ICO
- Acampamento-base
Escolha um PNG, de preferência quadrado, com pelo menos 256×256 pixels e fundo transparente. JPG, WebP e SVG também funcionam.
- Acampamento 1
Marque os tamanhos de ícone que você quer. Para o favicon de um site, 16, 32 e 48 pixels bastam. Para programas do Windows, inclua também o 256.
- Cume
Baixe o arquivo .ico e coloque na pasta raiz do seu site com o nome favicon.ico, ou use no seu programa.
PNG ou ICO?
| PNG | ICO | |
|---|---|---|
| O que contém | Uma imagem | Vários tamanhos do mesmo ícone |
| Transparência | Sim | Sim |
| Usado para | Tudo | Favicons e ícones do Windows |
| Tamanho máximo | Ilimitado | 256×256 por imagem |
| Suporte como favicon | Navegadores modernos | Todos os navegadores, inclusive os bem antigos |
Um arquivo ICO é um pequeno contêiner que reúne várias versões do mesmo ícone. O Windows e os navegadores escolhem o tamanho mais adequado: 16×16 na aba do navegador, 32×32 na barra de tarefas, 48×48 nos atalhos da área de trabalho e 256×256 na exibição com ícones grandes. Com todos eles em um só arquivo, o ícone fica nítido em qualquer lugar, em vez de ser redimensionado a partir de um único tamanho.
Cada imagem dentro dos arquivos ICO criados aqui é armazenada em formato PNG, que o Windows Vista e todas as versões posteriores, assim como todos os navegadores atuais, suportam. Isso deixa o arquivo pequeno e preserva as bordas suaves e transparentes.
Ainda preciso de um favicon.ico?
Os navegadores modernos aceitam um favicon PNG ou SVG declarado no HTML, mas muitos ainda pedem o /favicon.ico automaticamente, e algumas ferramentas, leitores de RSS e serviços de favoritos só procuram o ícone ali. Colocar um ICO pequeno, com versões de 16, 32 e 48 pixels, na raiz do site evita erros de ícone ausente nos logs do servidor e funciona em qualquer navegador.
Perguntas frequentes
A conversão é feita no meu dispositivo?
Sim. O próprio navegador desenha o ícone e monta o arquivo ICO. Sua imagem não é enviada.
Minha imagem não é quadrada. O que acontece?
Ela é redimensionada para caber no quadrado e centralizada, com uma margem transparente em volta. Nada é cortado nem esticado.
Quais tamanhos devo incluir?
Para o favicon de um site: 16, 32 e 48. Para o ícone de um programa ou atalho do Windows: 16, 32, 48 e 256. Incluir mais tamanhos deixa o arquivo maior, mas raramente causa problemas.
Como adiciono o favicon ao meu site?
Envie o arquivo com o nome favicon.ico para a pasta principal do site, de modo que ele fique acessível em seusite.com.br/favicon.ico. Se quiser, adicione <link rel="icon" href="/favicon.ico" sizes="any"> dentro do <head> das suas páginas.
Por que meu ícone fica borrado em 16×16?
Os tamanhos pequenos têm pouquíssimos pixels, então detalhes delicados e linhas finas somem. Formas simples e marcantes funcionam melhor. Alguns designers desenham uma versão simplificada especialmente para o menor tamanho.
Guias relacionados
- Como criar um favicon para o seu siteQuais tamanhos de ícone usar, ICO, PNG ou SVG, e o código HTML para colocar no seu site.
Ferramentas relacionadas
ICO → PNG
Extraia imagens PNG de favicons e ícones do Windows, em todos os tamanhos.PNG → JPG
Deixe fotos e capturas de tela PNG pesadas bem mais leves em JPG.PNG → WEBP
Deixe imagens PNG bem mais leves para sites, mantendo a transparência.PNG → PDF
Junte capturas de tela e gráficos em um único PDF nítido, na ordem que você quiser.WEBP → PNG
Transforme imagens WebP em PNG sem perdas, mantendo a transparência.WEBP → JPG
Salve imagens WebP como fotos JPG, que abrem em qualquer lugar.