Gráficos vectoriales escalables (SVG): formato y ventajas

Nuestra sed de información

¡Más más más! Para algunos de nosotros, este es nuestro mantra cuando se trata de información. No sólo eso, sino que no puede llegar lo suficientemente pronto. Si no está convencido, considere la última vez que buscó indicaciones para llegar al destino de la noche o información meteorológica actual. Unos cuantos toques en tu teléfono celular y la información apareció mágicamente. ¿Pero sucedió tan rápido como te gustaría? Si es honesto consigo mismo, la respuesta probablemente sea “no”. Además, gran parte de la información que requerimos está orientada gráficamente, lo que aumenta el volumen. No es exactamente un ahorro de tiempo. Al final, se deben emplear métodos eficientes para representar esta información. Ahí es donde entran en juego los gráficos vectoriales escalables.

¿Qué son los gráficos vectoriales escalables (SVG)?

Scalable Vector Graphics (SVG) es una tecnología que le permite trabajar y almacenar de manera eficiente cualquier tipo de imagen. Por ejemplo, se puede utilizar para codificar temas más aleatorios como la naturaleza y la vida silvestre, pero realmente brilla para imágenes construidas a partir de formas geométricas, como mapas. La tecnología consta de dos partes:

• Formato: esta es una especificación que detalla cómo se codifica una imagen cuando se almacena digitalmente. Hablaremos más sobre eso en la siguiente sección.
• API: esta es una interfaz de programación de aplicaciones que detalla los diversos comandos de programación que se pueden usar para manipular una imagen codificada de esta manera.

¿Qué formato utiliza SVG?

Los archivos SVG son archivos de texto. Utilizan un lenguaje conocido como Lenguaje de marcado extensible (XML) para codificar la información. Este lenguaje es bastante sencillo y utiliza una serie de etiquetas de apertura y cierre para transmitir la información necesaria.

Además de la primitiva elipse utilizada en el ejemplo anterior, los elementos pueden incluir:

• Formas: son líneas, rectángulos, círculos y primitivas que se pueden representar matemáticamente.
• Texto: es cualquier carácter que puedes escribir en un teclado.
• Gráficos rasterizados: son elementos de imagen (píxeles) que representan los puntos de una imagen.
• Tablas de colores: son listas que describen los valores de color utilizados para texto, formas o gráficos rasterizados.

Ventajas de SVG

SVG se desarrolló en una época en la que los recursos informáticos eran escaso. Por lo tanto, no sorprenderá que proporcione lo siguiente:

• Ahorro de espacio: el formato de archivo contiene instrucciones sobre cómo se crea la imagen, no la información en sí.
• Velocidad de procesamiento: hay menos información para procesar, lo que aumenta la velocidad de salida.
• Velocidad de transmisión: hay menos información para transferir, lo que aumenta la velocidad de transferencia.
• Escalabilidad: las imágenes se pueden representar en cualquier tamaño y en cualquier momento. La información almacenada indica la posición RELATIVA de los elementos, por lo que se pueden multiplicar uniformemente para aumentar o reducir el tamaño.

Se podría pensar que con los recursos que tienen las computadoras actuales, SVG sería menos importante. Pero ese no es el caso. La prevalencia de teléfonos móviles y tabletas ha renovado la idea de un entorno con recursos limitados y ha hecho que SVG sea tan relevante como lo era en el pasado.

Resumen de la lección

En resumen, Scalable Vector Graphics (SVG) es una tecnología que le permite trabajar y almacenar una variedad de imágenes. Tiene dos partes, un formato y una API. Los archivos SVG son archivos de texto que utilizan el lenguaje de marcado extensible (XML) para codificar la información. El formato utiliza una serie de primitivos: formas, texto, gráficos rasterizados y tablas de colores para crear una imagen. El formato también ofrece un par de ventajas dignas de mención: ahorro de espacio, velocidad de procesamiento, velocidad de transmisión y escalabilidad.