Como converter imagens JPG e PNG para SVG

Os formatos de imagem tradicionais como JPG, PNG ou GIF são muito populares, mas têm desvantagens que tornam seu uso menos do que ideal para determinados aplicativos.

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

Você também pode precisar exibir a imagem em tamanhos diferentes, por exemplo, como uma miniatura na página de índice de um blog e como uma imagem de resolução completa no artigo vinculado.

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

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

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

Um exemplo: Terence Eden recriou os logotipos de empresas populares da Internet como Twitter, Amazon, WhatsApp, YouTube ou Reddit em 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.

SVG é um bom formato para logotipos e ícones, mas não é muito 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 para SVG diretamente. Este não é um tutorial sobre como usar aplicativos projetados para criar gráficos vetoriais do zero. Você pode usar editores de gráficos vetoriais como o Adobe Illustrator (nossos links para a política da Adobe ainda permanecem), Inkscape ou LibreOffice Draw para isso.

LibreOffice Draw

Para Windows

Muitos conversores gratuitos estão disponíveis para você executar online, mas eles são bastante limitados no que diz respeito ao processo de conversão. Embora possam ser suficientes para converter um logotipo simples que está 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: Eu baixei o logotipo do Ghacks e tentei as conversões em várias dezenas de conversores SVG. Julguei o resultado e descartei qualquer serviço que não entregasse bons resultados.

• Aconvert - O serviço pega um arquivo local ou um URL como entrada. A única opção que ele oferece é alterar a resolução da imagem. A imagem resultante parecia o logotipo da 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 é grátis (online custa $ 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 as configurações, e 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 você pode defini-los diretamente. Os resultados foram bons com alguns ajustes, e o tamanho da imagem resultante foi um terço menor do que o logotipo PNG original.

Vector Magic

Para Windows

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