Converter ICO em SVG Icon ↔ Scalable Vector Graphics Grátis Online Seguro
Solte um arquivo ICO e leve um SVG. Decide o que acontece às imagens: passam a formas, ou ficam exatamente como vieram — e o que custa cada escolha está escrito mais abaixo, antes de lhe dedicar tempo.
Converta o seu arquivo
Solte aqui o seu arquivo ICO, ou escolha um.
O seu arquivo não sai deste dispositivo. Tudo roda no seu navegador.
Nada é enviado
O que distingue um vetor
Um SVG não é uma imagem; é um conjunto de instruções para desenhar uma — um círculo deste raio aqui, uma linha daqui até ali, esta forma preenchida com aquela cor. Tornou-se norma da web em 2001 e, como armazena o desenho e não o resultado, do mesmo arquivo que mostra um ícone de dezesseis pixels pode imprimir-se um painel publicitário. Um PNG ou um JPEG armazena o contrário: uma grelha acabada de pontos coloridos, sem memória nenhuma do que os desenhou. Essa assimetria decide tudo nesta página. Ir do vetor para o rasterizado é simplesmente desenhar as instruções ao tamanho escolhido; ir ao contrário é vetorizar — um programa olha para uma grelha de pontos e adivinha que formas a poderão ter produzido.
Onde os encontra
Logótipos, ícones, mapas, esquemas e gráficos vivem como SVG, porque têm de ser legíveis em qualquer tamanho e amiúde precisam de ser recoloridos. Os favicons e os ícones de aplicação saem deles. O sentido inverso serve para o instante em que um vetor tem de se tornar imagem plana: um programa de correio que não mostra SVG, uma pré-visualização numa rede social, um documento a imprimir por alguém com software mais antigo do que o seu, ou um formulário de envio que só aceita fotografias.
Perguntas frequentes
Vetorizei uma fotografia e o resultado está horrível. Porquê?
Porque a vetorização nunca foi pensada para fotografias. Funciona procurando regiões de cor semelhante e traçando um contorno à volta de cada uma, o que assenta bem em arte plana — um logotipo, um estêncil, um desenho a traço — e falha numa fotografia, onde cada região se funde gradualmente na seguinte. O programa tem de inventar uma fronteira onde não há nenhuma, e produz ou manchas de cartaz em planos, ou um arquivo com dezenas de milhares de formas minúsculas. Para fotografias, fique-se pelo rasterizado.
Por que o meu SVG aparece diferente em outro programa?
Quase sempre por causa das letras. Um SVG com texto chama uma letra pelo nome e conta que a máquina que o abre a tenha; se não tiver, é substituída por outra e a disposição desloca-se. O remédio é converter o texto em contornos antes de exportar: cada letra passa a ser uma forma e o arquivo fica igual em toda a parte — ao preço de o texto deixar de ser editável ou selecionável. Os efeitos avançados, como filtros e modos de mistura, são a outra fonte habitual de diferenças.
O arquivo perde qualidade?
Depende do que os dois formatos conseguem guardar. Converter entre formatos que armazenam a mesma coisa — um PNG para BMP, um WAV para FLAC — não perde nada. Converter para um formato que descarta informação para poupar espaço, como JPEG ou MP3, perde um pouco de cada vez, e voltar atrás não a traz de volta. Onde existe escolha, esta página tende a conservar a qualidade original em vez de fazer o arquivo menor.
O meu arquivo é enviado para algum lado?
Não. A conversão acontece dentro do seu navegador, na sua própria máquina; o arquivo nunca sai dela e aqui não existe servidor nenhum que o pudesse receber. É por isso que um arquivo grande é limitado pela sua memória e não por um envio, e que nada do que converter pode aparecer nos registros de quem quer que seja — incluindo os nossos. As ferramentas de áudio e de vídeo buscam, porém, o seu motor de conversão neste site da primeira vez que as usar — uns trinta megabytes, uma só vez; depois o trabalho continua a acontecer inteiramente na sua máquina.
Por que as pessoas convertem ICO em SVG
Um arquivo ICO é um ícone: uma imagem pequena, ou melhor, um pacote de imagens pequenas de tamanhos diferentes, que aparece na aba de um navegador, num atalho, no canto de uma janela ou numa lista de arquivos. Muitos sites e programas antigos têm um ícone e nada mais da sua marca: o desenho original se perdeu, o designer foi embora, e o favicon é a única cópia que resta do logotipo. Um SVG é o tipo de arquivo oposto: um desenho descrito em formas, que pode ser dimensionado para qualquer tamanho e recolorido à vontade. É por isso que as pessoas convertem ICO em SVG: têm um ícone pequeno e querem um desenho que possam usar em tamanho maior, alterar ou pôr num design moderno.
É importante ser honesto sobre o que essa conversão pode e não pode fazer. Transformar pixels de volta em formas não é recuperar o desenho original, que se foi. É um palpite, feito olhando onde terminam as áreas de cor chapada. Os ícones, porém, são o único tipo de imagem que combina particularmente bem com esse palpite, porque foram desenhados em cor chapada desde o início. Esta página oferece duas escolhas e diz o que cada uma custa antes de você gastar tempo: você pode deixar o ícone virar formas por meio do traçado, ou manter a imagem exatamente como veio, embrulhada num SVG.
Esta página converte ICO em SVG no seu navegador. O seu ícone não é enviado a um servidor, o que importa para marcas e designs ainda não públicos. Abaixo você encontra como funciona o traçado, qual tamanho do ícone é lido, o que é mantido e o que esperar de uma imagem tão pequena.
Como a conversão funciona
Duas escolhas para o que acontece com a imagem
Você escolhe o que acontece com a imagem: ela vira formas, ou continua exatamente como veio. A primeira é o traçado. O ícone é analisado, as áreas de uma só cor são encontradas e suas bordas são escritas como formas, preenchidas com as cores que você pediu. A segunda é o embrulho: a imagem é colocada dentro de um arquivo SVG sem alteração, de modo que o arquivo é SVG por fora e os mesmos pixels por dentro.
Qual tamanho é lido
Um .ico guarda vários tamanhos num só arquivo, e o navegador entrega um deles, geralmente o maior. Os outros não são lidos. Se o seu ícone contém versões de 16, 32, 48 e 256 pixels, a de 256 pixels é normalmente a imagem que é traçada. Mesmo o maior é pequeno, muitas vezes 48 ou 256 pixels, então há pouco para traçar.
Por que os ícones traçam bem
Os ícones costumam ser feitos de áreas planas de cor com bordas limpas, porque foram projetados para continuar legíveis quando pequenos. É o único tipo de imagem que traça quase com perfeição, já que foi desenhado em cor chapada desde o começo. Uma fotografia reduzida a um ícone seria um caso perdido, mas um ícone não é isso.
O que é mantido
Transparência
A transparência é mantida. Os ícones quase sempre têm um fundo transparente, e ele continua vazio no SVG, de modo que a forma assenta sobre qualquer cor.
A cor chapada e nítida
A cor chapada e nítida de que um ícone costuma ser feito é mantida como formas planas. É aqui que a conversão brilha: o resultado fica limpo e pode ser recolorido forma por forma.
As proporções e o tamanho
O traçado mantém as proporções da arte e o seu próprio tamanho em pixels na largura e na altura do SVG. Sendo vetorial, o resultado se dimensiona para qualquer tamanho a partir daí.
O que você deve saber antes de converter ICO em SVG
Há pouco para traçar
Mesmo o maior tamanho de um ícone é pequeno, muitas vezes 48 ou 256 pixels, então há pouco para traçar. Tudo o que era uma linha de um pixel no original vira uma forma tão larga quanto incerta. Isso não é falha do traçado: com dezesseis pixels nunca houve o bastante. Se o resultado parecer grosseiro, a resposta é uma origem maior, não outro ajuste.
Apenas um tamanho é lido
Você não pode escolher entre os tamanhos dentro do arquivo. Se a versão maior for de má qualidade, o traçado também será. Se você tem um PNG separado do logotipo em tamanho maior, PNG para SVG dará um resultado melhor.
Traçar é um palpite, não uma recuperação
O traçado encontra onde terminam as áreas planas de cor e escreve essas bordas como formas. Para um ícone isso fica perto do certo. Mas ele propõe curvas e não restaura as que o designer desenhou. Se o SVG original ou o arquivo de origem existir, use-o.
Como converter ICO em SVG aqui
Adicione o seu ícone
Solte o ICO na página ou escolha-o no seu dispositivo. Ele é lido dentro do seu navegador e não é enviado.
Escolha traçar ou manter, e as cores
Decida se o ícone deve virar formas ou continuar como veio. Se for traçar, defina o número de cores; para um ícone, um número pequeno costuma ser o certo.
Converta e compare
Aperte o botão e baixe o SVG. Abra-o num navegador e dê zoom. Um bom traçado continua suave. Compare-o com o ícone e, se não estiver certo, ajuste as cores e tente de novo.
Um olhar mais de perto para o ICO e o SVG
Um pacote e um desenho
Um ICO é um contêiner com várias imagens pequenas dentro, cada uma de tamanho fixo, para que o sistema escolha a que serve ao lugar onde o ícone é mostrado. Um SVG é um único desenho que pode ser renderizado em qualquer tamanho. Converter ICO em SVG é pegar uma dessas imagens pequenas e pedir o desenho por trás dela. O inverso, SVG para ICO, é exato; este sentido é uma estimativa.
Por que o resultado pode parecer diferente do ícone
Os ícones pequenos costumam ser desenhados à mão, pixel por pixel, para ficarem bons no seu tamanho. O traçado transforma esses pixels em formas suaves. Os cantos podem arredondar um pouco e os detalhes finos engrossar. O SVG é um retrato fiel da imagem, mas não uma cópia da intenção do designer.
Quando evitar o traçado
Se o ícone é uma fotografia em miniatura, como um avatar, não o trace. Mantenha a imagem como veio. O traçado é para marcas feitas de cor chapada.
Situações comuns em detalhe
Um logotipo perdido que sobrevive como favicon
Sites antigos às vezes guardam a única cópia do logotipo como favicon. Converta ICO em SVG, arrume as formas num programa de desenho e você terá uma base a partir da qual reconstruir a marca em tamanho maior.
Ícones de programas
Os ícones extraídos de softwares antigos podem ser a única arte que resta. Um SVG traçado permite reutilizá-los em documentação, num tamanho em que possam ser vistos.
Modernizar um design
Quando um site ou aplicativo é redesenhado, o ícone antigo muitas vezes precisa ser redesenhado em tamanhos modernos. O SVG traçado dá ao designer um ponto de partida que combina com a marca existente.
Sites que pedem SVG
Algumas plataformas aceitam apenas SVG para logotipos. Se manter a imagem basta para a plataforma, o ícone pode ser embrulhado. Se precisa ser um vetor de verdade, trace-o.
Conselhos práticos antes de converter ICO em SVG
Procure uma origem maior
Antes de converter ICO em SVG, confira se existe uma versão maior da marca: um PNG no site, um kit de marca, um documento antigo. Uma origem maior dá um traçado muito melhor.
Use poucas cores
A maioria dos ícones usa de duas a cinco cores. Pedir esse número dá formas limpas que combinam com o design.
Saiba o que fará depois
Um ícone traçado é um ponto de partida. Reserve alguns minutos num programa de desenho para arrumar as formas, suavizar as curvas e nomear as camadas.
Guarde o ICO
O ICO é a fonte. Se o traçado não ficar bom, você vai querer o ICO para tentar de novo com outros ajustes.
Obtendo o melhor traçado ao converter ICO em SVG
Conte as cores que você espera
Antes de converter ICO em SVG, olhe o ícone e conte as cores. Um ícone com uma folha verde num quadrado branco pede duas ou três. Pedir esse número dá formas limpas que combinam com o design.
Cuide das bordas
A borda entre duas cores num ícone pequeno é uma linha suave de tons intermediários, porque a imagem foi suavizada quando desenhada. O traçado precisa decidir onde fica a borda dentro dessa linha suave. Ele escolhe o meio, o que quase sempre está certo.
Pense no fundo
Se o ícone tem fundo transparente, ele continua vazio. Se tem um quadrado colorido atrás da marca, o traçado o incluirá como forma, que você pode querer apagar para que a marca possa assentar sobre outras cores.
Perguntas que as pessoas fazem antes de converter
Vou recuperar o meu vetor original?
Não. Traçar é um palpite, não uma recuperação. Ele propõe formas que seguem as bordas das cores da imagem.
Por que o resultado fica grosseiro?
Porque um ícone é pequeno, muitas vezes 48 ou 256 pixels, e há pouco para traçar. A resposta é uma origem maior, não outro ajuste.
Qual tamanho dentro do ICO é usado?
O navegador entrega um deles, geralmente o maior. Os outros não são lidos.
A transparência continua?
Sim. Um fundo transparente continua vazio.
O meu ícone é enviado?
Não. A conversão roda no seu navegador e o ícone nunca sai do seu dispositivo.
Posso voltar a um ICO?
Sim. SVG para ICO desenha as formas em seis tamanhos e as empacota num só arquivo.
Escolhendo com sabedoria ao converter ICO em SVG
Traçar ou manter?
Trace os ícones chapados. Mantenha o que parecer fotografia. Se estiver em dúvida, tente traçar e veja o resultado ao lado do original.
Outros pontos de partida
Se você tem um PNG da marca, PNG para SVG parte de mais pixels. Se tem um JPG, JPG para SVG funciona do mesmo jeito, embora o ruído de compressão exija atenção.
Guarde aquilo com que você começou
Guarde o ICO ao lado do SVG. São coisas diferentes, e cada uma tem o seu uso.
Obtendo um bom resultado depois da conversão
Abra num programa de desenho
Olhe as formas e as cores. Apague pontinhos soltos, una formas que deveriam ser uma só e suavize curvas que saíram irregulares.
Confira em vários tamanhos
Dê zoom para mais e para menos. Um bom traçado mantém a forma em todos os tamanhos.
Refaça se a marca importa
Para uma marca de empresa, use o traçado como guia e redesenhe-a com limpeza. Uma hora de trabalho dá um arquivo que você pode usar por anos.
Aproveitando ao máximo um ícone traçado
Use onde o dimensionamento importa
A grande vantagem do resultado é que ele se dimensiona. Use-o para o cartaz, a placa, o patch bordado ou o adesivo e aproveite para não ter de caçar um arquivo maior. Quando precisar de imagens de pixels de novo, a ferramenta de SVG para PNG desenha as formas em qualquer tamanho que você escolher.
Recolora com facilidade
Como cada área é uma forma com preenchimento, trocar uma cor é só selecionar a forma e escolher outra. Esse costuma ser o motivo pelo qual as pessoas convertem ICO em SVG: um ícone na cor errada, ou uma versão que precisa funcionar num fundo escuro.
Reconstrua o conjunto de tamanhos
Depois de ter um SVG limpo, você pode produzir arquivos de ícone em todos os tamanhos de que precisa, incluindo um novo favicon, com SVG para ICO. O novo arquivo conterá cada tamanho desenhado de novo a partir das formas, o que é mais nítido que as cópias reduzidas do antigo.
Cuidado com o trabalho dos outros
Traçar um ícone não lhe dá direitos sobre ele. Use a conversão para marcas que você possui ou que tem permissão de usar. Para os seus próprios logotipos antigos, é um jeito conveniente de atualizá-los.
Guarde os ajustes de que gostou
Quando você achar um número de cores que funciona para um tipo de ícone, anote. Da próxima vez que converter ICO em SVG para uma marca parecida, você começará com um ajuste que sabe que dá formas limpas.
Privacidade e tratamento
Por que a conversão local importa para artes
Marcas e designs podem ser confidenciais antes de publicados. Muitos conversores on-line enviam o seu arquivo a um servidor, processam e devolvem o resultado, e por um tempo uma cópia fica numa máquina que você não controla. Aqui o seu próprio navegador faz o trabalho, então o ícone fica no seu dispositivo.
O que acontece quando você sai
Quando você fecha a página, o arquivo convertido some do navegador, então baixe-o antes. Nada sobre o seu ícone é guardado.
Se algo der errado
O traçado parece irregular
O ícone é pequeno e tem pouco detalhe. Procure uma origem maior ou arrume as formas num programa de desenho.
Parece que foi lido o tamanho errado
Só um tamanho é entregue, geralmente o maior. Se for de má qualidade, ache uma origem melhor.
A página não abre o meu arquivo
Confira se é um ICO de verdade e não um PNG renomeado. Se for um PNG, use PNG para SVG.
Ferramentas relacionadas
A mesma família de ferramentas cobre os trabalhos vizinhos. Para um PNG, use PNG para SVG e, para um JPG, JPG para SVG. Para voltar a pixels ou a um ícone, SVG para ICO, SVG para PNG e SVG para JPG desenham as formas no tamanho que você escolher. Uma página vetorial para impressão vem de SVG para PDF.
Um exemplo resolvido
Digamos que você herda um site cujo único vestígio do logotipo é um favicon: uma folha verde sobre fundo transparente. Você precisa da folha para um banner impresso. Solta o ICO aqui, escolhe o traçado com duas cores e aperta o botão. Um instante depois baixa um SVG em que a folha é uma forma verde limpa. Abre-o num programa de desenho, suaviza dois cantos e o dimensiona para o banner. As bordas continuam nítidas. O ICO fica na sua pasta.
Uma lista de conferência curta
Antes de converter
Procure uma origem maior da marca. Confira se o ícone é uma arte chapada. Guarde o ICO.
Durante a conversão
Escolha traçar ou manter e defina as cores. Fique na página até o arquivo ficar pronto.
Depois de converter
Abra o SVG, dê zoom, compare com o ícone e arrume-o num programa de desenho.
Erros comuns
Esperar detalhes que nunca existiram
Com dezesseis pixels nunca houve o bastante para achar. Não converta ICO em SVG esperando linhas finas.
Traçar um avatar de foto
Uma fotografia em miniatura vira um cartaz de manchas. Mantenha como veio.
Usar cores demais
Mais cores dão formas ruidosas. Use tão poucas quanto o ícone precisar.
O seu ícone fica no seu dispositivo
A conversão acontece localmente. O seu ícone é lido pelo seu próprio navegador, traçado ali e devolvido como SVG. Nada é enviado, então nenhuma cópia fica num servidor e ninguém mais pode vê-lo. Para marcas não publicadas, essa é a maneira segura de converter ICO em SVG.
Resumo
Para converter ICO em SVG aqui, solte o ícone, escolha o que acontece com ele e aperte o botão. Você escolhe: a imagem vira formas, ou continua exatamente como veio, e o que cada escolha custa está escrito nesta página, antes de você gastar tempo. A transparência é mantida, e também a cor chapada e nítida de que um ícone costuma ser feito, que é o único tipo de imagem que traça quase com perfeição, porque foi desenhado em cor chapada desde o começo. Um .ico guarda vários tamanhos num só arquivo e o navegador entrega um deles, geralmente o maior; os outros não são lidos. Mesmo o maior é pequeno, muitas vezes 48 ou 256 pixels, então há pouco para traçar. Se o resultado parecer grosseiro, a resposta é uma origem maior, não outro ajuste.