Cómo convertir imágenes JPG y PNG a SVG
- Categoría: Desarrollo
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 que se muestren. Las imágenes tradicionales se ven mal cuando las amplía 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 recreado los logotipos de empresas 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 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 utilizar editores de gráficos vectoriales como Adobe Illustrator (nuestro sin enlaces a la política de Adobe sigue en pie), Inkscape o LibreOffice Draw para eso.
LibreOffice Draw
Para ventanas
Descargar ahoraHay 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.
- Magia vectorial - 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 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.
- Vectorizador - 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
Descargar ahoraAhora tu: ¿Conoce otro servicio o programa en línea para convertir imágenes a formato SVG?