Formato SVG

Para muchos, incluso algunos diseñadores web, el formato SVG es totalmente desconocido. Tampoco es un formato del que se comente mucho y el nivel de penetración del formato es escaso. Vamos a ver en qué consiste y por qué es tan importante para el futuro.

El formato SVG

El formato SVG es un formato gráfico vectorial. Con él podemos representar imágenes y ampliarlas cuantas veces queramos, que no perderán definición. No son mapas de bits como el GIF, JPG o PNG, sino que son fórmulas matemáticas que se utilizan para representar el gráfico, incluyendo textos y tipos de letra, lo mismo que haríamos con el Corel Draw! o el Adobe Ilustrator.

Su importancia radica en el hecho de que actualmente la web está llena de gráficos y vídeos en Flash, que es propietario de Macromedia, y dada la cantidad de webs que han optado por Flash, se ven obligados a incorporar plugins capaces de reproducir Flash externas al propio navegador. Esto da bastantes problemas, de seguridad del navegador, cuelgues, consumos excesivos e incontrolados de CPU, problemas con el sonido , etc. Otro problema es que quizá Macromedia decida en el futuro hacer más estricto el formato o cobrar un dinero por poder utilizar su plugin, o sea, estamos a merced de lo que decida hacer una empresa privada.

Esto no es nada bueno, ya que la web debería ser un sitio estándar, tal y como nació con el HTML, que cualquiera en su casa, con su navegador de elección, su sistema operativo o su máquina, vieja, nueva, PDA, laptop o móvil pueda ver las páginas con normalidad. Para conseguir ésto, y dado que cada fabricante sólo busca que conseguir establecer sus formatos, nació la w3c, organismo encargado de buscar los estándars de la web, elegir los formatos y preservar la sostenibilidad de la evolución de la web.

Pues bien, aquí es donde entra en juego el formato SVG. Este formato es un formato abierto, estándar y basado en XML con el que podemos hacer todo lo que hacemos en Flash, y muchas otras cosas. Utilizando SVG nos evitamos tener que estar pendientes de lo que haga una empresa privada que, por ejemplo, no da soporte Flash en Linux 64 bits, o que mañana puede decidir cambiar su estrategia de gratuidad.

Entre las ventajas del SVG figuran:
– Tiene todas las ventajas de los formatos vectoriales: posibilidad de ampliación de mapas e imágenes sin pérdida de calidad yposee contornos suavizados y transparencias.
– Al ser XML el contenido es puro texto, editable incluso por un editor ASCII como el Notepad o el vi. Esto hace que el texto contenido dentro de un SVG sea indexable por buscadores.s
– Puede contener tipos de letra True Type y Tipo 1.
– Puede contener imágenes en mapa de bits si se necesita.
– Ocupa muy poco.
– Soporta hojas de estilo CSS, esto hace que podamos cambiar estilos del gráfico vectorial desde el CSS, por ejemplo, si cambiamos un tipo de letra de nuestra página en el CSS cambiaría también dentro del gráfico.
– Puede contener scripts que modificarían el gráfico dinámicamente.
– Admite efectos visuales al pasar el ratón o hacer clic, etiquetas informativas, efectos de sonido y visuales.
– Se pueden crear gráficos dinámicamente en el servidor, por ejemplo, podemos crear un gráfico en tiempo real de gran calidad con el porcentaje de votos de unas elecciones.
– Multitud de ventajas para el programador y diseñador web.
– Actualmente tanto Mozilla, Konkeror y Safari soportan SVG nativamente.

Por todas estas razones es de vital importancia para el futuro de la web la promoción y difusión de este formato, estándar y abierto, para que se empiece a utilizar masivamente en las webs y poco a poco exista una alternativa estándar al Flash. Con esto también conseguiríamos que el eterno incompatible, Explorer, lo incluyera nativamente en próximas versiones. Por ahora, parece que Adobe ha considerado que estaba tirando piedras contra su propio tejado con el plugin visor de SVG y ha descontinuado el soporte. De todos modos se pueden encontrar otras plugins para Explorer, o instalar la descontinuada de Adobe, o se puede optar por Firefox bajo Windows, etc.

Si utilizamos un navegador compatible SVG o instalamos el plugin estamos contribuyendo al mantenimiento de los estándares y ayudando al avance de la web hacia páginas web más completas, más compatibles y más estándar.

8 Responses to “Formato SVG”


  1. 1 Maza 6 May 2008 a las 23:18

    Justo hoy acabo de empezar a investigar sobre SVG, parece muy interesante… por ahora sigo con mis PNG.
    Saludos

  2. 2 El Tux Eléctrico 9 May 2008 a las 18:52

    Ya sabes que la transparencia de los PNG no funciona en Explorer 6.0

    • 3 Matías 10 Dic 2009 a las 18:18

      Ya sabés que los svg sólo funcionan en FireFox? no funcionan en IE, ni en Chrome, ni en Opera ni en Safari… Aparte de que son muy lentos para renderizar.

      SVG, como AI son formatos para imprentas, no para desarrollo web.

      • 4 El Tux Eléctrico 10 Dic 2009 a las 18:55

        Espero no disgustarte, pero SVG funciona perfectamente en Safari (tengo un MAC aquí) y en cualquier otro navegador que esté basado en Webkit, como son Konqueror y Chrome. Actualmente todos los navegadores, excepto Explorer, son compatibles con los estándares que propone el consorcio W3C para el desarrollo web, y todos están ya trabajando para dar el máximo soporte al nuevo estándar HTML5.

        SVG es el estándar propuesto por el consorcio W3C para la representación de gráficos vectoriales en la red, su tiempo de renderizado es semejante al de cualquier otro formato vectorial, y muchos proyectos Open Source, como Wikipedia o Commons, lo utilizan masivamente.

  3. 5 tibiri tabaras 9 Ago 2009 a las 5:02

    son buenas noticias,

    esta bueno tu blog.

  4. 6 Kirax 13 Abr 2011 a las 1:13

    buenoe el formato SVG lo utilizo bastante en pasar de un archivo AI a CDR, cosa que es el mejor compilador que haya provado hasta el momento


  1. 1 Adobe liberará las especificaciones de FLASH « La máquina diferencial Trackback en 17 May 2008 a las 12:29
  2. 2 Adobe liberará las especificaciones de FLASH « La máquina diferencial Trackback en 17 May 2008 a las 12:51

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s




Add to Technorati Favorites
Creative Commons License
Esta obra está bajo una licencia de Creative Commons

Archivos

Wikio – Top Blogs – Linux

Introduce tu dirección de email para suscribirte al blog y recibir notificaciones de nuevos posts en tu email.

Únete a otros 390 seguidores


A %d blogueros les gusta esto: