Imagen vectorial
Una imagen digital definida por objetos matemáticos como puntos, trazados, curvas y rellenos. Se escala a cualquier tamaño sin pérdida de calidad.
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, las formas definidas por trazados mantienen bordes nítidos a cualquier escala. Los gráficos vectoriales se prestan a 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 puede servir tanto para una pantalla móvil como para una impresión de tamaño cartelera
- Características del tamaño de archivo: Las formas geométricas simples producen archivos 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. Entre los formatos usados en impresión están 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, por lo que SVG se usa en visualizaciones de datos interactivas, sistemas de iconos y componentes de UI animados, por ejemplo con D3.js.