Cómo convertir imágenes JPG y PNG a SVG

Los formatos de imagen tradicionales como JPG, PNG o GIF son muy populares, pero tienen desventajas que hacen que su uso sea menos que ideal para ciertas aplicaciones.

Si crea un sitio web receptivo, por ejemplo, desea imágenes que se vean bien independientemente del ancho y alto en el que se muestran. Las imágenes tradicionales se ven mal cuando las agrandas demasiado, por ejemplo.

Es posible que también deba mostrar la imagen en diferentes tamaños, por ejemplo, como una miniatura en la página de índice de un blog y como una imagen de resolución completa en el artículo vinculado.

Si bien puede crear diferentes versiones de una sola imagen para que se elija la más adecuada, significa que necesita más almacenamiento para eso, entre otras cosas.

El formato de imagen SVG es un formato vectorial. Esto significa que su tamaño se puede disminuir o aumentar sin pérdida de calidad (escalable). Eso es genial si necesita mostrar la imagen en varios lugares con diferentes resoluciones.

Otras ventajas del SVG son que su tamaño suele ser mucho menor y que ofrece a los webmasters cierta flexibilidad a la hora de realizar cambios, ya que algunos se pueden hacer directamente en CSS.

Un ejemplo: Terence Eden recreó los logotipos de compañías de Internet populares como Twitter, Amazon, WhatsApp, YouTube o Reddit en SVG. El tamaño de los logotipos se redujo a menos de 1 kilobyte, a veces tan bajo como 200 bytes. El logotipo de Twitter en formato PNG, por ejemplo, tiene un tamaño de 20 Kilobytes, la versión SVG tiene un tamaño de 397 bytes.

SVG es un buen formato para logotipos e íconos, pero no es realmente adecuado cuando se trata de fotos y otros tipos de imágenes que muestran muchos objetos diferentes.

Conversión a SVG

Esta guía se concentra en las aplicaciones que puede utilizar para convertir imágenes a SVG directamente. Este no es un tutorial sobre el uso de aplicaciones diseñadas para crear gráficos vectoriales desde cero. Puede usar editores de gráficos vectoriales como Adobe Illustrator (nuestra política de no enlaces a Adobe sigue vigente), Inkscape o LibreOffice Draw para eso.

LibreOffice Draw

Para ventanas

Hay muchos convertidores gratuitos disponibles que puede ejecutar en línea, pero son bastante limitados en lo que respecta al proceso de conversión. Si bien pueden ser suficientes para convertir un logotipo simple que está disponible como png o jpg a svg, los resultados no son muy buenos la mayor parte del tiempo.

Así es como evalué los servicios: descargué el logotipo de Ghacks y probé las conversiones en varias docenas de convertidores SVG. Juzgué el resultado y descarté cualquier servicio que no arrojara buenos resultados.

• Aconvert: el servicio toma un archivo local o una URL como entrada. La única opción que ofrece es cambiar la resolución de la imagen. La imagen resultante se parecía al logotipo de Ghacks, pero su tamaño era casi el doble del tamaño de la versión PNG del logotipo.
• Vector Magic: disponible como convertidor en línea y programa de escritorio para Windows. Sin embargo, no es gratis (en línea cuesta $ 7.95 por mes, edición de escritorio con un pago único de $ 295). Sin embargo, los resultados de la edición en línea son excelentes y tiene muchas opciones para editar o modificar la configuración, y una visualización lado a lado de la imagen original y la copia svg.
• Vectorizer - Otro servicio gratuito. Este viene con un asistente que puede elegir los mejores parámetros de salida (desenfoque, colores), o puede configurarlos directamente. Los resultados fueron buenos con algunos ajustes, y el tamaño de la imagen resultante fue un tercio menos que el logo PNG original.

Magia vectorial

Para ventanas

Ahora tu: Conozca otro servicio o programa en línea para convertir imágenes a formato SVG?