Imagen vectorial

Una imagen vectorial describe contenido visual mediante primitivas matemáticas - puntos (anclas), líneas (trazados), curvas (curvas de Bézier) y rellenos - en lugar de una cuadrícula fija de píxeles. Dado que la imagen se almacena como un conjunto de instrucciones de dibujo, puede escalarse a cualquier tamaño sin degradación. Esto hace que los gráficos vectoriales sean el formato preferido para logotipos, iconos, tipografía e ilustraciones técnicas.

• Independencia de resolución: Las imágenes vectoriales se recalculan en tiempo de renderizado para coincidir con la resolución del dispositivo de salida. Un solo archivo SVG sirve igualmente bien en una pantalla móvil y en una impresión de tamaño cartelera
• Características del tamaño de archivo: Las formas geométricas simples producen archivos extremadamente compactos comparados con imágenes rasterizadas equivalentes. Sin embargo, ilustraciones muy detalladas con miles de trazados y gradientes complejos pueden resultar en archivos grandes
• Formatos principales: SVG (Gráficos Vectoriales Escalables) es el estándar web. Los flujos de trabajo de impresión dependen de los formatos AI (Adobe Illustrator), EPS y PDF

En el desarrollo web, SVG puede incrustarse en línea en HTML, permitiendo estilos CSS y animaciones controladas por JavaScript en elementos individuales. Elementos como <path>, <circle> y <rect> dentro de un contenedor <svg> son direccionables independientemente a través del DOM, haciendo de SVG la opción ideal para visualizaciones de datos interactivas, sistemas de iconos y componentes de UI animados. Herramientas como D3.js y Snap.svg aprovechan ampliamente esta capacidad.