Mientras navega por la web, es posible que se haya encontrado con archivos gráficos con una extensión “SVG”. ¿Qué tienen de especial estos archivos y cómo puede verlos? Te lo explicamos.

¿Qué es un archivo SVG?

En el contexto de los gráficos por computadora, SVG significa “Gráficos vectoriales escalables”. Un archivo SVG es un archivo informático que utiliza el estándar SVG, definido por el World Wide Web Consortium, para mostrar una imagen.

Los formatos de imagen típicos, como JPG, PNG y GIF, utilizan gráficos ráster, lo que significa que muestran una imagen almacenando una cuadrícula de píxeles, llamada mapa de bits. El color y la ubicación de cada píxel se almacenan en el archivo. Si escala una imagen ráster más grande de lo previsto, la imagen se vuelve irregular y borrosa.

Por el contrario, las imágenes SVG utilizan gráficos vectoriales para definir una imagen. En una imagen de gráficos vectoriales, la imagen se almacena matemáticamente como una serie de instrucciones que le dicen a un programa de visualización cómo “dibujar” la imagen en su pantalla. Dado que el dibujo puede tener lugar en cualquier tamaño, los archivos SVG son independientes de la resolución. Se pueden escalar más grandes o más pequeños sin perder calidad o nitidez.

¿Cuál es el punto del formato SVG?

Dado que los archivos SVG se pueden escalar a cualquier tamaño sin pérdida de detalles, pueden producir gráficos muy suaves con un tamaño de archivo relativamente pequeño en comparación con los gráficos ráster. También están más preparadas para el futuro que las imágenes de mapa de bits, ya que se pueden escalar a resoluciones más grandes en pantallas futuras sin perder calidad.

Además, SVG es un estándar abierto que se puede incluir en la visualización de aplicaciones y navegadores libres de regalías, lo que significa que los desarrolladores de aplicaciones no necesitan pagar dinero para usarlo. SVG utiliza XML, otro estándar abierto, para codificar gráficos bidimensionales de una manera que es fácil de leer y modificar para las aplicaciones.

¿Cómo puedo ver un archivo SVG?

Todos los navegadores web modernos admiten la visualización de archivos SVG. Eso incluye Chrome, Edge, Firefox y Safari. Entonces, si tiene un SVG y no puede abrirlo con nada más, abra su navegador favorito, seleccione Archivo > Abrir, luego elija el archivo SVG que desea ver. Aparecerá en la ventana de su navegador.

Alternativamente, puede usar un convertidor en línea gratuito como SVGtoPNG.com para convertir un archivo SVG a un formato ráster que puede ver mediante aplicaciones de visualización de imágenes convencionales. Sin embargo, una vez que convierta el SVG a un formato ráster como PNG, perderá la capacidad de escalar la imagen a diferentes tamaños mientras conserva la misma nitidez y detalle.

¿Cómo creo o edito un archivo SVG?

Para crear o editar un archivo SVG, necesitarás una aplicación que admita el formato. Adobe Illustrator, conocido por crear ilustraciones basadas en vectores, de forma nativa admite la carga y el almacenamiento de archivos en formato SVG. Además Inkscape y GIMP son dos programas gratuitos que pueden guardar ilustraciones en formato SVG. Para otros programas como Adobe Photoshop e InDesign, puede comprar un complemento que admita SVG, como Kit SVG para Adobe Creative Suite.

Mientras que los formatos de gráficos vectoriales de la competencia han existido desde el amanecer de los gráficos por computadora en sí mismo, el amplio soporte y la naturaleza abierta de SVG significa que este estándar de gráficos probablemente estará con nosotros durante mucho tiempo.