Definición de SVG (formato gráfico)
Scalable Vector Graphics (SVG). Lenguaje abierto que permite crear gráficos vectoriales 2D basado en XML, tanto estáticos y como animados.
La mayoría de los navegadores soportan gráficos SVG, pues el formato ha sido recomendado por la W3C en septiembre de 2001.
Su principal competencia son los archivos flash de Macromedia Flash.
El formato SVG es especialmente útil cuando se trata de gráficos que necesitan ser escalados o redimensionados sin perder nitidez. Esto se debe a que se basa en vectores matemáticos, lo que significa que las imágenes pueden ser escaladas tanto como se desee sin perder calidad ni pixelarse.
Los gráficos SVG se pueden crear y editar con software específico, como Inkscape, y son adecuados para una amplia variedad de usos en línea, incluyendo la creación de logotipos, infografías y visualizaciones de datos.
Además, el uso de SVG en la web puede mejorar la accesibilidad para personas con discapacidades visuales, ya que las herramientas de lectura de pantalla pueden leer los elementos dentro de las imágenes SVG.
A pesar de la disponibilidad de alternativas como Flash, SVG sigue siendo una opción popular para la creación de gráficos vectoriales en línea debido a sus ventajas en términos de escalabilidad, rendimiento y accesibilidad.
Resumen: SVG
SVG es un lenguaje que se utiliza para crear gráficos en 2D y se basa en XML. Es compatible con la mayoría de navegadores y puede ser tanto estático como animado. Es competencia directa de Flash.
¿Qué es SVG y cuál es su función principal?
SVG es un lenguaje de marcado de gráficos vectoriales 2D que permite crear gráficos vectoriales escalables de alta calidad, independientes de la resolución y del tamaño del dispositivo en el que se visualizan.
¿Cuáles son las principales características de SVG?
SVG es un lenguaje basado en XML que permite la creación de gráficos vectoriales escalables y animados, compatibles con los principales navegadores web y sistemas operativos. También cuenta con una amplia gama de efectos visuales y filtros.
¿Cómo se usa SVG en el desarrollo web?
Para desarrollar gráficos vectoriales SVG, es necesario escribir el código SVG dentro de una página HTML. Es posible crear el código de forma manual o utilizar herramientas y editores SVG para simplificar el proceso.
¿Cuáles son las ventajas de utilizar SVG en el diseño gráfico?
La principal ventaja de utilizar SVG en el diseño gráfico es que los gráficos son escalables y se pueden ajustar a cualquier tamaño sin perder calidad, lo que los hace ideales para su uso en múltiples plataformas y dispositivos. Además, SVG es compatible con varios efectos y filtros visuales, lo que permite la creación de gráficos de alta calidad y llamativos.
¿Es posible exportar gráficos vectoriales SVG desde otros programas de diseño gráfico como Adobe Illustrator?
Sí, varios programas de diseño gráfico como Adobe Illustrator incluyen opciones de exportación SVG para crear archivos SVG a partir de gráficos vectoriales creados.
¿Qué navegadores web son compatibles con SVG?
La gran mayoría de los navegadores web modernos son compatibles con SVG, incluyendo Google Chrome, Firefox, Safari e Internet Explorer a partir de la versión 9. Sin embargo, es importante asegurarse de que los gráficos sigan siendo legibles y estén bien representados en todos los navegadores utilizados por los usuarios.
Formatos de ficheros gráficos y de imagen | Abrir/Cerrar |
Formatos de gráficos de mapa de bits (rasterizados) | art • bmp • cin • cpt • dpx • exr • fpx • gif • iff, ilbm, lbm • jpeg, jpg • jpg2, jp2 • mng • pbm • pcd • pcx • png • ppm • psd • sgi, rgb, rgba, int, inta, bw • tga, tpic • tiff, tif • raw • wbmp • xbm • xcf • xpm |
Formatos de gráficos vectoriales | ai • cdr • cgm • dxf • dwg • fh • fla • ps • svg, svgz • swf • sxd • wmf • xalm • xar |
Formatos rasterizados y vectoriales | eps • pdf • pict, pct, pic • px • pgm • psp |
Formatos de metaficheros | eps • pict |
Ver formato abierto.
Autor: Leandro Alegsa
Actualizado: 11-06-2023
¿Cómo citar este artículo?
Alegsa, Leandro. (2023). Definición de SVG. Recuperado de https://www.alegsa.com.ar/Dic/svg.php