Imagen Digital

Conceptos Bsicos

> | Qu es una Imagen?

Es una representacin visual de un objeto mediante tcnicas diferentes de

diseo, fotografa, pintura y video.

>| Imagen Digital

Consideramos Imgenes Digitales a aquellas obtenidas mediante

dispositivos como filmadoras, cmaras, celulares, scanners o generadas
directamente por ordenadores.

Los mapas de bits (bitmaps) imgenes rasterizadas:

Una imagen es un mapa de bits cuando est compuesta por una serie de puntos
(tambin llamados pxel), que contienen informacin acerca del color.
Estos puntos o pxeles que forman la imagen se sitan en un nmero determinado, a
mayor nmero de puntos o pxeles, mayor calidad de imagen, esto es lo que se
conoce por resolucin de imagen.
Las imgenes de mapa de bits dependen de la resolucin, es decir, contienen un
nmero fijo de pxeles. Cada uno de estos pxeles posee una situacin 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 pxel es por tanto, dentro de
la imagen, la unidad de informacin bsica. Los pxeles estn colocados de tal
manera que juntos forman una rejilla, cada celda de la rejilla es un pxel y todos
juntos forman la imagen. Al modificar esta rejilla, por ejemplo, ampliando su
tamao, cambiamos la distribucin, el nmero y la informacin de color de
cadauno de ellos, por tanto, realizar cambios o modificaciones sobre estos pxeles
afecta directamente a la imagen que forman.

>| Imagen Digital

El concepto de pxel
Un pxel es cada uno de los pequeos cuadraditos que componen una
imagen digital. Podemos hacernos una idea comparando una imagen digital
con un mural formado por cientos de pequeos mosaicos de colores. Cada
una de esos mosaicos sera un pxel. Cuando nos acercamos al mural vemos
cada una de estos mosaicos; al alejarnos lo suficiente vemos una imagen
continua, un todo.

El pxel es la unidad mnima de informacin de una imagen digital, pero

a diferencia de los mosaicos puede tener hasta 16,7 millones de colores y
pesa bastante menos.

>| video Pixels

>| Formatos de imagen en un sistema

de mapa de bits.
- JPG o JPEG: Es uno de los formatos ms conocidos y utilizados
por su calidad y peso de los archivos.
- GIF: Este tipo de archivo se cre con la finalidad de obtener
archivos de tamao muy pequeos.
Es recomendado para guardar imgenes NO fotogrficas tales
como: Logotipos, imgenes de colores planos, dibujos simples,
etc. (8 bits-256 colores)
- PNG: Es un formato grfico que comprime sin prdida de datos y
de uso libre. Almacena imgenes con una mayor profundidad de
color (hasta 24 bits)

>| Diferencias, ventajas y desventajas.

Pantalla
.jpg, .gif, .png

.pdf, .swf
Estos formatos pueden incluir
grficos de vectores y
fuentes editables

Impresin
.tiff , .psd, .bmp
.eps, .jpg y .png
(alta calidad).

Estos formatos guardan

mayor calidad de imagen pero
su peso es considerablemente
mayor

El Bit y el color
Los grficos de mapa de bits almacenan una completa informacin sobre el color de
cada uno de sus pxeles constituyentes. Cuantos ms colores pueda tener la imagen,
ms calidad final tendr y ms informacin ser necesario almacenar.
Relacionados con el nmero de colores posibles, sus caractersticas y su
almacenamiento encontramos como caracterstica fundamental la Profundidad del
color

8 bits

16 bits

Profundidad de color
La profundidad de color de una imagen se refiere al nmero de colores
diferentes que puede contener cada uno de los puntos o pxeles que la forman, y
depende de la cantidad de informacin (nmero de bits) que puede almacenar un
pxel.

Profundidades de color
Cuanto mayor sea la profundidad de bit en una imagen, mayor ser la cantidad de
tonos (escala de grises o color) que puedan ser representados, ms colores habr
disponibles y ms exacta ser la representacin del color en la imagen digital. Las
imgenes digitales se pueden producir en blanco y negro, a escala de grises o a color.

Modo:
- Bitmap 1 bit (2 tonos blanco o negro) por pixel
- Escala de Grises 8 bits (256 colores o grises) por pixel
- RGB 24 bits (imagenes en color 16,7 millones de colores) por pixel
- CMYK 32 bits (para impresion)

Jpg - Modo RGB - 8 bits

167 Kb.

Gif 256 colores

111 Kb.
Jpg - Modo Escala de Grises- 8 bits
127 Kb.

Resolucin de una imagen

(Importante para el peso de la imagen)
PPP o PPI o DPI
Le resolucin es la medida detallada y precisa que de una imagen.
La escala de resolucin se mide en pxeles por pulgada (PPP o DPI o PPI). Cuanto mayor sea la
resolucin, ms detallada y definida es la imagen. Por lo tanto ms pesada.
Qu formato y resolucin utilizar e acuerdo al uso:
- Diseos en pantalla: web, cds. interactivo o presentaciones multimediales
Fotos: .jpg o .png
Grficos: Vectoriales .swf o .gif o .png
Resolucin: 72 o 96 dpi
- Diseos imprimibles: folletos, afiches impresiones laser, transparencias, etc.
Fotos: .tiff, .psd, .bmp, .jpg o .png (alta calidad)
Grficos: vectores o psd o tiff o pdf
Resolucin: de 150 a 300 dpi (dependiendo del tamao de impresin)

Las fotografas que se obtienen a partir de las cmaras digitales son mapas de bits, las
imgenes que captura un escner tambin lo son; en estas imgenes la calidad mxima
que tienen (nmero de pxel por unidad de medida, pxeles/cm.,; pxeles/pulgada.)
viene determinada en el momento de crearlas por lo que no podremos ampliar la
resolucin o nmero de pxeles por unidad posteriormente, es decir, no podremos ampliar
su resolucin sin que la imagen se vea afectada, en general deformndose y perdiendo
nitidez, ya que se modifican los pxeles que las definen.

Al intentar ampliar la resolucin y el tamao de la imagen vemos que

esta se deforma y pierde nitidez. Es una imagen de 150 px.

Imagen en muy alta resolucin, aunque la imagen se ample

sigue siendo ntida y con detalle. Es una imagen de 300 px.

La misma imagen en baja resolucin, los pxeles se vena simple

vista y la ampliacin de la imagen es confusa.
Es una imagen de 72 px.

El tamao de los pxeles determina la cantidad de detalle de la imagen; las dimensiones

de estos pxeles y el nmero de ellos es lo que da la calidadfinal (Alta, media baja).
Se puede modificar el tamao de los pxeles siempre y cuando los reduzcamos o hagamos
ms pequeos, en este caso la imagen no se ver afectada ya que no estamos
modificando la informacin de los mismos, simplemente reducimos su tamao.

Lo que no mejora la calidad de la imagen es aumentar el nmero de pxeles ya que al

aumentar el nmero total de pxeles estos deberan ser inventados, es decir,
aumentar la resolucin de una imagen de baja resolucin slo extiende la
informacin de los pxeles originales a travs de un nmero mayor de pxeles pero
esto no mejora la imagen. Esto se puede ver fcilmente cuando se imprime la
imagen.

Utilizar una resolucin demasiado baja para una imagen impresa produce
una pixelacin, pxeles de gran tamao con un aspecto muy desigual en la
impresin.

Al intentar ampliar la imagen la resolucin no mejora y produce el

efecto de imagen pixelada.

Ejemplo de imagen comprimida; la original pesa 207kb, se ha ido variando la compresin

de la misma hasta llegar a 22.5kb, si se observa se puede reducir an mas el peso de la
foto, sin embargo la calidad empeora bastante.

Foto en .jpg con 72 dpi

168 Kb.

Foto en .jpg con 300 dpi

1167 Kb. 1.14 Mb

El monitor las va a mostrar similares pero el peso ser notoriamente menor

mientras menos dpi tenga

>| Conclusin 1
La para la Optimizacin de imgenes para diseos de pantalla se deber tener en cuenta
La calidad de la imagen en relacin con el menor peso posible para lograr presentaciones
Atractivas y de rpida visualizacin.

Para fotografas:
- formato .jpg o .png
- 72 dpi de resolucin
- 8 bits de profundidad
(este formato no soporta ms que eso)
- Modo RGB

Para logos simples con colores planos:

- formato .gif
- 72 dpi de resolucin
- Modo Indexado

Softwares de tratamiento de
imgenes ms utilizados:
-Photoshop
-Fireworks
-Picnik (editores online)
-Splashup (editores online)

>| Imgenes Vectoriales

Las imgenes vectoriales grficos orientados a objetos:

Las imgenes vectoriales se construyen a partir de vectores. Los vectores son
objetos formados matemticamente. Un vector se define por una serie de puntos
que tienen unas controladores con las que se puede manejar la forma de la lnea
que crean al estar unidos entre s. Los principales elementos de un vector son las
curvas Bizer (curvas representadas matemticamente).
Estas lneas o curvas bizer son muy manejables ya que permiten muchas
posibilidades por su plasticidad. Estas caractersticas las convierten en la manera
ideal de trabajar cuando se trata de diseo grfico, (como creacin de logotipos o
dibujos). La versatilidad de las mismas las convierten en una manera muy til para
trabajar tambin con textos ya que se pueden modificar y deformar sin lmite, a
cada letra se le pueden asignar contornos editables adems de poder descomponer
la misma en varios objetos.

Controlador

Imagen vectorial. Curva de Bizer. La curva queda definida por los nodos o
puntos de anclaje y por los controladores 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 matemticas para formar
imgenes concretas, la resolucin 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.

La imagen vectorial nos permite crear contornos de lnea 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 frmula matemtica propia.

Dibujo original y ampliado del reloj sin que por ello se produzca ni
perdida de color ni de forma

Formatos de Imgenes Vectoriales:

-CDR- Corel Draw:
Es el formato del programa que lo genera. Los grficos que realizamos conCorel
Draw son vectoriales y estn compuestos por lneas y planos que se sitan en unas
coordenadas concretas en la pgina.
-AI - Adobe Ilustrator:
Sus caractersticas en la forma de construir grficas son iguales a las del Programa
Corel Draw.
-EPS - Encapsulated Postscript:
El EPS es uno de los mejores formatos para ser importados desde la mayora de
software de diseo. Es un formato muy adaptable ya que podemos utilizarlo
igualmente para imagen vectorial como mapa de bits.
- FLA y SWF:
Extensiones generadas por el software Flash. Optimo para animaciones de bajo
peso

>| Video:
Principios bsicos de la fotografa