Introducción breve a SVG

El tema principal de este blog será programar usando el estándar SVG de ficheros vectoriales. Ese estándar es muy similar a SWF, aunque tiene diferentes ventajas e inconvenientes diferentes a SWF.

El principal inconveniente es que a penas está extendido en Internet, solo son compatibles Opera, Google Chrome y Firefox. Internet Explorer puede ser compatible con una extensión de Adobe que se instala a parte, pero pocos usuarios estarían dispuestos a instalarla. Actualmente más del 25% de navegadores del mundo estarían en condiciones de usar SVG sin problemas, aunque este porcentaje va en aumento constante. (1)

Otro motivo de su poco uso es que a penas hay recursos para SVG (foros, tutoriales...), mientras que para SWF hay bastantes más.

Como ventajas de SVG destacaría que es un formato basado en texto y lenguaje XML. Esto es que permite ser creado fácilmente sin necesidad de usarse bibliotecas adicionales por cualquier programa. Otra ventaja, es que es un formato libre, sin patentes ni regalías (royalties), y que puede ser usado sin problemas.

En cuanto a programación, se utiliza ECMAScript, que es un lenguaje similar a Java Script.

Los ficheros SVG siempre guardan el carácter de abiertos (a no ser que se use un ofuscador de código), ya que no se compilan y llevan todo el código visible. Los ficheros SWF se crean a partir de ficheros FLA con todo "el material" y se distribuyen "compilados", en formato SWF (hay aplicaciones especiales que permiten descompilarlos, aunque nunca se llega a recuperar el código original).

Otra ventaja de SVG es que permite usar ficheros CSS de estilo, y que se integran mejor en las páginas web. Por último, destacaría que al ser un formato XML, es menos probable que surgan problemas de compatibilidad con versiones diferentes de SVG.

En cuanto a soporte para teléfonos móviles, PDAs... el formato SVG suele ser bastante compatible mediante unas versiones reducidas llamadas SVG Tiny y SVG Basic. Estas versiones no tienen las mismas posibilidades que la versión completa (no tienen filtros, por ejemplo). Aunque muchos modelos no se limitan a SVG Tiny y SVG Basic incluyen algunas características del formato SVG completo.

A la hora de decidirse por uno o otro hay que valorar las ventajas de cada uno.