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 la altura en que se muestran. Las imágenes tradicionales se ven mal cuando las amplía demasiado, por ejemplo.

Es posible que también necesite 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 elegir 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 más pequeño y que les da 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 populares de Internet 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 iconos, pero no es realmente adecuado cuando se trata de fotos y otros tipos de imágenes que muestran muchos objetos diferentes.

Convertir a SVG

Esta guía se concentra en las aplicaciones que puede usar 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 (nuestros enlaces a la política de Adobe aún no se mantienen), Inkscape o LibreOffice Draw para eso.

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

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 ofreciera buenos resultados.

  • Aconvert: el servicio toma un archivo local o una URL como entrada. La única opción que proporciona 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, la edición de escritorio es 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 configuraciones, 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 menor que el logotipo PNG original.

Ahora usted: ¿ Conoce otro servicio o programa en línea para convertir imágenes al formato SVG?