Gerador de Favicon

Continuar na ferramenta

Mais páginas desta ferramenta

converter PNG para ICO

Converter PNG para ICO online, com os tamanhos que você escolher

A página já abre no modo .ico: não há configuração antes de começar. Solte o PNG, confira a prévia de cada tamanho e baixe o arquivo. A transparência do PNG é mantida em todas as resoluções, e a imagem não sai do seu navegador.

O que acontece com o PNG ao virar ICO

O ICO não é um PNG com outra extensão. É um contêiner com um diretório de imagens: 6 bytes de cabeçalho, 16 bytes por tamanho e, depois, os dados de cada imagem. A conversão desenha o seu PNG de novo em cada tamanho marcado e grava cada resultado como um PNG dentro do contêiner, mantendo o canal alfa. Os tamanhos padrão são 16, 32, 48, 64, 128 e 256 px; com eles, o cabeçalho mais o diretório ocupam 102 bytes, e a soma dos pixels brutos seria 358.400 bytes, que a compressão do PNG reduz bastante. Para um favicon de site, o conjunto Favicon (16, 32 e 48) deixa o diretório em 54 bytes.
Dois detalhes decidem a qualidade. O primeiro é o tamanho da origem: o formato guarda no máximo 256 px por imagem, e um PNG menor que isso é ampliado, o que borra. Um PNG de 128 x 128 com os tamanhos padrão tem o de 256 ampliado, e a ferramenta avisa. O segundo é a proporção: o ICO é quadrado. Num logo de 400 x 200 px, o modo Preencher recorta um quadrado de 200 x 200 do centro (a partir de x = 100), e o modo Conter encaixa a imagem inteira em 256 x 128 dentro do quadrado de 256, com 64 px de margem em cima e embaixo.
O arquivo baixado leva o nome do seu PNG com a extensão trocada, de logo.png para logo.ico. Para o favicon do site, coloque-o na raiz com o nome favicon.ico, que os navegadores pedem sozinhos, ou aponte para ele com uma tag link. Para o Windows, o mesmo arquivo serve de ícone de pasta, atalho ou aplicativo. O ICO com PNG dentro funciona do Windows Vista em diante e em todos os navegadores atuais; só o Windows XP e alguns compiladores de recursos antigos exigem BMP.

Quatro conversões e o que sai de cada uma

PNG de 512 px com os tamanhos padrão

Entrada: logo.png, 512 x 512, 6 tamanhos
Saída esperada: logo.ico, 102 bytes de cabeçalho e diretório

6 + 6 x 16 = 102 bytes antes dos PNGs, e nenhum tamanho é ampliado.

Só o conjunto de favicon

Entrada: logo.png, tamanhos 16, 32, 48
Saída esperada: logo.ico, 54 bytes de cabeçalho e diretório

6 + 3 x 16 = 54 bytes; é o que cobre a aba do navegador e os favoritos.

PNG pequeno demais

Entrada: icone.png, 128 x 128, 6 tamanhos
Saída esperada: Aviso: o tamanho 256 será ampliado

Os tamanhos de 16 a 128 saem nítidos; só o de 256 parte de uma origem menor.

Logo retangular de 400 x 200

Entrada: Preencher versus Conter, tamanho 256
Saída esperada: Preencher: recorte 200 x 200 do centro. Conter: 256 x 128 com 64 px de margem

Conter preserva o logo inteiro; Preencher aproveita todo o quadrado e corta as laterais.

FAQ da ferramenta completa

Quais tamanhos de favicon eu realmente preciso?

O essencial: favicon.ico (16, 32, 48) para navegadores, favicon-32x32.png e 16x16.png, apple-touch-icon.png (180) para iOS e android-chrome 192/512 para PWAs. Esta ferramenta gera todos eles.

Preciso de uma imagem quadrada?

Por que o .ico contém vários tamanhos e quais devo marcar?

O que é o site.webmanifest gerado?

Onde coloco os arquivos e o snippet?

Posso usar um SVG como imagem de origem?

Como converto PNG, JPG ou SVG em ICO?

A geração envia minha imagem para algum servidor?

Perguntas frequentes

O PNG com fundo transparente continua transparente no ICO?

Sim. Cada tamanho é gravado como PNG com canal alfa, e a opção Transparente vem ligada. Se quiser um fundo sólido, desligue-a e escolha a cor.

Quais tamanhos devo marcar?

Para site, 16, 32 e 48. Para Windows, 16, 24, 32, 48 e 256. Na dúvida, deixe os padrões: o arquivo fica um pouco maior, mas o sistema sempre encontra um tamanho próximo do que precisa.

Existe limite de tamanho do arquivo de entrada?

A ferramenta aceita arquivos de até 50 MB. Como a imagem é processada no seu navegador, o que limita na prática é a memória do aparelho, e uma imagem muito grande pode ser recusada com um aviso.

Minha imagem é enviada para algum servidor?

Não. A leitura, o redimensionamento e a montagem do .ico acontecem no navegador, e por isso funciona com imagens privadas e sem conexão depois que a página carregou.

Próximos passos

O que acontece com o PNG ao virar ICO

O ICO não é um PNG com outra extensão. É um contêiner com um diretório de imagens: 6 bytes de cabeçalho, 16 bytes por tamanho e, depois, os dados de cada imagem. A conversão desenha o seu PNG de novo em cada tamanho marcado e grava cada resultado como um PNG dentro do contêiner, mantendo o canal alfa. Os tamanhos padrão são 16, 32, 48, 64, 128 e 256 px; com eles, o cabeçalho mais o diretório ocupam 102 bytes, e a soma dos pixels brutos seria 358.400 bytes, que a compressão do PNG reduz bastante. Para um favicon de site, o conjunto Favicon (16, 32 e 48) deixa o diretório em 54 bytes.

Dois detalhes decidem a qualidade. O primeiro é o tamanho da origem: o formato guarda no máximo 256 px por imagem, e um PNG menor que isso é ampliado, o que borra. Um PNG de 128 x 128 com os tamanhos padrão tem o de 256 ampliado, e a ferramenta avisa. O segundo é a proporção: o ICO é quadrado. Num logo de 400 x 200 px, o modo Preencher recorta um quadrado de 200 x 200 do centro (a partir de x = 100), e o modo Conter encaixa a imagem inteira em 256 x 128 dentro do quadrado de 256, com 64 px de margem em cima e embaixo.

O arquivo baixado leva o nome do seu PNG com a extensão trocada, de logo.png para logo.ico. Para o favicon do site, coloque-o na raiz com o nome favicon.ico, que os navegadores pedem sozinhos, ou aponte para ele com uma tag link. Para o Windows, o mesmo arquivo serve de ícone de pasta, atalho ou aplicativo. O ICO com PNG dentro funciona do Windows Vista em diante e em todos os navegadores atuais; só o Windows XP e alguns compiladores de recursos antigos exigem BMP.

Quatro conversões e o que sai de cada uma

PNG de 512 px com os tamanhos padrão

Entrada: logo.png, 512 x 512, 6 tamanhos
Saída esperada: logo.ico, 102 bytes de cabeçalho e diretório

6 + 6 x 16 = 102 bytes antes dos PNGs, e nenhum tamanho é ampliado.

Só o conjunto de favicon

Entrada: logo.png, tamanhos 16, 32, 48
Saída esperada: logo.ico, 54 bytes de cabeçalho e diretório

6 + 3 x 16 = 54 bytes; é o que cobre a aba do navegador e os favoritos.

PNG pequeno demais

Entrada: icone.png, 128 x 128, 6 tamanhos
Saída esperada: Aviso: o tamanho 256 será ampliado

Os tamanhos de 16 a 128 saem nítidos; só o de 256 parte de uma origem menor.

Logo retangular de 400 x 200

Entrada: Preencher versus Conter, tamanho 256
Saída esperada: Preencher: recorte 200 x 200 do centro. Conter: 256 x 128 com 64 px de margem

Conter preserva o logo inteiro; Preencher aproveita todo o quadrado e corta as laterais.

FAQ da ferramenta completa

Quais tamanhos de favicon eu realmente preciso?

O essencial: favicon.ico (16, 32, 48) para navegadores, favicon-32x32.png e 16x16.png, apple-touch-icon.png (180) para iOS e android-chrome 192/512 para PWAs. Esta ferramenta gera todos eles.

Preciso de uma imagem quadrada?

Por que o .ico contém vários tamanhos e quais devo marcar?

O que é o site.webmanifest gerado?

Onde coloco os arquivos e o snippet?

Posso usar um SVG como imagem de origem?

Como converto PNG, JPG ou SVG em ICO?

A geração envia minha imagem para algum servidor?

Perguntas frequentes

O PNG com fundo transparente continua transparente no ICO?

Sim. Cada tamanho é gravado como PNG com canal alfa, e a opção Transparente vem ligada. Se quiser um fundo sólido, desligue-a e escolha a cor.

Quais tamanhos devo marcar?

Para site, 16, 32 e 48. Para Windows, 16, 24, 32, 48 e 256. Na dúvida, deixe os padrões: o arquivo fica um pouco maior, mas o sistema sempre encontra um tamanho próximo do que precisa.

Existe limite de tamanho do arquivo de entrada?

A ferramenta aceita arquivos de até 50 MB. Como a imagem é processada no seu navegador, o que limita na prática é a memória do aparelho, e uma imagem muito grande pode ser recusada com um aviso.

Minha imagem é enviada para algum servidor?

Não. A leitura, o redimensionamento e a montagem do .ico acontecem no navegador, e por isso funciona com imagens privadas e sem conexão depois que a página carregou.