SVG

SVG es un formato para crear grficos vectoriales, corresponde con las siglas Scalable Vector Graphics, que viene a significar Grficos Vectoriales Escalables. Este formato est basado en XML y su desarrollo est a cargo del consorcio W3C (World Wide Web Consortium).

Al margen de las exquisiteces dinmicas e interactivas de la famosa extensin .swf, existen otros formatos que hacen de los sitios online lugares divertidos y estimulantes de cara al usuario. Para empezar, el lenguaje javascript, combinado con opciones ms convencionales y simples, puede convertir un sitio esttico y aburrido en un lugar donde el navegante encuentra respuestas muy imaginativas a sus acciones en cada pgina que visita. La tecnologa java tambin es til, aunque a veces se emplea de forma innecesaria, consiguiendo que el usuario se irrite y se lo piense dos veces antes de volver al sitio.

Incluso las viejas pginas en html pueden ser un precioso paisaje de grficos bien diseados, bonitos y efectivos. Muchos desarrolladores opinan que ya hay suficientes formatos grficos y de animacin para trabajar y ser creativos, de modo que, tal vez, inventar algo nuevo sea una prdida de tiempo. Para cuando se haya pulido lo suficiente, dicen, ya no tendr sentido, porque Internet habr avanzado, la banda ancha estar ms difundida, y las viejas aspiraciones de archivos con bajo peso habrn perdido toda su vigencia. A fin de cuentas, podremos transferir ballenas enteras, dato a dato, a travs de la Red! Es sin duda una cuestin interesante, pero debemos tener en cuenta todas y cada una de las caractersticas de SVG. Visto globalmente, es una gran idea. Pequeo y veloz, ingenioso y gratuito, con un firme soporte cientfico y el generoso apoyo de muchos expertos. Todo ello hace pensar que, en efecto, intentarlo merece la pena.

Ms que un formato, es un lenguaje que permite describir grficos vectoriales, animados o estticos.Con este lenguaje se pueden crear formas grficas de vectores, imagenes en mapas de bits y texto.Los navegadores actuales soportan en su mayora este tipo de formato, a excepcin de Internet Explorer (hasta su versin 7) que requiere de la instalacin de un plug-in de Adobe.

Caractersticas de SVG

Est basado en XML, de modo que es un lenguaje extensible y su fuente no slo queda a la vista de nuestros ojos, sino que tambin es editable. La principal ventaja de aquel primer aspecto es que las compaas de software pueden ampliarlo y aplicarlo de forma ms ceida a sus necesidades, sin que se pierda la comprensin prototpica y elemental entre todos ellos; es decir, siempre queda algo de entendimiento bsico. La ventaja de la editabilidad en modo texto es muy evidente: el control sobre el modelado de formas es absoluto.

Dicho de otra manera, el flujo de trabajo en diseo podra ejecutarse desde una sola aplicacin, ya que se tratara de intercambiar los cdigos.

Al margen de su naturaleza tecnolgica, el formato SVG cuenta con numerosas ventajas que deberamos tener en cuenta. En primer lugar, est auspiciado por el sonoro consorcio de las 3W; esto quiere decir que, siendo la gratuidad una de sus mejores bazas, las compaas pueden usarlo como formato nativo y de exportacin sin costes especficos de patente. Incluso programas freeware pueden incluirlo entre sus opciones.

En segundo lugar, SVG es el medio ideal para disear bonitos grficos vectoriales con un peso altamente asequible. Se trata ms bien de un asunto de talento. El formato SVG faculta al diseador para embeber imgenes de mapa de bits, superponiendo vectores que incluso puede animar a voluntad, o como respuestas a las acciones del usuario. Una vez ms, dotamos a nuestros sitios del valiosofactor interactivo.

Se imaginan aplicaciones de servidor generando grficos claros, con rapidez y eficacia, sin la agresividad de otros formatos, a partir de los datos introducidos por el usuario, o como representacin de informaciones que cambian constantemente, como por ejemplo cotizaciones burstiles? SVG se encargar del trabajo sucio, nosotros pensemos en cunto dinero hemos ganado con la subida de nuestras acciones!

Visores para el formato SVGAdobe SVG Viewer

Ya que no hay muchos navegantes dispuestos a pagar por ello, hay un visor gratuito y sencillo.Se trata del plugin desarrollado por Adobe, que actualmente se encuentra en su versin 3.

Otros visores

Adicionalmente, existen otros visores, entre los que podemos sealar como ejemplos:

Batik SVG browser, de la fundacin Apache. Un navegador SVG que funciona bajo plataforma Java. SdVG viewer, de Bitflash, que incluye soporte para dispositivos mviles como los organizadores

personales, como las Palm. SVG in Mozilla project , para dotar compatibilidad con el formato en navegadores de la familia Mozilla.

La informacin completa sobre estos visores y otros est expuesta en la pgina SVG Viewers, dentro de la web oficial del formato SVG del World Wide Web Consortium.

Guerra de formatos para animacin vectorial

El SVG tiene un plido parentesco con los grficos animados de flash. ambos se construyen en base a vectores, permiten animaciones y diversos grados de interactividad. Pero ms all de esto hay otros muchos factores que pueden hacernos dudar de sus similitudes y de su utilidad.

Al fin y al cabo, SVG no es a da de hoy un rival a la altura del hijo mimado de Macromedia. Mejor sera compararlo con un feto sobre el que recaen muchsimas expectativas pero que, de momento, no ha logrado un xito arrollador. Para confirmarlo basta con echar un vistazo a la Red. El uso de flash es extensivo; el de SVG, demasiado pobre para que podamos tomarlo en serio.

Parece evidente que Macromedia ya ha sacado suficientes beneficios de su poderoso buque abanderado... y lo seguir haciendo durante mucho tiempo. En realidad es probable que se adapte a los nuevos aires y todava sea una alternativa real, asumiendo otros roles de mayor flujo de datos como, por ejemplo, los escenarios virtuales en 3D con calidad realista. Pero de momento, y a falta de confirmar lo que nos depara el futuro, con SVG ganamos todos en un nivel general, y gana Adobe en dos niveles ms especficos: el del desarrollo de software (sabemos ya que sus aplicaciones con utilidad SVG tienen y tendrn mayores ventas y prestigio que otras herramientas), y el de dominar diversos campos de estndar virtual.

Para ser ms concretos: de momento es el claro vencedor de los documentos portables (.pdf) para web e impresin, y aunque tiene potentsimas herramientas para el diseo animado web, est sometido a la presin flash ejercida por Macromedia. As pues, no tiene Adobe motivos suficientes para apoyar SVG? Est claro que s los tiene y la boyante compaa no hace nada por ocultarlo. Para probarlo conviene echar un vistazo a su generosa aportacin al mundo digital en su pgina www.adobe.com/svg .

Cuenta con informacin amplia, variada, interesante, til e instructiva. La diferencia estriba en que flash es de su propiedad, pero SVG no pertenece a Adobe. Entonces, semejante derroche? Es de suponer que, a su parecer, en Internet hay vectores para todos.

Programas para disear en SVG

Adobe Illustrator y GoLive! El primero, una poderosa herramienta de dibujo vectorial, aclamada por todos y convertida estos das en el emblema de la profesionalidad destinada tanto a la red como a la impresin. El segundo es un respetado regalo de Adobe al diseo web, previo pago de la generosa suma de dinero que ya es marca de la casa. Sin embargo, hay vida ms all de Adobe. Su principal rival en el terreno de la ilustracin es la canadiense Corel . La versin 11, asume funciones de animacin de grficos escalables, y esto s es nuevo.

Jasc , fabricante del popular Paint Shop Pro , recoge su trozo de pastel mediante la puesta a la venta del interesante WebDraw , un programa que toma SVG como formato nativo.

Al parecer, estos son las tres grandes aplicaciones del formato. Sin embargo, se citan otras en la pgina oficial www.w3.org, incluyendo el pequeo Mayura Draw, localizable en la seccin de programas de Desarrollo Web.

WebDraw

Jasc es famoso por su gran programa de retoque fotogrfico a precio domstico, y por eso sorprende el importe, quizs muy elevado, de su nuevo WebDraw (antes, Jasc Trajectory Pro). Es lo primero que llama la atencin. Tambin lo hace su difusin exclusiva en ingls. Sin embargo, una vez abierto lo que el usuario ve es directo y estimulante, en induce a poner de inmediato manos a la obra. En realidad, tan slo hay unas pocas barras de herramientas, no muchas, que literalmente saturan un monitor de 15 pulgadas.

Lo mejor del programa aparte de cubrir un espacio de diseo poco consolidado a da de hoy es su amplia variedad de herramientas de dibujo vectorial, muy parecidas a las de cualquier otra aplicacin del entorno; y, aunque carece de ciertas opciones de trazado de lneas, ofrece rellenos vectoriales con textura de mapa de bits y efectos vectoriales muy ingeniosos, as como una enorme cantidad de formas predefinidas. Todo ello ampla notablemente los mrgenes creativos del ilustrador. Asimismo, su lnea de tiempo, ms o menos elemental, ofrece ciertas posibilidades de animar el grfico y hacer de l un objeto mucho ms ameno dentro de la pgina web.

No obstante, es un programa caro, y eso da derecho al cliente a exigir ciertas mejoras adicionales, como por ejemplo la ampliacin de opciones de exportacin. En esta versin, al margen del formato nativo .svg, tan solo cabe la posibilidad de rasterizar y convertir a las extensiones .bmp y .jpg. Tambin en su contra operan la grave tendencia de la aplicacin a quedarse colgada ante operaciones habituales, como pasar a la vista de cdigo, o sus imperdonables errores al introducir imgenes de mapa de bits en el grfico; los exploradores web advertirn que el archivo no est bien construido y omitirn la fotografa o ilustracin embebida.

En conclusin, es un programa interesante pero tal vez poco desarrollado que oferta muchas opciones creativas. Sin embargo, si queremos trabajar con este nuevo formato quizs deberamos plantearnos recurrir a otros programas que, aunque ms caros y menos prolijos en funciones dinmicas, estn comprometidos con la profesionalidad y la capacidad de hacer del trabajo de ilustrador una actividad mucho ms amplia e imaginativa; por ejemplo, Adobe Illustrator . La cuestin es que hoy por hoy el estndar de grficos vectoriales escalables no parece ser tan exclusivo y prctico como para invertir mucho dinero en aplicarlo a nuestros websites, y es posible que para trabajar con l nos baste un plugin aadido a un programa de caractersticas ms genricas. En todo caso, prueben la versin de evaluacin, conozcan unpoco mejor el innovador formato, y decidan entonces si merece la pena adquirir el producto.

Mayura Draw

Es un programa de ilustracin vectorial sencillo y directo, sin demasiadas aspiraciones, y apenas conocido fuera del mundo del trazado SVG. De hecho, su reducido precio y el hecho de que tan slo se encuentre a la venta en el sitio web del fabricante son casi una declaracin de intenciones.

Por lo dems, quizs resulte til para dibujantes de estilo simple, aficionados a las formas geomtricas bsicas, o como "fondo de armario" en el sistema de cualquiera webmaster, cuando los grficos que requerimos no justifican el empleo aplicaciones de gran tamao como Adobe Illustrator. De hecho, Mayura Draw resulta tan ligero como una pluma; el programa se lanza en un par de segundos, ejecuta todas sus funciones en un abrir y cerrar de ojos an cuando los recursos de nuestro ordenador estn saturados y se cierra sin oponer resistencia, a diferencia de tantos otros.

Cuenta con tres barras de herramientas: una estndar, que permite ejecutar las acciones de archivo, edicin y visin en pantalla ms habituales; una segunda barra controla el formato de texto, colores de trazo y relleno as como rotacin de los objetos y colocacin en ndice (adelante y atrs); y, en tercer lugar, un panel de trazos y formas junto al tapiz de dibujo.

Mayura Draw puede importar e insertar archivos de Illustrator, una caracterstica muy til si trabajamos con una aplicacin que no cuenta con exportacin directa a SVG. Mayura se encargar, pues, de hacer la conversin. Adems exporta a los formatos grficos ms comunes, y adicionalmente ofrece la posibilidad de convertir nuestros trabajos en documentos portables de Adobe.

En definitiva, una aplicacin sin pretensiones destinada en esencia al dibujo de diagramas y figuras elementales de carcter no profesional. Mayura Draw puede descargarse en la pgina oficial del fabricante y, al menos, probar sin complicaciones cul es la naturaleza primaria del estndar SVG.

Adobe Illustraitor

Adobe Illustrator (AI) es un editor de grficos vectoriales en forma de taller de arte que trabaja sobre un tablero de dibujo, conocido como mesa de trabajo y est destinado a la creacin artstica de dibujo y pintura para ilustracin (ilustracin como rama del arte digital aplicado a la ilustracin tcnica o el diseo grfico, entre otros). Es desarrollado y comercializado por Adobe Systems y constituye su primer programa oficial de su tipo en ser lanzado por sta compaa definiendo en cierta manera el lenguaje grfico contemporneo mediante el dibujo vectorial. Adobe Illustrator contiene opciones creativas, un acceso ms sencillo a las herramientas y una gran versatilidad para producir rpidamente grficos flexibles cuyos usos se dan en (maquetacin-publicacin) impresin, vdeo, publicacin en la Web y dispositivos mviles. Las impresionantes ilustraciones que se crean con este programa le han dado una fama de talla mundial a esta aplicacin de manejo vectorial entre artistas grficos digitales de todo el planeta, sin embargo, el hecho de que hubiese sido lanzado en un principio para ejecutarse solo con el sistema operativo Macintosh y que su manejo no resultara muy intuitivo para las personas con muy poco trasfondo en manejo de herramientas tan avanzadas afect la aceptacin de ste programa entre el pblico general de algunos pases.

Actualmente forma parte de la familia Adobe Creative Cloud y tiene como funcin nica y primordial la creacin de material grfico-ilustrativo altamente profesional basndose para ello en la produccin de objetos matemticos denominados vectores. La extensin de sus archivos es .AI (Adobe Illustrator).

Puede utilizar los efectos de SVG para aadir a la ilustracin propiedades de grficos, como sombras paralelas. Los efectos SVG difieren de sus equivalentes de mapa de bits en que estn basados en XML y no dependen de la resolucin. De hecho, un efecto SVG no es nada ms que una serie de propiedades XML que describen diversas operaciones matemticas. El efecto resultante se ver en el objeto de destino en lugar de en el grfico de origen.

Illustrator ofrece un conjunto estndar de efectos de SVG. Puede utilizar los efectos con sus propiedades por defecto, editar el cdigo XML para producir efectos a medida o escribir efectos SVG nuevos.