Introducción a SVG

SVG es un lenguaje que utiliza XML para describir gráficos bidimensionales y programas de dibujo.

Conocimientos básicos necesarios antes de aprender:

Antes de continuar con el aprendizaje, debe tener una comprensión básica de lo siguiente:

  • HTML
  • Fundamentos de XML

Si desea aprender primero estos temas, por favor consulte en nuestro sitio webPágina principalElija el tutorial correspondiente.

¿Qué es SVG?

  • SVG significa Gráficos Vectoriales Escalables (Scalable Vector Graphics)
  • SVG se utiliza para definir gráficos vectoriales basados en la red
  • SVG utiliza el formato XML para definir gráficos
  • Las imágenes SVG no pierden calidad gráfica cuando se amplían o cambian de tamaño
  • SVG es un estándar de la World Wide Web Consortium
  • SVG y otros estándares de W3C como DOM y XSL son un todo

SVG es un estándar recomendado de W3C

SVG se convirtió en estándar recomendado de W3C el 14 de enero de 2003.

Para obtener más información sobre las actividades de SVG de W3C, por favor visite nuestro Tutorial W3C.

Historia y ventajas de SVG

En enero de 2003, SVG 1.1 se estableció como estándar W3C.

Las organizaciones que participaron en la definición de SVG incluyen Sun Microsystems, Adobe, Apple, IBM y Kodak.

Las ventajas de usar SVG en comparación con otros formatos de imágenes son:

  • SVG se puede leer y modificar por una gran cantidad de herramientas (como el Bloc de notas)
  • En comparación con las imágenes JPEG y GIF, SVG es más pequeño en tamaño y tiene una mayor capacidad de compresión
  • SVG es escalable
  • Las imágenes SVG se pueden imprimir a alta calidad en cualquier resolución
  • SVG se puede ampliar sin que la calidad de la imagen disminuya
  • El texto en las imágenes SVG es opcional y también es searchable (ideal para crear mapas)
  • SVG puede ejecutarse junto con la tecnología Java
  • SVG es un estándar abierto
  • Los archivos SVG son puros XML

El principal competidor de SVG es Flash.

En comparación con Flash, la mayor ventaja de SVG es su compatibilidad con otros estándares (como XSL y DOM), mientras que Flash es una tecnología privada sin código abierto.

Ver archivos SVG

Hoy en día, todos los navegadores admiten archivos SVG, excepto Internet Explorer que requiere la instalación de complementos. Los complementos son gratuitos, por ejemplo Visor SVG de Adobe.