Como converter PNG para ICO
- Escolha um PNG quadrado – de preferência com 256 × 256 pixels ou mais – ou arraste-o para a página.
- Marque os tamanhos de ícone de que precisa; 16, 32, 48 e 256 vêm selecionados por padrão.
- Baixe o arquivo ICO. Imagens que não são quadradas ficam centralizadas sobre um fundo transparente.
De quais tamanhos de ícone você precisa?
| Tamanho | Usado em |
|---|---|
| 16 × 16 | Abas do navegador, favoritos e listas pequenas |
| 32 × 32 | Abas em telas de alta resolução, barra de tarefas do Windows |
| 48 × 48 | Explorador de Arquivos e área de trabalho do Windows em escala normal |
| 64 × 64 e 128 × 128 | Exibição de ícones grandes e telas de alta densidade (high-DPI) |
| 256 × 256 | Ícones extra grandes no Explorador de Arquivos |
Para o favicon de um site, 16, 32 e 48 bastam. Para o ícone de um programa ou atalho no Windows, inclua 256. Cada tamanho é salvo como PNG dentro do arquivo ICO – formato compatível com todos os navegadores e com o Windows Vista ou posterior –, então a transparência é mantida.
Como adicionar o favicon ao seu site
Envie o favicon.ico para a raiz do seu site, por exemplo https://example.com/favicon.ico – os navegadores procuram o arquivo ali automaticamente. Você também pode referenciá-lo no <head> das suas páginas:
<link rel="icon" href="/favicon.ico" sizes="any">- Para a Tela de Início do iPhone e do iPad, um PNG de 180 × 180:
<link rel="apple-touch-icon" href="/apple-touch-icon.png"> - Para Android e web apps instaláveis, PNGs de 192 × 192 e 512 × 512 listados no manifesto do web app.
Perguntas frequentes
O que é um arquivo ICO?
Um arquivo ICO guarda vários tamanhos do mesmo ícone, para que o Windows e os navegadores escolham o mais nítido para cada lugar – uma aba, a barra de tarefas ou um ícone grande na área de trabalho.
O ICO mantém a transparência?
Sim. Os tamanhos são salvos como imagens PNG com transparência total.
Posso converter JPG ou SVG para ICO?
Sim – arraste qualquer imagem. Para ícones SVG pequenos, use o conversor de imagens e defina uma Largura para arquivos SVG maior, para que o tamanho de 256 pixels fique nítido.
Meus arquivos são enviados para algum servidor?
Não. O ícone é criado no seu navegador e nunca sai do seu dispositivo.