TECNOLOGÍA DE LA COMUNICACIÓN II PROYECTO INTEGRADOR PARTE III Eliana Altamirano
Existen dos categorías principales de imágenes: * imágenes de mapa de bits: (también denominadas imágenes raster): son imágenes pixeladas, es decir que están formadas por un conjunto de puntos (píxeles) contenidos en una tabla. Cada uno de estos puntos tiene un valor o más que describe su color. * imágenes vectoriales: las imágenes vectoriales son representaciones de entidades geométricas tales como círculos, rectángulos o segmentos. Están representadas por fórmulas matemáticas (un rectángulo está definido por dos puntos; un círculo, por un centro y un radio; una curva, por varios puntos y una ecuación). El procesador "traducirá" estas formas en información que la tarjeta gráfica pueda interpretar. Dado que una imagen vectorial está compuesta solamente por entidades matemáticas, se le pueden aplicar fácilmente transformaciones geométricas a la misma (ampliación, expansión, etc.), mientras que una imagen de mapa de bits, compuesta por píxeles, no podrá ser sometida a dichas transformaciones sin sufrir una pérdida de información llamada distorsión. La apariencia de los píxeles en una imagen después de una transformación geométrica (en particular cuando se la amplía) se denomina pixelación (también conocida como efecto escalonado). Además, las imágenes vectoriales (denominadas clipart en el caso de un objeto vectorial) permiten definir una imagen con muy poca información, por lo que los archivos son bastante pequeños. Por otra parte, una imagen vectorial sólo permite la representación de formas simples. Si bien es verdad que la superposición de varios elementos simples pue- de producir resultados impresionantes, no es posible describir todas las imágenes con vectores; éste es particularmente el caso de las fotografías realistas. Probablemente su pantalla le permita ver esta imagen con una resolución de al menos 72 píxeles por pulgada. El mismo archivo impreso ofrecería una calidad 300 píxeles por pulgada. 2
Las imágenes vectoriales ó gráficos orientados a objetos: Las imágenes vectoriales se construyen a partir de vectores. Los vectores son objetos formados matemáticamente. Un vector se define por una serie de puntos que tienen unas manecillas con las que se puede controlar la forma de la línea que crean al estar unidos entre sí. Los principales elementos de un vector son las curvas Béizer (curvas representadas matemáticamente). Estas líneas o curvas béizer son muy manejables ya que permiten muchas posibilidades por su plasticidad. Estas características las convierten en la manera ideal de trabajar cuando se trata de diseño gráfico, (como creación de logotipos o dibujos). La versatilidad de los objetos vectoriales, convierten en una manera muy útil para trabajar también con textos ya que se pueden modificar y deformar sin límite, a cada letra se le pueden asignar contornos editables además de poder descomponer la misma en varios objetos. La imagen vectorial nos permite crear contornos de línea variada y definir el color de las formas que éstas crean. La forma se puede controlar de manera muy precisa y cada objeto se puede manejar de forma independiente al resto ya que esta construido con una fórmula matemática propia. Imagen vectorial. Curva de Béizer. La curva queda definida por los nodos o puntos de anclaje y por las manecillas de control que definen y modelan su forma. Para modificarlas simplemente hay que mover las manecillas hasta que consigamos la curva deseada. Formatos vectoriales: Al utilizar los formatos vectoriales coordenadas matemáticas para formar imágenes concretas, la resolución de las mismas es infinita, es decir, toda imagen vectorial se puede escalar ampliando o reduciendo sin que la visibilidad de la misma se vea afectada, ni en pantalla ni a la hora de imprimir. Más adelante veremos que este es el principal inconveniente de los mapas de bits. 3
Hemos ampliado el dibujo del reloj de la imagen anterior sin que por ello se produzca ni perdida de color ni de forma. Si seguimos ampliando esta imagen seguirá viéndose igual de nítida y con la misma información de color. * CDR - Corel Draw: Es el formato del programa que lo genera. Los gráficos que realizamos con Corel Draw son vectoriales y están compuestos por líneas y planos que se sitúan en unas coordenadas concretas en la página. * AI - Adobe Ilustrator: Sus características en la forma de construir gráficas son iguales a las del Programa Corel Draw. * EPS - Encapsulated Postscript: El EPS es uno de los mejores formatos para ser importados desde la mayoría de software de diseño. Es un formato muy adaptable ya que podemos utilizarlo igualmente para imagen vectorial como mapa de bits. * WMF- Windows Metafile: Formato desarrollado por Microsoft, como consecuencia esta especialmente indicado para trabajar de manera compatible con los programas de Microsoft. La ventaja de las imágenes vectoriales es doble, ya que a la posibilidad de rediseño posterior de la imagen hay que sumar que muchas veces el tamaño de estos gráficos puede ser muchísimo menor. Por ejemplo, imaginemos una imagen de 800x600 pixeles en donde sólo halla un texto sobre un fondo de color. En un mapa de imágenes esto ocuparía mucha memoria, ya que tendríamos que almacenar la matriz de puntos completa, en cambio, en una imagen vectorial esto se solucionaría con unas pocas instrucciones. Y ya sabemos lo importante que es la optimización a la hora de construir nuestra web, ya que el tiempo de descarga es un factor importante. Como todo, las imágenes vectoriales, a la hora de hablar de páginas web, tiene sus ventajas y sus inconvenientes. Sus ventajas ya las hemos citado: fácil rediseño y minimización del peso gráfico (en algunas ocasiones). Los inconvenientes, hoy por hoy, son más que las ventajas, ya que el soporte es mínimo y es ahora cuando se está empezando a utilizar este tipo de tecnología, aunque siempre con el riesgo de la incompatibilidad. De cualquiera de las formas, los formatos de gráficos vectoriales para la web se pueden dividir en 2 tipos: los soportados mediante el plug-in correspondiente y los basados en lenguajes de marcado (todos ellos con el consabido riesgo de la incompatibilidad). 4
Los mapas de bits (bitmaps) ó imágenes rasterizadas: Una imagen es un mapa de bits cuando está compuesta por una serie de puntos (también llamados píxel), que contienen información acerca del color. Estos puntos o píxeles que forman la imagen se sitúan en un número determinado, a mayor número de puntos o píxeles, mayor calidad de imagen, esto es lo que se conoce por resolución de imagen. Las imágenes de mapa de bits dependen de la resolución, es decir, contienen un número fijo de píxeles. Cada uno de estos píxeles posee una situación y un valor de color concreto. Cuando trabajamos sobre un mapa de bits, lo que hacemos en realidad es trabajar sobre cada uno de estos puntos. El píxel es por tanto, dentro de la imagen, la unidad de información básica. Los píxeles están colocados de tal manera que juntos forman una rejilla, cada celda de la rejilla es un píxel y todos juntos forman la imagen. Al modificar esta rejilla, por ejemplo, ampliando su tamaño, cambiamos la distribución, el número y la información de color de cada uno de ellos, por tanto, realizar cambios o modificaciones sobre estos píxeles afecta directamente a la imagen que forman. Imagen 1: Al intentar ampliar la resolución y el tamaño de la imagen vemos que esta se deforma y pierde nitidez. Es una imagen de 150px. (Calidad media). Imagen 2: Imagen en muy alta resolución, aunque la imagen se amplíe sigue siendo nítida y con detalle. Es una imagen de 300 px. (Calidad alta). 5
Compresión de imágenes: Uno de los principales inconvenientes que tienen los bitmaps de alta resolución es el enorme espacio que ocupan llegándose a crear archivos de demasiado peso para ser manejados con facilidad; para evitar este problema se han desarrollado diferentes técnicas de compresión, éstas tratan de reducir mediante algoritmos matemáticos el volumen del archivo. Los archivos de imagen se miden en mega bites (MB, 1 mega equivale a 1024 K) o giga bites (GB 1 giga equivale a 1024 megas. Con los formatos de imagen conseguimos reducir el peso de la imagen sin modificar el número de píxeles. Existen dos técnicas de compresión: Las técnicas que comprimen el archivo sin eliminar detalle de la imagen y las técnicas que eliminan detalle de la imagen e información de color. Imagen3 Ejemplo de imagen comprimida; la original pesa 207kb, se ha ido variando la compresión de la misma hasta llegar a 22 kb, si se observa se puede reducir aún mas el peso de la foto, sin embargo la calidad empeora bastante. Tipos de formato de imágenes: GIF - Graphical interchange format ó Formato de intercambio gráfico. El formato GIF es uno de los más utilizados sobre todo para imágenes Web; esto es debido a que es uno de los que nos ofrecen más posibilidades y más alto nivel de compresión. JPEG (Join photographic expert group) Si el formato GIF es uno de los más adecuados para la compresión en 256 colores, el JPEG lo es para las imágenes que contienen más de 256. JPEG no es un formato de imagen propiamente dicho si no de compresión; en contraste con GIF, JPEG guarda toda la información referente al color en millones de colores y sin que por ello el archivo resultante sea demasiado grande, eso si, a mayor nivel de compresión mayor pérdida de la imagen. 6
Compresión de imágenes: JPEG es por tanto, un formato muy adecuado para la compresión de fotografías en color y para imágenes Web, ya que aunque la compresión sea muy elevada la perdida visible es aceptable. PNG Portable networkgraphic format. PNG es el formato que esta empezando a cobrar protagonismo en la Web, ya que une las ventajas del JPEG y del GIF. PNG permite a compresión sin pérdidas con una profundidad de color de 24 bits y además tiene 256 niveles de transaparencias, esto permite que cualquier borde de la imagen se funda perfectamente con el fondo. Aparentemente PNG es mejor formato que JPEG O GIF, sin embargo no es capaz de producir imágenes animadas (GIF sí) y las imágenes de PNG son siempre de mayor peso que las de JPEG. CCITT - Consultivo Internacional de Telégrafos y Tele codificación. Comité Técnicas de compresión sin pérdidas. Esta especialmente diseñada para imágenes en blanco y negro. También se utiliza para los formatos de archivo PDF y de lenguaje PostScript. Conclusiones: Las imágenes que antes tan sólo se utilizaban como objetos de trabajo en programas de diseño, ahora se utilizan en cualquier tipo de aplicación. Se han obtenido muchos beneficios con la manipulación tan fácil de imágenes, pero a veces sigue existiendo confusión a la hora de seleccionar el formato más adecuado para grabar una imagen, y es que no son pocos: TIFF, BMP, WMF, GIF, PCX, JPEG, CGM, etc. La lista de formatos estándares es enorme y aún así podríamos duplicarla o triplicarla si se incluyen los formatos propietarios que utilizan muchas empresas en sus productos. Con respecto al trabajo de investigación tengo que destacar que aprendí a diferenciar un mapa de bits de una imagen vectorial y sus distintos usos, no hay una codificación de imagen mejor que otra, sino que cada una está diseñada para adaptarse a un tipo diferente de imagen. Los mapas de bits ofrecen sus mejores prestaciones con imágenes fotográficas y las imágenes vectoriales con presentaciones, estadísticas, gigantografias, etc. También pude diferenciar cada tipo programa, a saber Corel Draw y Adobe Illustrator para la creación y manipulación de imágenes vectoriales y el Adobe Photoshop para los mapas de bits. En síntesis, cada uno tiene sus ventajas y desventajas, depende de nosotros decidir cuál aplicamos para nuestro caso en particular. 7
Bibliografía http://observatorio.cnice.mec.es/modules.php?op=modload&name=news&file=article&sid=293 AUTOR: Lorena Arranz 17 Oct 2005 Ministerio de Educación, Política Social y Deporte. Todos los artículos se publican bajo licencia Creative Commons Información general: observatorio@cnice.mec.es Instituto Superior de Formación y Recursos en Red para el Profesorado Madrid Tel: 913 778 348. Fax: 913 778 313 C/Torrelaguna, 58. 28027 http://www.duamu.com/re/articulo/1344/id/413/articulos-mapas-de-imagenes-versus-imagenesvector.html Publicado (o actualizado) el 03/08/06 a las 11:17:43 (c) 2006-2007 Duamu.com los contenidos creados por el portal. El resto es propiedad intelectual de sus respectivos autores Imagen pag. 2: http://desfaziendoentuertos.prepress.es/wp-content/uploads/2008/04/li.jpg Imagen pag. 3: http://desfaziendoentuertos.prepress.es/wp-content/uploads/2008/08/a688.jpg Imagenes pag. 4: http://img441.imageshack.us/img441/4636/46rj0.jpg http://www.tecedu.com/products/equipment/images/coreldrawx4.jpg Imagen pag. 6: http://karabato.files.wordpress.com/2009/03/adobe-photoshop-cs41.jpg Imagenes pag. 7: http://www.cibermanuales.com/userfiles/9990photoshop_cs3_extendet.jpg http://3.bp.blogspot.com/_lc5ngygv2gc/syyaawlz4ki/aaaaaaaaayw/dael0fzveqm/s320/ photoshop_resources.png 8