Como converter imagens JPG e PNG em SVG

Formatos de imagem tradicionais, como JPG, PNG ou GIF, são muito populares, mas apresentam desvantagens que tornam seu uso menos do que o ideal para determinadas aplicações.

Se você criar um site responsivo, por exemplo, deseja imagens com boa aparência, independentemente da largura e altura em que são exibidas. Imagens tradicionais ficam ruins quando você as aumenta demais, por exemplo.

Pode ser necessário exibir a imagem em tamanhos diferentes também, por exemplo, como uma miniatura na página de índice de um blog e como uma imagem de alta resolução no artigo vinculado.

Embora você possa criar versões diferentes de uma única imagem para escolher a mais apropriada, isso significa que você precisa de mais armazenamento para isso, entre outras coisas.

O formato da imagem SVG é um formato vetorial. Isso significa que seu tamanho pode ser diminuído ou aumentado sem perda de qualidade (escalável). Isso é ótimo se você precisar exibir a imagem em vários locais usando diferentes resoluções.

Outras vantagens do SVG são que seu tamanho geralmente é muito menor e oferece aos webmasters alguma flexibilidade quando se trata de fazer alterações, pois algumas podem ser feitas diretamente no CSS.

Um exemplo: Terence Eden recriou os logotipos de empresas populares da Internet como Twitter, Amazon, WhatsApp, YouTube ou Reddit no SVG. O tamanho dos logotipos foi reduzido para menos de 1 Kilobyte, às vezes tão baixo quanto 200 bytes. O logotipo do Twitter no formato PNG, por exemplo, tem um tamanho de 20 Kilobytes, a versão SVG tem um tamanho de 397 bytes.

O SVG é um bom formato para logotipos e ícones, mas não é realmente adequado quando se trata de fotos e outros tipos de imagens que mostram muitos objetos diferentes.

Convertendo para SVG

Este guia concentra-se nos aplicativos que você pode usar para converter imagens em SVG diretamente. Este não é um tutorial sobre o uso de aplicativos projetados para criar gráficos vetoriais do zero. Você pode usar editores de gráficos vetoriais como o Adobe Illustrator (ainda não existem links para a política da Adobe), o Inkscape ou o LibreOffice Draw.

Existem muitos conversores gratuitos que você pode executar on-line, mas eles são bastante limitados no que diz respeito ao processo de conversão. Embora possam ser suficientes para converter um logotipo simples disponível como png ou jpg em svg, os resultados não são muito bons na maioria das vezes.

Aqui está como eu avaliei os serviços: baixei o logotipo Ghacks e tentei as conversões em várias dezenas de conversores SVG. Julguei o resultado e descartei qualquer serviço que não apresentasse bons resultados.

  • Aconvert - O serviço usa um arquivo local ou uma URL como entrada. A única opção que ele fornece é alterar a resolução da imagem. A imagem resultante parecia o logotipo Ghacks, mas seu tamanho era quase o dobro do tamanho da versão PNG do logotipo.
  • Vector Magic - Disponível como um conversor online e um programa de desktop para Windows. No entanto, não é gratuito (on-line custa US $ 7, 95 por mês, edição para desktop um pagamento único de US $ 295). Os resultados da edição online são ótimos, no entanto, e você tem muitas opções para editar ou modificar configurações, além de uma exibição lado a lado da imagem original e da cópia svg.
  • Vectorizer - Outro serviço gratuito. Este vem com um assistente que você pode escolher os melhores parâmetros de saída (desfoque, cores) ou pode defini-los diretamente. Os resultados foram bons com alguns ajustes, e o tamanho da imagem resultante foi um terço menor que o logotipo PNG original.

Agora você: conhece outro serviço ou programa online para converter imagens em formato SVG?