Pular para o conteúdo
ImageConverter

Conversão segura no servidor

Converter PNG para ICO

Transforme um PNG num arquivo ICO do Windows, normalmente um favicon. Ao contrário da maioria dos conversores, este cria um ícone com vários tamanhos do jeito certo, com versões de 16, 32, 48 e 256 pixels num único arquivo, que é para o que o formato serve e o que faz um ícone ficar bom em todos os contextos, e não só em um.

Excluído automaticamente Arquivos excluídos em até 30 minutos

Arraste e solte suas imagens PNG aqui

Adicione várias de uma vez. Cada arquivo é processado e depois excluído do nosso servidor.

Até 20 MB por arquivo Aceita lotes

Passo a passo

Como converter PNG para ICO em 4 passos

  1. Adicione seu PNG

    Funciona melhor uma imagem quadrada, de preferência com 256×256 ou mais.

  2. Não há nada para configurar

    Os tamanhos de ícone padrão são gerados automaticamente a partir da sua imagem.

  3. Baixe o arquivo .ico

  4. Para um site

    Para um site, renomeie para favicon.ico e coloque na pasta raiz do seu site.

Comparação de formatos

PNG vs. ICO

PNG (Portable Network Graphics)

Sem perda

Guarda cada pixel exatamente como foi salvo, então nada se perde, não importa quantas vezes o arquivo seja aberto e salvo.

  • Perfeito no pixel: ideal para capturas de tela, logotipos e texto
  • Compatível em todo lugar, inclusive em todos os navegadores
  • Fotografias geram arquivos grandes: muitas vezes várias vezes o tamanho em JPG

ICO (ícone do Windows)

Ícone de vários tamanhos

Reúne vários tamanhos da mesma imagem pequena em um único arquivo, para ícones do Windows e favicons de sites.

  • Vários tamanhos de ícone em um único arquivo
  • Todos os navegadores o reconhecem como favicon
  • Só para imagens pequenas: cada uma tem no máximo 256 × 256 pixels

A coisa mais útil para entender sobre o ICO é que ele é um contêiner, não um formato de imagem. Um arquivo .ico contém várias imagens completas de tamanhos diferentes, e o que exibe o ícone escolhe a que combina.

Esse é todo o motivo de o formato ainda existir num mundo de PNGs. O mesmo arquivo é usado em lugares bem diferentes:

  • 16×16: abas do navegador, barras de endereço, listas de favoritos.
  • 32×32: abas do navegador em alta densidade, a barra de tarefas do Windows, ícones de atalhos.
  • 48×48: atalhos da área de trabalho e a exibição de ícones médios do Explorador de Arquivos.
  • 256×256: a exibição de ícones grandes do Explorador de Arquivos, e a que o Windows reduz quando precisa de um tamanho intermediário.

É aqui que a maioria dos ícones falha. Um conversor que coloca um único tamanho no arquivo obriga todos os outros contextos a redimensioná-lo. Um 16×16 sozinho vira um borrão como atalho da área de trabalho; um 256×256 sozinho reduzido para 16 transforma o detalhe fino em lama, porque nesse tamanho um logotipo precisa ser simplificado, não encolhido.

Esta ferramenta gera os quatro tamanhos a partir do seu PNG e empacota tudo num único arquivo. Tamanhos maiores que o seu original são omitidos: ampliar um logotipo de 32 px para 256 geraria uma entrada borrada que o Windows depois escolheria com prazer no lugar da pequena e nítida.

O que tem dentro

Cada tamanho é guardado como dados PNG dentro do contêiner ICO. O Windows suporta isso desde o Vista e todos os navegadores aceitam, e ele mantém toda a transparência, incluindo as bordas suaves parcialmente transparentes, algo com que o jeito antigo baseado em BMP lida mal.

Qualidade

Qualidade e tamanho do arquivo

Não há ajuste de qualidade: cada tamanho é guardado sem perda, então o ícone é tão nítido quanto o original permitir.

O que importa, por outro lado, é a imagem de origem, e há três coisas sobre ela:

  • Comece com algo grande. 256×256 ou mais. Tudo é reduzido a partir do seu PNG, e reduzir fica bom onde ampliar não fica.
  • Faça quadrada. Ícones são quadrados. Um original retangular vai ser encaixado num quadrado, e o resultado raramente é o que você pretendia: recorte antes.
  • Mantenha o design simples. É o que mais gente esquece. Em 16×16 você tem 256 pixels no total. Um logotipo detalhado com letras finas fica ilegível nesse tamanho, por melhor que seja o redimensionamento. Os favicons que funcionam costumam ser uma única letra, uma marca simples ou uma forma forte.

Se o seu logotipo é detalhado, pense em fazer uma versão simplificada para o ícone em vez de encolher o completo. Repare nos favicons dos sites que você usa com frequência: quase todos são bem mais simples que o logotipo real da empresa.

A transparência é mantida, e normalmente é o que você quer: um favicon com fundo branco aparece como um quadrado branco num navegador com tema escuro.

Usar o seu favicon num site

O método mais simples continua funcionando: chame o arquivo de favicon.ico e coloque na raiz do seu site. Os navegadores o procuram ali automaticamente, sem precisar de HTML.

Para declará-lo explicitamente, ou para servir outros formatos junto com ele:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

A prática moderna é oferecer um ícone SVG aos navegadores que o suportam e manter o ICO como reserva universal. O ICO continua valendo a pena: é o que procuram navegadores antigos, atalhos do Windows e muitos leitores de feeds RSS e prévias de links.

Por que não usar simplesmente um favicon PNG?

Dá para usar: os navegadores aceitam <link rel="icon" href="/icon.png">. Mas um PNG é um único tamanho, então você precisaria de vários arquivos e várias tags para cobrir o que um ICO cobre sozinho. Além disso, o ICO continua sendo o formato que o próprio Windows usa para atalhos e ícones de aplicativos, então é o que convém ter se o seu site puder ser fixado ou salvo numa área de trabalho.

Outros usos do ICO

  • Ícones de aplicativos do Windows, embutidos num .exe.
  • Atalhos da área de trabalho e do menu Iniciar.
  • Ícones de pastas, trocados nas propriedades da pasta.
  • Ferramentas de instalação e empacotamento, que normalmente exigem ICO especificamente.

Todos eles se beneficiam do arquivo com vários tamanhos pelo mesmo motivo que um favicon: o Windows exibe ícones em vários tamanhos conforme a visualização, e escolhe entre o que o arquivo oferece.

Conferir o resultado

Um ícone que fica bom em tamanho total pode ser ilegível numa aba. Antes de ficar com um, olhe-o pequeno: abra o ICO, ou simplesmente olhe o seu site numa aba do navegador, e avalie no tamanho em que as pessoas vão vê-lo. Se você não consegue distinguir o que é, simplifique o design em vez de ajustar a conversão.

Privacidade

O que acontece com seu arquivo

Esta ferramenta funciona no nosso servidor, então dá o mesmo resultado em qualquer celular ou computador. Seu arquivo é enviado, e é exatamente isto que acontece com ele:

  • Guardado fora da área pública do servidor com um nome aleatório, nunca com o nome do seu arquivo.
  • É processado, e o arquivo original é excluído imediatamente, tenha a conversão funcionado ou não.
  • O resultado fica atrás de um link assinado que só você recebe, que para de funcionar depois de 20 minutos, e o arquivo é excluído assim que você o baixa.
  • O que nunca for baixado é excluído automaticamente em até 30 minutos.
  • A imagem em si nunca é registrada nem guardada. Se uma conversão falhar, anotamos os formatos envolvidos e o erro, não o arquivo.
  • Os metadados da câmera, incluindo as coordenadas GPS que registram onde a foto foi tirada, são removidos do resultado. Só é mantida a rotação necessária para mostrar a imagem na posição certa.

Perguntas e respostas

PNG para ICO: perguntas frequentes

Qual deve ser o tamanho do meu PNG?

256×256 ou mais, e quadrado. Cada tamanho de ícone é reduzido a partir do seu original, e reduzir dá bons resultados onde ampliar não dá. Se a sua imagem é retangular, recorte antes em quadrado; senão, ela vai ser encaixada num por você.

O ICO contém mais de um tamanho?

Sim, essa é a razão de ser do formato. Esta ferramenta coloca versões de 16, 32, 48 e 256 pixels num único arquivo, para que navegadores, barra de tarefas e atalhos da área de trabalho recebam cada um um tamanho feito para eles em vez de redimensionar um que não combina. Tamanhos maiores que o seu original são omitidos, porque ampliar geraria uma entrada borrada que o sistema poderia preferir.

A transparência é mantida?

Sim, totalmente, incluindo as bordas suaves parcialmente transparentes. Cada tamanho é guardado como dados PNG dentro do ICO, que lida bem com transparência; o jeito antigo baseado em BMP não. Um favicon com fundo branco aparece como um quadrado branco num navegador com tema escuro, então a transparência costuma ser o que você quer.

Onde eu coloco o arquivo do favicon?

Chame-o de favicon.ico e coloque na pasta raiz do seu site. Os navegadores o procuram ali automaticamente, sem precisar de HTML. Você também pode declará-lo explicitamente com <link rel="icon" href="/favicon.ico" sizes="any">.

Meu logotipo fica ilegível em 16 pixels. O que eu faço?

Simplifique o design em vez de ajustar a conversão. Em 16×16 você tem 256 pixels no total, e nenhum algoritmo de redimensionamento consegue deixar letras detalhadas legíveis nesse espaço. A maioria dos favicons que funcionam é uma única letra, uma marca simples ou uma forma forte: repare nos sites que você usa todo dia e veja o quanto os ícones deles são mais simples que os logotipos.

Uso ICO ou SVG para um favicon?

Os dois. A prática moderna é um ícone SVG para os navegadores que o suportam, com o ICO como reserva universal; e o ICO continua sendo o que atalhos do Windows, navegadores antigos e muitas ferramentas de prévia de links procuram.

Continue explorando

Ferramentas de imagem relacionadas

Ver todas as ferramentas

Converter ICO para PNG

Converta arquivos ICO do Windows para PNG mantendo a transparência. Extrai a maior imagem que o ícone contém.

No nosso servidor

Converter PNG para WebP

Converta PNG para WebP e mantenha toda a transparência. Costuma ficar de 25 a 50% menor que o PNG. Grátis e sem cadastro.

No nosso servidor

Redimensionar imagem

Mude uma imagem para qualquer tamanho em pixels. Mantenha as proporções ou defina as duas medidas, com atalhos para redes sociais. Grátis e sem cadastro.

No nosso servidor

Recortar imagem

Arraste para recortar qualquer imagem, com proporções quadrada e 16:9 prontas. Grátis, sem cadastro e funciona igual em qualquer aparelho.

No nosso servidor