formatos graficos nuevos

5/10/2018 Formatos Graficos nuevos - slidepdf.com

http://slidepdf.com/reader/full/formatos-graficos-nuevos 1/7

instituo tecnologico de chihuahua ii

Formatos deAlmacenamiento

Grafico para el FuturoGraficos Vectoriales

06/09/2011

Cesar Arturo

HurtadoRenova

Jose ArturoViramontesMendoza

Karen PaolaMartinez

HernandezLeslieSarahiOrdaz

Ramirez



Contenido Formatos de Almacenamiento Grafico para el Futuro. 2Objetivo. 2Introducción. 2Desarrollo. 3

Tipos de Formatos Vectoriales. 4Conclusiones. 7Referencias. 7Glosario. 8

Formatos de Almacenamiento Grafico para el Futuro

Objetivo

Conoceremos acerca de los gráficos vectoriales más importantes que hoy en día estántomando un gran auge en la web.

Introducción

Los formatos gráficos ahora existentes cumplen su trabajo pero tienen sus desventajasy ventajas al compararlos con los nuevos formatos en desarrollo, cada uno de loscuales ofrece diferentes posibilidades con respecto a la resolución de la imagen, lagama de colores, la compatibilidad, la rapidez de carga, etc.Los formatos gráficos vectoriales son los que están tomando mucha carrera yadueñándose poco a poco de la web ya que superan en ciertas cosas a los formatosviejos (.png,.jpg,.etc).En cuanto a estos, disponemos para su uso en la web de los formatos SWF y SVG.Sin lugar a dudas, actualmente el premio se lo lleva SWF, entre otras cosas porque seha hecho muy popular, es soportado por los navegadores más importantes, almacenaimágenes de alta calidad en ficheros de poco peso y permite presentar en las páginasweb vistosas y útiles animaciones interactivas, que en las últimas versiones del formatopermiten la implementación de formularios, la interacción con código de servidor y eluso del lenguaje XML.En cuanto a SVG, actualmente se encuentra en fase de desarrollo y sus aplicacionesreales a la web quedan muy limitadas por factores como el escaso soporte por parte delos navegadores y la necesidad de instalación de un plugin no muy conocido que ocupamucho espacio (sobre 4 Mb). Sin embargo, es un formato recomendado por el W3Ccomo futuro estándar para gráficos vectoriales destinados a la web, permite crear



animaciones interactivas y presenta una total integración con XML, por lo que es deesperar que en un futuro no muy lejano sea una verdadera alternativa libre al formatoSWF (que es propiedad de Macromedia, dueña absoluta por ahora de su desarrollo).

Desarrollo

El contenido gráfico de las páginas web parece estar bien cubierto por los dos formatosusuales de fichero: GIF y JPG. Cada uno de ellos tiene sus usos óptimos y,aparentemente, puede parecer que ya no hace falta nada más para añadir imágenes alas páginas. Sin embargo, al analizar las cosas en más detalle, nos percatamos de queambos formatos, siendo de mapa de bits, tienen serias limitaciones. Para ello nacieronlos formatos gráficos vectoriales.CDR: CorelDraw. Formato de gráficos vectoriales para la aplicación CorelDraw.CGM: Computer Graphics Metafile. Formato de gráficos vectoriales utilizada en la industria aeronáutica.

Es un estándar de ISO.DXF: ASCII Drawing Interchange. Formato de texto ASCII usado para almacenar datos vectoriales deaplicaciones CAD.DWG: AutoCAD Drawing Database. Formato binario utilizado por AutoCad de Autodesk. Permite objetosen 2D y 3D con compresión y comprobación de errores internos CRC.FH: Macromedia Freehand Document. Formato de gráficos vectoriales para documentos de MacromediaFreeHand.FLA: Formato de gráficos vectoriales para documentos fuentes de Macromedia Flash.PS: PostScript. Formato genérico de gráficos vectoriales creado por Adobe.SVG: Scalable Vector Graphics (SVG). Lenguaje abierto que permite crear gráficos vectoriales 2Dbasado 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 laW3C en septiembre de 2001.

Su principal competencia son los archivos flash de Macromedia Flash.SWF: (Small Web Format). SWF es un formato y extensión de archivos de Flash. Son usadosespecialmente para agregar animaciones e interactividad a las páginas web. Actualmente también seusan para hacer aplicaciones más complejas con la incorporación el lenguaje de programación paraFlash: ActionScript.SXD: Formato de dibujo de la aplicación OpenOffice 1.0. Es un formato de gráficos vectoriales que sevolvió anticuado desde la versión 2.0 de OpenOffice.WMF: Windows Metafile. Formato que almacena gráficos vectoriales y rasterizados como secuencia decomandos para utilizarse en sistemas operativos Microsoft Windows.XALM: Formato basado en XML para representar documentos hechos sobre el Windows PresentationFoundation. Puede declarar gráficos vectoriales en 2D (e incluir referencias externas a imágenes demapa de bits), documentos textuales, interfaces de usuario en 2D y modelos de renderizado en 3D.XAR: Formato de gráficos completamente de vectores usado por Xara X y Xara Xtreme. Ultra compacto.

Nos enfocaremos en los Gráficos vectoriales más conocidos SWF Y SVG

Tipos de Formatos Vectoriales

SWF (Shockwave Flash)Desde hace unos años, el formato vectorial Shockwave Flash, o simplemente Flash, seha convertido en una alternativa cada vez más utilizada. Flash tiene muchas ventajas y,de hecho, hoy podemos encontrar páginas enteras creadas en él. Ahora bien, se trata



de un formato de fichero patentado por un fabricante (Macromedia), y puedemodificarlo a voluntad. Además, y a pesar de las numerosas mejoras que cada versiónde Flash incorpora, éste es una solución externa a lo que es el lenguaje de creación depáginas web, el html.Los archivos SWF pueden ser creados por el programa Adobe Flash® aunque hay

otras aplicaciones que también lo permiten, y suele ser ejecutado sobre el navegador mediante un plugin llamado Adobe Flash Player, aunque también pueden ser encapsulados para ejecutarse de forma autónoma. Básicamente es un formatovectorial aunque también admite bitmaps, con posibilidades de animación. Tambiénadmite programación mediante el lenguaje actionscript.Los archivos SWF pueden ser generados por diversidad de aplicaciones, aunque elprograma original Adobe Flash utiliza un formato editable con extensión ".fla" con losque el usuario trabaja y que después compila y comprime en SWF. Están constituidosprincipalmente por dos elementos: objetos basados en vectores e imágenes. Aunquetambién incorporan audio y vídeo (en diferentes formatos Flash Video) y multitud deformas diferentes de interacción con el usuario.

El objetivo principal del formato SWF es crear archivos pequeños pero que permitan lainteractividad y que funcionen en cualquier plataforma, aún sobre un ancho de bandareducido (cómo un navegador web conectado a través de un módem). El plugin quepermite reproducir ficheros SWF está disponible en Adobe Systems para diferentesnavegadores y diferentes sistemas operativos, incluido Microsoft Windows, AppleMacintosh y Linux. Este plugin está instalado en un 98% de los ordenadores de losinternautas.El formato es bastante simple, si bien es cierto que está en formato binario y por lotanto no es de lectura accesible, SWF ha utilizado la compresión Zlib desde el 2002, yen general el objetivo del formato es almacenar todos los datos usando el menor número de bits, minimizando la redundancia.

SVG (Scalable vector Graphics)SVG se ha creado desde un principio como una forma más del lenguaje XML, el futurolenguaje de creación de páginas web y muchos otros documentos. Se trata de unlenguaje extensible (es decir, se pueden añadir definiciones propias, aun manteniendola compatibilidad con las definiciones estándar) y que separa por completo contenidode presentación; un mismo fichero xml puede representarse de diferentes maneras enfunción de dónde lo abrimos: el ejemplo que suele citarse es el de una definición denúmero telefónico, que se mostrará numéricamente y puede marcarse directamente enun teléfono, o puede mostrarse como registro de una base de datos o incluso en formade gráfico (por ejemplo, su situación en un mapa o un logo) en un terminal gráfico deordenador.

Cuando el lenguaje XML sea el estándar para la creación de páginas web, los ficherosSVG serán una parte más de las páginas, no un fichero accesorio.¿Qué ofrece SVG?Repasemos las ventajas del formato SVG y sus posibilidades.

· Tiene todas las ventajas asociadas a un formato vectorial (las que comentamos enlas páginas de diseño gráfico): es escalable, compacto, con formas siempre editables através de curvas Bézier, con contornos suavizados, transparencias, y capaz de incluir,si es preciso, bitmaps.



· El tamaño de los SVG es muy compacto.· El texto que incluyen es editable: admite las fuentes escalables más comunes, como

TrueType o Type 1. Esto supone una diferencia enorme con los actuales GIF o JPG: eltexto que contienen se puede editar, seleccionar, ser indexado por los buscadores...

· La calidad de color es excelente; el color del gráfico se puede calibrar con los

sistemas estándar de gestión de color.· El fichero SVG no es binario: se trata de un fichero de texto normal y corriente. Estosignifica que se puede editar incluso en el Bloc de notas, y sus contenidos se puedenindexar, buscar...

· Es compatible con los estándares actuales de la web y --lo que es más importante--con los futuros.

· Soporte de hojas de estilo CSS. Esto significa que con las hojas de estilo podemosmodificar, de la forma más poderosa y fácil, ¡incluso los gráficos de las páginas web! Elcontrol y poder creativo que esto supone es insuperable.

· Será posible crear páginas con una riqueza tipográfica y de layout sin precedentes,sin sacrificar la accesibilidad del contenido escrito.

· Puede incluir código (scripts) que modifican el gráfico dinámicamente en función delas necesidades.· Al ser XML, es un formato extensible: los fabricantes podrán adoptarlo como formato

nativo de sus aplicaciones, añadiendo las características específicas que deseen, perosiempre mantendrá la compatibilidad básica y universal con toda aplicación quereconozca el formato.

· Admite efectos como sonido, efectos visuales al hacer clic o mover el ratón,etiquetas informativas...

· Puede generarse dinámicamente en un servidor web como respuesta ainstrucciones de Java, JavaScript, Perl o XML. Por ejemplo, pueden crearse almomento gráficos de excelente calidad con las cotizaciones de bolsa en tiempo real; un

reloj analógico, con minutos y segundos, requiere sólo 2K de código.· SVG puede llegar a simplificar extraordinariamente el "workflow" para la web. Enuna aplicación única se podrá generar casi todo el contenido de las páginas, yconvertirse en un formato universal: todos los programas podrán abrir todo tipo deficheros. Los gráficos SVG no seran, como hasta ahora, una versión mutilada de ungráfico que ha pasado por varias aplicaciones. Se ahorraran conversiones, pasos de unprograma a otro, tareas de optimizar, cambiar de tamaño...

· A diferencia de otros formatos gráficos, el contenido de un archivo SVG es textonormal. Esto significa que puede editarse incluso con un bloc de notas. Aquí tenemosun ejemplo del código de un svg. Está escrito en xml; los diferentes componentes delgráfico se identifican en cada carpeta (por ejemplo, rect, polygon...) y los parámetros

figuran al lado. Este formato parece el sueño de todos los diseñadores hecho realidad. Ciertamente,las posibilidades están ahí. Pero aún hay un largo camino a recorrer. Las solucionesactuales (html + flash) tienen vigencia asegurada durante unos años.



Conclusiones

De momento, Flash ofrece mucha más interactividad, una implantación creciente yfacilidad de uso. Casi el 80% de los navegadores pueden ver películas flash. Así quesurge una gran pregunta, ¿Se trata de una batalla perdida antes de comenzar (SVG vsSWF)? ¿Sucederá lo mismo que con el formato PNG? Pese a sus excelentescualidades, PNG no ha llegado a imponerse a los GIF o JPG, que son la norma en losgráficos para la web. De hecho, técnicamente es superior en algunos aspectos, perosigue con las limitaciones de un formato bitmap, cosa que ha dificultado que llegara aser utilizado de forma habitual.Pero no realmente la situación con los SVG es algo diferente, porque no pretendesustituir un formato que funciona perfectamente como el de Flash, sino abrir todo un

nuevo mundo de posibilidades en el diseño web. Ver algunos ejemplos de lo queaportará SVG a la web nos abre los ojos a ideas sorprendentes.Por eso nosotros concluimos que el formato SVG será el formato del FUTURO.

Referencias

http ://vectoralia .com /manual/html/svg .html http ://es .wikipedia .org /wiki/SWFhttp ://www .alegsa .com .ar /

Glosario

XML: XML, siglas en inglés de Extensible Markup Language (lenguaje de marcas extensible),es un metalenguaje extensible de etiquetas desarrollado por el World Wide Web Consortium(W3C)

W3C: El World Wide Web Consortium, abreviado W3C, es un consorcio internacional queproduce recomendaciones para la World Wide Web.

BITMAPS: (Bitmap) Una imagen rasterizada, también llamada mapa de bits, imagen matricial

o bitmap, es una estructura o fichero de datos que representa una rejilla rectangular de píxeleso puntos de color, denominada raster, que se puede visualizar en un monitor de ordenador,papel u otro dispositivo

ACTIONSCRIPT: ActionScript es un lenguaje de programación orientado a objetos (OOP),utilizado en especial en aplicaciones web animadas realizadas en el entorno Adobe Flash

ZLIB: zlib es una biblioteca de compresión de datos, de software libre/fuente abierta,multiplataforma desarrollada por Jean-loup Gailly y Mark Adler.

Curvas Bézier: Se denomina curvas de Bézier a un sistema que se desarrolló hacia los años1960, para el trazado de dibujos técnicos, en el diseño aeronáutico y de automóviles.

http://vectoralia.com/manual/html/svg.html





http://es.wikipedia.org/wiki/SWF



http://www.alegsa.com.ar/




































formatos graficos nuevos

Documents