Como converter PNG ou JPG em ICO e conferir os tamanhos
Nesta página
Resumo: abra a ferramenta Imagem para ICO do Imgovo, adicione um PNG, JPG, WebP ou SVG, marque os tamanhos que quer (para um site: 16, 32 e 48 px), escolha como a imagem se encaixa no quadrado e baixe o arquivo .ico. Para conferir um ícone existente, solte-o no Visualizador de ICO. As duas ferramentas rodam no seu navegador e nada é enviado.
O que é um arquivo ICO
Um arquivo .ico é um contêiner. Dentro dele há várias imagens pequenas, chamadas camadas, cada uma com seu próprio tamanho. O Windows, os navegadores e outros programas escolhem a camada que melhor se encaixa no lugar onde o ícone aparece: uma aba, a barra de tarefas, um atalho ou uma pasta. Por isso um bom arquivo de ícone tem mais de um tamanho.
Quais tamanhos escolher
| Uso | Tamanhos |
|---|---|
| Favicon de site | 16, 32, 48 px |
| Programa ou atalho do Windows | acrescente 64, 128, 256 px |
| Tudo | 16, 24, 32, 48, 64, 96, 128, 256 px |
A ferramenta tem dois atalhos: Site: 16, 32, 48 e Todos os tamanhos. Cada tamanho marcado é guardado como uma imagem separada, então mais tamanhos geram um arquivo maior.
Passo a passo
- Abra o Imagem para ICO e solte uma imagem na página, clique para escolher uma ou cole da área de transferência. Uma imagem quadrada com fundo transparente funciona melhor.
- Escolha os Tamanhos dentro do arquivo.
- Em Forma, escolha Cortar em quadrado (preenche todo o quadrado e corta as bordas de uma imagem larga) ou Ajustar a imagem inteira (mantém tudo e acrescenta espaço vazio nas laterais).
- Escolha um Fundo: transparente ou uma cor. Ajuste o espaçamento interno e os Cantos arredondados se quiser.
- Confira a pré-visualização das Camadas.
- Clique em Baixar o arquivo .ico.
Cada camada é desenhada a partir da sua imagem no tamanho exato, em vez de reduzir depois uma única imagem grande. Depois de criar o arquivo, o Imgovo o lê de volta e o confere.
Projete para tamanhos pequenos
Em 16 × 16 pixels, detalhes finos desaparecem. Use uma forma marcante, uma ou duas letras ou um logotipo simples, e deixe um pouco de margem. Se o seu logotipo tem um fundo indesejado, remova-o antes; veja Como remover o fundo de uma foto de graça (sem enviá-la).
Veja o que há dentro de um .ico com o Visualizador de ICO
Não sabe o que um arquivo de ícone contém? Abra o Visualizador de ICO e solte o arquivo na página. Para cada camada, ele mostra:
- o tamanho,
- a profundidade de cor,
- se a camada é guardada como PNG ou como bitmap antigo (DIB),
- o número de bytes que ela usa,
- a própria imagem sobre um xadrez, para que a transparência fique visível.
Você pode salvar uma camada como PNG ou usar Salvar todas as camadas como PNG (ZIP). O visualizador mostra camadas PNG e camadas de bitmap sem compressão com 1, 4, 8, 24 ou 32 bits por pixel, incluindo a máscara de transparência. Uma camada com outra compressão aparece na lista com uma observação, mas não pode ser desenhada. Se o tamanho anunciado no diretório do arquivo for diferente do tamanho real da imagem, o visualizador mostra o tamanho real e acrescenta uma observação.
Um conjunto de favicon completo
Um .ico é só uma parte de um conjunto de ícones de site. Para favicons PNG, um ícone da Apple, ícones do Android, um favicon SVG opcional, um manifesto e as linhas para colar nas suas páginas, use o Gerador de favicon e leia Como criar um favicon para o seu site (ICO, PNG, ícones da Apple e do Android).
Privacidade
O arquivo ICO é criado e lido no seu navegador. Sua imagem nunca sai do seu dispositivo.
Experimente agora
Abra o Imagem para ICO, adicione sua imagem e baixe um ícone com os tamanhos de que precisa.
Perguntas frequentes
Quais tamanhos um arquivo ICO deve conter?
Para o favicon de um site, 16, 32 e 48 px bastam. Para um programa ou atalho do Windows, acrescente tamanhos maiores, como 64, 128 e 256 px. Cada tamanho marcado é guardado como uma imagem separada, então uma seleção maior gera um arquivo maior.
Por que um arquivo ICO é feito de várias imagens?
Um arquivo ICO é um pequeno contêiner. Cada camada é uma imagem separada com seu próprio tamanho, e o sistema ou o navegador escolhe a que melhor se encaixa. O Imgovo desenha cada camada a partir da sua imagem naquele tamanho exato, em vez de reduzir depois uma imagem grande.
As camadas são guardadas como PNG?
Sim. Cada camada é gravada como uma imagem PNG dentro do arquivo ICO, o que mantém a transparência e é aceito pelos navegadores atuais e pelo Windows desde o Vista. Programas muito antigos podem entender só as camadas de bitmap mais antigas.
Por que minha imagem está cortada?
Ícones são quadrados. Cortar em quadrado preenche todo o quadrado e corta as bordas de uma imagem larga. Ajustar a imagem inteira mantém tudo e acrescenta espaço vazio nas laterais, transparente ou colorido.
O visualizador de ICO abre um cursor .cur?
Não. Arquivos de cursor parecem com ícones, mas contêm posições do ponto ativo e usam outro número de tipo. O visualizador é só para ícones e avisa isso.
Preciso do Imagem para ICO ou do Gerador de favicon?
Use o Imagem para ICO quando só precisar do arquivo .ico. Use o Gerador de favicon quando também quiser ícones PNG, da Apple e do Android, um favicon SVG, um manifesto e as linhas de HTML.