La Imagen Digital

Repaso
Resolucin
Mapas de bits
Formatos de compresin
Modos color
Otros modos
Profundidad de color
1

Consultar: http://www.desarrolloweb.com/articulos/1779.php
2

Introduccin

Una imagen digital se representa por una serie de dgitos

binarios (bits). As se puede almacenar en ficheros formando
una larga secuencia tipo 10011001010100001111101

Se puede decir que cada fotografa puede descomponerse en

minsculas cuadrculas elementales y c/u de ellas estar
representada por un nmero de bits que representan su
intensidad lumnica (claro-obscuro) como su color.

Estas cuadrculas elementales se denominan pxeles (Picture

Elements) y fueron definidas en el Captulo 1.2.

Resolucin de Imagen

La resolucin de una imagen indica cunto detalle puede

observarse en esta.
esta El trmino es comnmente utilizado en relacin a
imgenes de Fotografa digital, pero tambin se utiliza para describir cun
ntida (como antnimo de granular) es una imagen de fotografa
convencional (o Fotografa qumica).

Tener mayor resolucin se traduce en obtener una imagen con ms detalle

o calidad visual. Para las imgenes digitales almacenadas como mapa de
bits.

La convencin es describir la resolucin de la imagen con dos nmeros

enteros, donde el primero es la cantidad de filas de pxeles (cuntos
pxeles tiene la imagen a lo ancho) y el segundo es la cantidad de
columnas de pxeles (cuntos pxeles tiene la imagen a lo alto).

La resolucin de una cmara digital debemos conocer los pxeles de

ancho x alto a los que es capaz de obtener una imagen. As una cmara
capaz de obtener una imagen de 1600 x 1200 pxeles tiene una resolucin
de 1600x1200=1.920.000 pxeles, es decir 1,92 megapxeles.
4

Resolucin en Pxeles

La resolucin es un factor importante cuando movemos

imgenes entre diferentes modos de display (computadoras),
se refiere a la relacin de la anchura de pxel a su altura (o
relacin de aspecto).

lo cual podra distorsionar el detalle de imagen transferida de

mquina a mquina con diferentes resoluciones de pxel.

Por ejemplo, si se captura una imagen en un computador que

usare pxeles rectangulares con una relacin de aspecto 1:2 y
luego lo muestras en otro monitor que usare pxeles
cuadrados de relacin 1:1, la imagen se distorsionar.

Las inconsistencias de la resolucin en pxeles no ocurren

frecuentemente dado que la mayora de los monitores, usan
pxeles cuadrados con una relacin de aspecto de 1:1.
5

Mapas de Bit (Bitmaps)

Las imgenes en mapas de bit o bitmaps se componen de

un SET (conjunto) de bits de informacin en la memoria
de un computador que definen el color y la intensidad de
cada PXEL en la imagen.

Se usan principalmente para reproducir imgenes que

contienen detalle, densidades y colores en fotografas,
almacenadas como mapas de bits (bitmaps), que se
cargan directamente de la memoria para observarse, pero
requieren mas espacio porque conservan la informacin de
cada pxel, o picture element.

La limitacin fundamental asociada con bitmap y su

tamao es el tiempo necesario para encontrar y copiar
una imagen de la memoria RAM y mostrarla en pantalla.
6

Profundidad de Color

Un tema importante cuando hablamos de modelos de color es la

profundidad de color y significa la cantidad de bits que
requiere cada pxel para mostrar su color.
color

Las profundidades ms usuales son de 1 bit (2 colores) modo

blanco y negro, 4 bits (16 colores), 8 bits (256 colores) como en
el modo Indexado

En alta resolucin: 16 bits: 65.000 colores, (ver diapositiva 19),

24 bits (16,77 millones de colores) como el RGB y 32 bits
4,29109 colores como CMYK.

Imagen - Tamao en Bytes

El tamao de un mapa de bits bitmap se relaciona con el

numero de bits en la imagen.

Tamao(bytes)=altura(pxl) x ancho(pxl) x profundidad de color/8

Siendo altura el nmero de pxeles verticales, anchura nmero

de pxeles horizontales, como se vio, y la profundidad de color
el nmero de bits de informacin de color por pxel.
pxel

Ejemplo: en una pantalla completa bitmap a 1 bit por pxel

(blanco y negro) con una resolucin de monitor de 640 x 480
entonces hay:
Tamao = 640 x 480 x 1bit / 8 = 38.400 bytes

Este nmero representa la cantidad de espacio requerido para

bitmaps no comprimidos. En cambio, una imagen color de 8
bits por pxel presentar un tamao:
Tamao = 640 x 480 x 8 bit/8 = 307.200 bytes.
8

Formatos Comprimidos

La fotografa digital a la salida de los

detectores CMOS o CCD se convierte en un
fichero pero hay muchas formas de ordenar
esos dgitos y se pueden aplicar diferentes
algoritmos de compresin

As existen varios formatos: PCX, TIFF, JPEG,

GIF, etc., y se usar uno u otro segn la
aplicacin, sin embargo algunos son ms
conocidos que otros.

Ningn formato es mejor en si mismo o por

decreto, depende de la aplicacin que se le
quiera dar.

En las siguientes diapositivas estudiaremos los

ms conocidos.
9

Formato BMP

BMP (Bitmap = Mapa de bits). Es muy utilizado porque ha sido

desarrollado para aplicaciones Windows.

La imagen se forma mediante una parrilla de pxeles (puntos

luminosos con cierto color).

El formato BMP no sufre prdidas de calidad y por tanto resulta

adecuado para guardar imgenes que se desean manipular
posteriormente.

Ventaja: Soporta gran cantidad de informacin de la imagen.

Inconveniente: El archivo que contiene la imagen tiene un

tamao muy grande.
grande
10

Formato GIF

GIF (Graphics Interchange Format) Formato de Intercambio

Grfico). Ha sido diseado especficamente para comprimir
imgenes creadas por ordenador.

El archivos GIF mantiene los bordes ntidos. No experimenta

prdida en la calidad de imagen y est formado a lo sumo por
una paleta de 256 colores.

Admite gamas de menor nmero de colores y esto favorece

un archivo de menor tamao.

Ventajas: Es ideal para publicar dibujos en la Web.

Inconvenientes: No es recomendable para fotografas de

cierta calidad o para guardar imgenes originales.
originales

11

Formato JPEG

JPEG (Joint Photographic Experts Group) Grupo de Expertos

Fotogrficos Unidos. Admite una paleta de hasta 16106 colores.
Es decir: 24 bits (16,77 millones de colores)

La compresin JPEG implica que cada vez que se modifica y

guarda un archivo JPEG, se pierde algo ms de calidad en la
imagen pero en la mayora de los casos es asumible porque
ofrece una relacin de compresin excelente.

Las imgenes JPEG admiten carga progresiva (parecida a la carga

entrelazada). Esto es: cuando empiezan a llegar los datos de la
imagen del servidor se dibuja una versin de baja definicin y
conforme se va descargando la imagen se van haciendo barridos
progresivos hasta llegar a la versin final.

Ventajas: Es ideal para publicar fotografas en la Web.

Inconvenientes: No es recomendable para archivar originales.

12

Formato TIFF

TIFF (Tagged Image File Format) Formato de Archivo de

Imagen Etiquetada.

Almacena imgenes de una calidad excelente.

Puede almacenar cualquier profundidad de color de 1 a 32

bits.

Es el formato ideal para editar o imprimir una imagen.

Ventaja: Es ideal para archivar archivos originales.

Inconveniente: Produce archivos muy grandes.

13

Formato PNG y PPF

PNG (Portable Network Graphic) Grfico portables para la Red.

Es un formato de reciente difusin alternativo al GIF. La tasa de

compresin es superior al GIF, sin prdida de informacin y con
posibilidad de emplear un nmero de colores superior a los 256 que
impone el GIF. Debido a su reciente aparicin slo es soportado en
navegadores modernos como IE4 o superior.

PPF (Print Production Format) Es un formato relativamente nuevo que usa

el Photopaint. Desarrollado en Alemania por el CIP3 Konsortium de la
Heidelberger Druckmaschinen AG. Es utilizado en la produccin de
impresin como contenedor(*) para el intercambio de datos entre la
preimpresin, la impresin y el acabado de la impresin.

Se lo utiliza en la impresin de folletos. Es til para guardar archivos B y N

16 bits no soportado por otros formatos estndar (ver diapositiva 22).

(*) Un contenedor es un tipo de formato de archivo que almacena

informacin de vdeo, audio, subttulos, captulos, meta-datos e
informacin de sincronizacin siguiendo un formato preestablecido
en su especificacin. El AVI, MPG, QuickTime, WMV, Ogg son
ejemplos de contenedores.
14

Los formatos bsicos

JPG
Nmero de colores: 24 bits
color o 8 bits B/N
Muy alto grado de
compresin.
Formato de compresin con
prdida.
Admite carga progresiva
No permite transparencia.
No permite animacin.
No permite Grises de 16 bits
Iconos:

GIF
Hasta 256 colores.
Formato de compresin sin
prdida.
Admite carga progresiva.
Permite transparencia.
Animacin simple.
PNG
Ms de 256 colores.
Mayor compresin que el
formato GIF (+10%)
Compresin sin prdida.
Transparencia variable.
Admite carga progresiva.
No permite animacin
15

Modo Color

Los modos de color son formas diferentes de definir el color sea en pantalla
o en la pgina impresa. Existen varios modelos de color:

RGB (RVA): Se le conoce como el modo aditivo, pues para aclarar un

color se agregan cantidades superiores de luz Roja, Verde y Azul. Cada
uno de estos colores puede tener hasta 256 niveles de intensidad.
Es el modelo ideal para editar imgenes en pantalla y es usado tambin
por televisores, proyectores, escneres, etc.

HSB:
HSB (Tono, saturacin y brillo) El tono es el color puro. La saturacin
representa la intensidad del color. El brillo es la luminosidad u oscuridad de
un color. Son generalmente usadas para aplicaciones cientficas.

CMYK (CMAN): Compuesto por cian, magenta, amarillo y negro. Se le

conoce como el modo sustractivo y se aplica a los pigmentos. Se utiliza
en impresoras

Cuando se proyecta la luz sobre un objeto, este absorbe algo de la luz y

refleja el resto. La luz reflejada es el color que observamos. Los
colores HSB o CMYK no son tan puros y brillantes como los RGB.
RGB
16

Otros Modos

LAB:
LAB Creado por la llamada Comisin Internacional de Iluminacin (CIE),
tericamente cubre los colores RGB y CMYK y es independiente de la luz y
los pigmentos.

Contiene 3 canales: uno para luminosidad (L) y los otros dos (a y b) para
gamas de color.

Blanco y Negro:
Negro Cada pxel contiene un bit de informacin, con slo dos
opciones de color, negro o blanco.
blanco Es posible simular tonalidades de gris por
medio del tramado, tcnica que convierte la imagen en puntos, lneas o
motivos que el ojo percibe como un tono continuo (Img. 4 Diapositiva 24).

Escala de Grises:
Grises representa la informacin usando 8 bits por pxel y tiene
posibilidad de 256 tonalidades de gris. Desde 0, el tono ms oscuro y
256, el ms claro.

Color Indexado:
Indexado llamado tambin Imagen con paleta, puede representar
como mximo 256 colores de 8 bit por pxel. Se usa generalmente para
imgenes GIF o PNG,
PNG al reducir el nmero de colores se reduce
tambin el peso del archivo.
archivo

17

Color de alta resolucin

Color de alta resolucin o HiColor

Los valores de profundidad de color de 15 y 16 bits son

llamados habitualmente color de alta resolucin o HiColor.

En la profundidad de 16 bpp (bit por pixel) se utilizan 5 bits

para codificar la intensidad del rojo, 6 para el verde y los otros 5
para el azul.

La razn de esto es que experimentalmente se sabe que el ojo

humano es ms sensible al color verde, y que puede discriminar
ms tonos que varan ligeramente en la intensidad verde.

Con la profundidad de 16 bpp (bit por pixel) es posible

representar 32 x 64 x 32 = 65536 colores en cada pixel. El
tamao de la imagen depender de la profundidad de bit.
18

Color verdadero o True Color

Para la profundidad de color de 24 bpp (bits por pixel), se habla

de color verdadero debido a que la policroma se acerca a lo que el
ojo humano puede encontrar en el mundo real, y a que el ojo humano
se torna incapaz de diferenciar entre un tono y otro, si la diferencia se
mantiene en un cierto rango mnimo.

En la profundidad de color de 24 bits por pxel, se dedica un octeto

entero (28) a representar la intensidad luminosa de cada uno
de los tres tonos primarios de rojo, verde y azul, lo cual permite
que cada pxel pueda tomar 256 x 256 x 256 = 16.777.216 colores
distintos.

Cuando se utilizan 32 bits para representar un color se agrega al

esquema de 256 valores para cada tono primario un cuarto
canal denominado alfa que representa la transparencia. Este
valor se utiliza cuando se deben superponer dos imgenes.
19

Los ms utilizados

Los modos ms usados en edicin digital son RGB pues es el

modo que mejor resultado y performance alcanza para la aplicacin
de filtros y efectos (muchos de ellos trabajan exclusivamente en
este modo de color).

Todo trabajo en pantalla o Web debe editarse en modo RGB,

RGB
en tanto que el modo CMYK se utiliza para trabajos de impresin.

20

Profundidad de color (Resumen)

Consultar: http://www.desarrolloweb.com/articulos/1779.php
21

Ejemplos de Profundidad de color

Original
Anna Netrebko

Las imgenes las

he procesado con

24 bit jpg 26 k

16 bit ppf 240 k

8 bit jpg 9,6 k

PhotoPaint X3
Feb. 2011
8 bit gif 24 k

1 bit gif 8 k

22

Fragmento del original profundidades

_jpg_

3.- Grises 8 bit 891 k Ph-paint

1.- Original 24 bit 1.1 M - Casio

_gif_

2.- Paleta 8 bit 392 K - Ph-paint

4.- ByN 1 bit 211 k - Ph-paint

Lo proces en Feb. 2011 Original: Praga 2007, con mi Casio de 12 Mega pixel.

23

Resolucin () Profundidades color

_jpg_

1.- Original 24 bit 100 k ()

3.- Grises 8 bit 75 k ()

_gif_

2.- Paleta 8 bit 31 k ()

4.- ByN 1 bit 9 k ()

Remuestreado al 25% del original = ().

24