Gráficos vectoriales escalables (SVG): definición y ejemplos

La necesidad de velocidad

El mundo no es suficiente, como dice el refrán. Con frecuencia nos convencemos de que queremos algo nuevo. Y no solo queremos más, sino que lo queremos ayer. Si no está de acuerdo, considere la última vez que quiso obtener información en su teléfono celular o tableta. ¿Podría detenerse en una sola búsqueda? ¿Ocurrió lo suficientemente rápido? Para la mayoría de nosotros, las respuestas son «no» y «no». Resulta que mucha de la información que queremos es de naturaleza gráfica. Para satisfacer nuestra constante necesidad de velocidad, se debe utilizar un método eficaz para recopilar esta información. Una forma es mediante el uso de gráficos vectoriales escalables.

¿Qué son los gráficos vectoriales escalables?

Scalable Vector Graphics (SVG) es una herramienta para trabajar con imágenes bidimensionales. Hay dos tipos de información que componen un SVG. La primera es una especificación de formato de archivo que describe cómo se representa una imagen cuando se almacena electrónicamente (indicada con una extensión de archivo ‘.SVG’). Los elementos de la especificación incluyen:

• Formas : primitivas como líneas, rectángulos y círculos que se pueden representar matemáticamente.
• Caracteres : símbolos numéricos y alfabéticos que también se pueden representar matemáticamente.
• Gráficos de trama : imágenes que se describen mediante elementos de imagen (píxeles).
• Mapas de color : listas que describen los valores de color utilizados.

La segunda parte de la herramienta SVG es una interfaz de programación de aplicaciones (API) que describe cómo se puede manipular una imagen mediante programación. En conjunto, estas capacidades proporcionan un medio eficaz para almacenar y procesar imágenes.

¿Por qué utilizamos gráficos vectoriales escalables?

SVG se desarrolló en una época en la que los recursos informáticos eran un bien escaso. Como resultado, SVG tiene las siguientes características:

• Espacio : SVG usa el espacio de manera eficiente, el formato de archivo contiene solo la información que describe cómo se construye una imagen, no toda la información en sí.
• Velocidad de procesamiento : los archivos SVG se pueden procesar más rápido, hay menos información para procesar, lo que aumenta la velocidad de procesamiento.
• Velocidad de transmisión : los archivos SVG se pueden transmitir más rápido, hay menos información para transferir, lo que aumenta la velocidad de transferencia.
• Escalabilidad : el archivo SVG se puede renderizar en cualquier tamaño sin pérdida de información o fidelidad. Esto está directamente relacionado con los elementos que componen su formato de archivo.

Hoy, estos aspectos de SVG son menos importantes en las computadoras tradicionales porque tienen más recursos para jugar. Pero como verá, SVG ha encontrado un nuevo hogar en los diversos dispositivos portátiles y aplicaciones específicas que usamos mucho en la actualidad. Hablaremos más sobre ellos en la siguiente sección.

¿Cuáles son algunos ejemplos de gráficos vectoriales escalables?

SVG se utiliza en varias aplicaciones en estos días. Algunos de los notables son los siguientes:

• Móvil : SVG forma la base de los sistemas gráficos en dispositivos como teléfonos móviles y tabletas donde el espacio y la velocidad de transmisión son importantes.
• Imprimir : SVG se adapta bien a las aplicaciones de impresión porque utiliza menos espacio y se adapta perfectamente a los distintos lugares donde aparece la impresión.
• Aplicaciones web : SVG se utiliza en aplicaciones web porque reduce la cantidad de información que debe transmitirse de un lugar a otro.
• GIS y mapeo : SVG se utiliza en representaciones geográficas porque escala sin problemas independientemente de dónde se presente la información.

Resumen de la lección

En resumen, Scalable Vector Graphics (SVG) es un método para trabajar con imágenes bidimensionales. Consta de dos partes: un formato de archivo compuesto por diferentes elementos como gráficos rasterizados y formas y una API que tiene información sobre cómo se puede manipular la imagen. SVG es popular porque hace un uso eficiente del espacio , la velocidad y la escalabilidad . Hoy en día, SVG se utiliza en varios lugares, como teléfonos móviles y tabletas, aplicaciones web , GIS y cartografía .

Rodrigo Ricardo Editor y fundador