Converter SVG para ICO

Como converter SVG para ICO em 3 passos

Um vetor é a melhor origem possível para um ícone: ele pode ser desenhado em qualquer tamanho sem perder nitidez. O que decide o resultado é se a ferramenta aproveita isso — ou se ela gera uma imagem grande e encolhe, como quase todas fazem.

1. 01
   Adicione seu arquivo SVG

   Arraste para a área acima, clique para escolher ou cole com Ctrl+V. A página lê o vetor no seu próprio computador — inclusive os scripts que ele possa conter, que simplesmente não são executados.

2. 02
   Escolha os tamanhos e o enquadramento

   Deixe marcados os tamanhos que devem ir dentro do ícone. Se o vetor não for quadrado, escolha entre caber inteiro com margem ou cortar para preencher.

3. 03
   Confira o 16 px e baixe

   A prévia mostra cada tamanho desenhado de verdade, em pixels reais. Se o menor ainda estiver legível, o ícone está pronto — baixe o .ico com todos os tamanhos dentro.

Desenhado do vetor, não encolhido

Esta página desenha cada tamanho do ícone diretamente a partir do vetor. O quadro de 16×16 é uma renderização em 16×16, não uma redução de uma imagem de 256×256.

A diferença é técnica, mas o efeito é visível. Ao encolher um bitmap, cada pixel do resultado é a média de vários pixels do original: um traço de 1 pixel de largura vira um cinza claro, dois traços próximos se fundem, e um contorno fino desaparece. Ao desenhar do vetor no tamanho final, cada forma é rasterizada naquela grade, com o contraste preservado.

Em 48 px e 256 px a diferença é sutil. Em 16 px — que é onde o ícone aparece na barra de tarefas e na aba do navegador, ou seja, na maior parte do tempo — ela decide se o desenho ainda é reconhecível.

O que um vetor perde ao virar ícone pequeno

Desenhar do vetor ajuda muito, mas não faz milagre: 16×16 são 256 pixels, e isso é pouco para qualquer desenho. A prévia em pixels reais está na tela justamente para você ver o que sobra.

• Texto desaparece primeiro. Qualquer palavra, em qualquer tamanho de fonte. Se o logo tem nome escrito, o ícone precisa ser só o símbolo.
• Traços finos somem ou engrossam. Um contorno de meio pixel precisa virar zero ou um. Logos de linha fina costumam sofrer.
• Detalhes internos se fundem. Dois elementos separados por pouco espaço viram um só.
• Cor e forma sobrevivem. É nisso que um ícone pequeno se apoia: uma silhueta reconhecível e uma cor dominante.

Quando o 16 px não funciona, a solução é editar o vetor — uma versão simplificada, com menos elementos e mais contraste —, não trocar de conversor.

O que a página verifica no seu SVG antes de converter

Um SVG pode depender de coisas que não estão dentro dele, e isso muda o resultado sem avisar. Antes de converter, o arquivo é inspecionado e o que for relevante aparece na linha dele: texto vivo (desenhado com a fonte deste computador), imagem ou folha de estilos externa (não carregadas), filtros (podem variar conforme o navegador), ausência de viewBox (o tamanho é deduzido) e scripts (nunca executados).

Quando nada disso é encontrado, a linha diz que a conversão sai limpa. É a mesma inspeção do nosso conversor de SVG para PNG, onde ela está explicada em detalhe.

Perguntas frequentes

Mais ferramentas gratuitas de conversão

Este conversor de SVG para ICO faz parte de uma família de ferramentas gratuitas que rodam dentro do navegador no pngconvert.net. Para uma imagem comum em vez de um ícone, use o conversor de SVG para PNG. Para o pacote completo de favicon de um site, o gerador de favicon.