Converter ICO para SVG

Coloque um ícone do Windows ou um favicon em um arquivo .svg para ferramentas que só aceitam SVG. Os pixels do ícone continuam sendo pixels, então esta página também mostra como obter caminhos vetoriais de verdade ou simplesmente um PNG maior.

ou solte arquivos JPG, JPEG, JPE … aqui ·

Até 95 MB por arquivo· Até 20 arquivos· Apagados após 30 minutos

Saída

Converter para

Os arquivos são processados em nossos servidores e apagados após 30 minutos.

Como usar esta ferramenta

1
Envie o arquivo .ico
Um favicon.ico de um site ou o ícone de um programa do Windows. Até 20 arquivos por lote.
2
Clique em Converter para SVG
A maior imagem guardada no ICO é colocada dentro de um documento SVG com a transparência intacta.
3
Decida o próximo passo
Use o SVG como está, vetorize-o para ter caminhos escaláveis ou extraia um PNG se você só queria a imagem.

Resposta

Converter ICO para SVG deixa o ícone escalável?

Não. Um ICO guarda só bitmaps, então o SVG envolve o maior deles, com pixels e transparência. Para um ícone que fica nítido em qualquer tamanho, vetorize-o; para um arquivo de imagem maior, extraia um PNG.

Esta página

SVG com bitmap

O maior bitmap do ICO dentro de um arquivo .svg.

Fica idêntico ao ícone
Transparência mantida
Borra quando ampliado

Vetorização

SVG vetorizado

Bordas transformadas em caminhos vetoriais pelo conversor de imagem em SVG.

Escala para qualquer tamanho
Cores e formas editáveis
Detalhes pequenos podem ser simplificados

Extração

PNG a partir do ICO

A maior imagem do ícone salva em PNG.

Abre em qualquer lugar
Sem perdas e transparente
Tamanho fixo em pixels

ICO para SVG: um invólucro de pixels, não um vetor

O formato ICO vem do Windows 1.0, de 1985, e virou o formato de favicon quando o Internet Explorer 5 passou a procurar /favicon.ico, em 1999. Um arquivo guarda vários bitmaps quadrados para que o Windows e os navegadores escolham o tamanho certo: 16 px para a aba do navegador, 32 ou 48 px para a barra de tarefas e a área de trabalho e, desde o Windows Vista, imagens de 256 px guardadas como dados PNG comprimidos. Em nenhum ponto dessa estrutura existe um caminho, uma curva ou um preenchimento.

O SVG, formato do W3C desde 2001, aceita os dois tipos de conteúdo: formas vetoriais e bitmaps incorporados. Na conversão de um ICO, a única saída honesta é o segundo tipo. O SVG recebe a largura e a altura do ícone e um elemento de imagem com os pixels, então aparece exatamente como o ICO em um navegador, no Figma ou em um slide. Dê zoom e você verá os mesmos pixels, porque nada foi redesenhado.

Tamanhos de ícone dentro de um ICO e por que o maior importa

1:1

16 × 16 px

Favicon da aba do navegador

Pequeno demais para vetorizar bem

1:1

32 × 32 px

Aba em tela de alta densidade, barra de tarefas

Tamanho máximo comum do favicon.ico

1:1

48 × 48 px

Ícone da área de trabalho (Windows)

Presente na maioria dos ícones de programas

1:1

256 × 256 px

Visualização com ícones grandes

Melhor fonte para vetorizar ou gerar um PNG

ICO

Ícone do Windows

ICO é o formato de ícone da Microsoft usado nos ícones de programas do Windows e nos favicons de sites. Um único arquivo .ico pode conter várias imagens em tamanhos diferentes, como 16×16, 32×32, 48×48 e 256×256 pixels, para que o sistema escolha a mais adequada. Cada imagem pode ser armazenada como bitmap ou como dados PNG e suporta transparência alfa completa. O ICO não foi feito para fotos nem para artes grandes. Navegadores, o Windows e a maioria dos editores de ícones conseguem lê-lo.

Compressão: Sem perdas
Transparência: Sim
Animação: Não
Lançamento: Microsoft

Conversor de ICO

SVG

Scalable Vector Graphics (SVG)

SVG é um formato vetorial baseado em XML, padronizado pelo W3C em 2001. Em vez de pixels, ele descreve formas, caminhos e texto, por isso fica nítido em qualquer tamanho e costuma ser minúsculo para logotipos e ícones. Ele aceita transparência, estilo com CSS, scripts e animação, e todos os navegadores o renderizam nativamente. O SVG não é adequado para fotografias, e ilustrações complexas podem ficar lentas para renderizar. Illustrator, Inkscape, Figma e os navegadores conseguem abri-lo e editá-lo.

Compressão: –
Transparência: Sim
Animação: Sim
Lançamento: 2001 · W3C

Conversor de SVG

Quem procura ICO para SVG tem uma ferramenta de design, uma biblioteca de ícones ou um template de site que pede SVG, e a única cópia do logo é um favicon ou um ícone do Windows; normalmente é o primeiro passo rumo a um vetor traçado.

Vetorizar um ícone em caminhos SVG reais

Se o objetivo é um logo que escala, o SVG com bitmap é no máximo um passo intermediário. Passe o ícone pelo conversor de imagem em SVG: ele segue as bordas de cor e as grava como caminhos que você pode redimensionar, recolorir e cortar. O resultado depende do tamanho da fonte, então uma imagem de 256 px do ícone de um programa vetoriza muito melhor que um favicon de 16 px. O nosso passo a passo sobre como converter PNG em SVG explica quantas cores manter e como suavizar as curvas.

Se você só queria usar o ícone em um documento ou editor, pule o SVG e pegue a maior imagem em PNG com ICO para PNG. O caminho inverso, de um logo vetorial para um favicon multitamanho, é o papel de SVG para ICO.

Perguntas sobre ICO para SVG

Um arquivo ICO pode virar um SVG vetorial de verdade?

Não apenas convertendo. Um ICO guarda só bitmaps, de 16 × 16 até 256 × 256 px, então não há formas para transferir. Os caminhos reais precisam ser traçados a partir dos pixels, que é o que o conversor de imagem em SVG faz.

Qual dos tamanhos dentro do meu .ico vai para o SVG?

O maior, porque tem mais detalhe. Um favicon.ico típico para em 32 ou 48 px, enquanto o ícone de um aplicativo do Windows normalmente inclui uma versão de 256 px.

O SVG gerado a partir do ICO funciona como favicon de site?

Chrome e Firefox aceitam favicons em SVG, mas um SVG que só contém um bitmap de 32 px não ganha nada em relação ao ICO original. Um favicon em SVG vale a pena quando guarda caminhos reais que continuam nítidos em telas de alta densidade.

Por que vetorizar um favicon gera formas borradas e irregulares?

Um ícone de 32 px tem só 1.024 pixels, e a vetorização adivinha curvas a partir das bordas deles. Quanto menos pixels, mais grosseiro o palpite. Vetorize a imagem de 256 px de um ícone do Windows, ou encontre o logo original, para ter contornos limpos.

O fundo transparente do ícone se mantém no SVG?

Sim. As imagens ICO têm canal alfa, e o SVG o mantém, então o ícone fica sobre qualquer fundo que a página ou a ferramenta de design oferecer.

Posso mudar as cores do ícone no Inkscape ou no Figma depois?

Não forma por forma, porque o SVG contém uma única imagem incorporada. Você pode aplicar filtros ou sobreposições a ela como um todo; para cores por forma, vetorize-a antes.