IMÁGENESDIGITALES

IMAGEN DIGITAL

Cuando una computadora lee una imagen, se puede identificaren 3 zonas:

* PANTALLA (salida)* RAM (memoria)* EL ARCHIVO (almacenamiento)

IMAGEN DIGITAL EN

PANTALLA

Elementos de la misma naturaleza,más o menos uniformes,organizados en patrones más o menos regulares,que forman un sistema que recrea una imagen.

¿Qué son los pixeles?

PIXEL DIGITAL:* Perfectamente cuadrados* Todos del mismo tamaño* No puede ser dividido* Tienen un aspecto definido (un color plano)* Tienen ubicación en el espacio

PIXEL (Picture Element)

* Unidad mínimo e indivisible de informacióncon que se forma un sistema de imagen

* Conjunto de pixeles digitales existentes en una red o mapa,comúnmente se le conoce como mapa de bits (bitmap)* Son conocidas también como imágenes ráster

IMAGEN DIGITAL

Líneas ráster: filas horizontales en que se ordenan los pixeles.

IMAGEN DIGITAL = MAPA DE BITS

IMAGEN DIGITAL EN

MEMORIA (RAM)

MAPA DE BITS (Bitmap)

* Cada uno de los pixeles representa unos datos en la RAM,que describen con precisión ese píxel.* La descripción de la imagen se crea a partir de un númerode bits.

BITS:Bloques de construcciónlógica de datos* Débiles señales eléctricasque pueden asumirel valor de 0 el valor de 1.

MAPA DE BITS (Bitmap)

MAPA DE BITS: describe como la computadora "DIBUJA" una imagenen la pantalla partiendo de datos digitales (0 y 1).

MAPA DE BITS (Bitmap)

* Cada punto de la imagen ocupa 1 bit de datos en la RAM

* Solamente tenemos 2 colores:blanco y negro(estar prendido o apagado)

* Profundidad de color:1 BIT por pixel

IMAGEN DIGITAL EN

ARCHIVO (Almacenamiento)

IMAGEN DIGITAL EN ARCHIVO

* Cada punto de la imagen ocupa 1 bit de datos en la RAM8 bits = 1 Byte

BYTE: Unidad básica de almacenamiento de información

K - kilo 210 = 1024M - mega 220 = 1048 576G - giga 230 = 1073 741 824T - tera 240 = 1099 511 627 776P - peta 250 = 1125 899 906 842 624E - exa 260

Z - zetta 270

Y - yotta 280

IMAGEN DIGITAL EN ARCHIVO

Los prefijos kilo, mega, giga, etc. son potencias de 1024.Esto porque 1024 es la potencia de 210 más cercana a 1000

Bit (b)1 Byte (B) = 8 bits1 Kilobyte (KB) = 1,024 Bytes1 Megabyte (MB) = 1,024 KB1 Gigabyte (GB) = 1,024 MB1 Terabyte (TB) = 1,024 GB

COMPRESIÓNDE ARCHIVOS

COMPRESIÓN DE ARCHIVOS

Comprimir es empaquetar grandes cantidadesde datos para que ocupen menos espacioal almacenarlos y transportarlos

0000000000000001110001110000111000111000011100011100001110001110000111000111000011111111100001111111110000111000111000011100011100001110001110000111000111000011100011100

011100111001110011100111111110011111111001110011100111001110

COMPRESIÓN

DESCOMPRESIÓN

TIPOS DE COMPRESIÓN

* SIN pérdidas* CON pérdidas

PÉRDIDA: Significa que detalles de laimagen se pierden durante la compresión.Ya no será posible recrear estos datosa partir del archivo comprimido.

TIPOS DE COMPRESIÓN

SIN pérdidas

0000000000000001110001110000111000111000011100011100001110001110000111000111000011111111100001111111110000111000111000011100011100001110001110000111000111000011100011100

0=130=2, 1=3, 0=3, 1=3, 0=20=2, 1=3, 0=3, 1=3, 0=20=2, 1=3, 0=3, 1=3, 0=20=2, 1=3, 0=3, 1=3, 0=20=2, 1=3, 0=3, 1=3, 0=20=2, 1=9, 0=20=2, 1=9, 0=20=2, 1=3, 0=3, 1=3, 0=20=2, 1=3, 0=3, 1=3, 0=20=2, 1=3, 0=3, 1=3, 0=20=2, 1=3, 0=3, 1=3, 0=20=2, 1=3, 0=3, 1=3, 0=2

TIPOS DE COMPRESIÓN

CON pérdidas

0000000000000001110001110000111000111000011100011100001110001110000111000111000011111111100001111111110000111000111000011100011100001110001110000111000111000011100011100

0=130=7, 1=60=7, 1=60=7, 1=60=7, 1=60=7, 1=60=4, 1=90=4, 1=90=7, 1=60=7, 1=60=7, 1=60=7, 1=60=7, 1=6

TIPOS DE COMPRESIÓN

SIN pérdidas CON pérdidas

ESCALADE IMAGEN

40 x 37 pixeles40 x 37 pixeles

Cuando se reduce una imagen:* El programa elimina pixeles* Mantiene la imagen lo más parecida posiblea la original.

190 x 175 pixeles190 x 175 pixeles

DISMINUIR ESCALA (Downsampling)

* Cada pixel se amplía mecánicamente

AUMENTAR ESCALA (Redimensionar)

40 x 37 pixeles1900 x 1750 pixeles1900 x 1750 pixeles

* Es una operación matemática del programa.* A partir de un cálculo se añaden pixelesque la imagen todavía no tiene * Se ajusta la imagen.

REMUESTREO (Interpolación)

* El programa comparará cada pixel con losocho pixeles que tiene al lado y calcularála nueva imagen sobre ese fondo.* El mejor método de interpolación es BICÚBICO.

REMUESTREO (Interpolación)

RESOLUCIÓN

* Cantidad de pixeles por unidad de longitud.* Número de elementos de imagen (pixeles) porunidad de medida en un sistema de imagen.* A mayor resolución, mayor número de puntosde imagen en el mismo espacio y, por tanto,mayor definición.

RESOLUCIÓN

420 x 315 pixeles420 x 315 pixeles = 132,300 pixeles= 0.13 megapixeles

= Cantidad de informaciónalmacenada en una imagen

TAMAÑO DE UNA IMAGEN DIGITAL:* Expresada en pixeles de ancho por pixeles de alto* Se refiere a las dimensiones absolutas de imagen

DIFERENCIA ENTRE TAMAÑO Y RESOLUCIÓN

RESOLUCIÓN DE UNA IMAGEN DIGITAL:* Cantidad de pixeles por pulgada en una imagen* Mientras más alta la resolución, tendremosmás pixeles por pulgada.* Imagen más grande en resolución = pixel pequeño

* DE ENTRADA (input)

* DE SALIDA (output)

* DE PANTALLA

TIPOS DE RESOLUCIÓN

* Número de pixeles obtenidos de una imagenanalógica o digital.* A través de cámaras o escáner* Medida en pixels por pulgada PPI (pixels per inch)

RESOLUCIÓN DE ENTRADA (input)

* Pasar de una imágen digital a una analógica* Es la resolución del dispositivo de salida* El número de puntos que la impresora consiguepintar en una pulgada. DPI (dots per inch)

RESOLUCIÓN DE SALIDA (output)

* Tamaño en pixeles de la imagen que se muestraen pantalla.* Generalmente es de 72 ppi

RESOLUCIÓN DE PANTALLA

MÁS COMUNES:

* Monitor 15" (800 x 600) = 72 ppi* Monitor 17" (1024 x 768) = 80 ppi* Monitor 19" (1280 x 960) = 89 ppi* Monitor 21" (1600 x 1200) = 100 ppi

PROFUNDIDADDE COLOR DE

PIXEL

* Imágenes BLANCO y NEGRO(1 bit por pixel)

* Imágenes ESCALA DE GRISES(1 Byte por pixel) = 8 bits= 28 = (2x2x2x2x2x2x2x2) = 256 tonos

* Imágenes COLOR(3 Bytes por pixel) = 24 bits= 28(3) = 256 tonos por canal= 16.7 millones de colores

PROFUNDIDAD DE COLOR

PROFUNDIDAD DE COLOR - Ejemplos

63 x 23468 x 60

800 x 6002048 x 1536

PIXELES PROFUNDIDAD COLOR MAPA DE BITS

1 bit5 bits

24 bits24 bits

182 bytes17,550 bytes

1,440,000 bytes9,437,184 bytes

SISTEMA DE COLOR RGB vs CÓDIGO BINARIO

Blanco

Negro

Cyan

Rojo

VerdeAzul

AmarilloMagenta

1

0

0

1

0

1

1

0

CÓDIGO BINARIO

R

SISTEMA RGB

G B COLOR R G B

0

1

0

1

0

1

0

1

0

0

1

1

0

0

1

1

Rojo

Verde

Azul

Blanco

Negro

Amarillo

Magenta

Cian

255

0

0

255

0

255

255

0

0

255

0

255

0

255

0

255

0

0

255

255

0

0

255

255

SISTEMA DE COLOR RGB vs CÓDIGO BINARIO

SISTEMA DE COLOR RGB

COLOR R G B

Gris medio

Gris oscuro

Gris claro

Azul oscuro

Rojo oscuro

Verde oscuro

Verde oliva

Oro

Turquesa

Naranja

128

40

230

0

128

0

128

255

102

255

128

40

230

0

0

128

128

215

255

102

128

40

230

128

0

0

0

0

204

0

CONVERSIÓN RGB-CMYK

* El sistema RGB no es capaz de representar todos los colores perceptibles por el ojo humano.* Las imágenes con tonos azules y verdes van a perder más calidad cuando sean impresas.

Cada pixel puede representar una gama de coloresque esta en relación directa al numero de bitque tenga cada pixel.

PROFUNDIDAD DE COLOR

BITS POR PIXEL No. de COLORES RGB

148

1624

32

216

25665.536

16.777.216

16.777.216+ transparencia

SE UTILIZA PARA:

Gráficos B/N (arte lineal)

Colores indexadoso tonalidades de gris

Color de alta densidad

Color verdadero

Imágenescon transparencia

En sistemas más avanzados se pueden reproduciruna mayor cantidad de colores.

PROFUNDIDAD DE COLOR

BITS POR CANAL ESCALA DE GRISES

1 bit2 bits4 bits8 bits

12 bits14 bits16 bits

24

16256

4,09616,38465,536

COLORES RGB

848

4,09616.7 millones (24 bits)

68,700 millones (36 bits)

4,4 billones (42 bits)

281 billones (48 bits)

PROFUNDIDAD DE COLOR

Las computadoras ordenan la información en basea microinterruptores con sólo 2 posiciones:encendido y apagado

* Si un número binario tiene menos de 8 bits se le acompletacon ceros; por ejemplo: 11001 = 11001000* En 1 Byte, el primer bit tiene valor de 1, el segundovale 2, el tercero 4, el cuarto 8, etc.

PROFUNDIDAD DE COLOR

Código binario: 11001000 (8 bits)Número decimal: 19

FORMATOSDE ARCHIVOS

CARACTERÍSTICAS:

IMÁGENES RÁSTER

* Describen imágenes usando pixeles dentro de un mapa* Está determinado por el valor y ubicación de cada pixel* Cuando son vistos a la resolución correcta formanuna imagen* Dependen de la resolución

PRINCIPALES FORMATOS:

* PCX (Paintbrush)- Muy utilizado para imágenes a 256 colores

* BMP (Bitt Mapped Graphics o formato gráfico por mapeo de bits)- Utilizado por Windows para almacenar imágenes en trama de puntos o pixel.-Admite 24 bits.

* TIF (Tag Image File Format) Imágenes etiquetadas- Diseñado para gráficos de alta resolución (48 bits) de intercambio e imprenta-Tiene varios esquemas de compresión sin pérdida de calidad (TIFF LZW)

* RAW (Crudo)- Formato de imagen en bruto CREADO en cámaras profesionales de fotos- Tiene toda la información original capturada en el sensor de la cámara- Compresión sin pérdidas, de hasta 48 bits por pixel (16 por canal)- Suele conocerse como negativo digital, es manipulable para “revelarlo”

IMÁGENES RÁSTER

PRINCIPALES FORMATOS:

* TGA (Truevision Targa)- Formato de alta calidad creado por Truevision para 24 bits- En 32 bits muy utilizado para televisión gracias al key (recorte), obteniendoimágenes “transparentes” sobre otras.

* JPG (Joint Photographics Experts Group)- Compresión variable de imágenes de hasta 24 bits.- Tiene pérdida de calidad ajustable.- No tiene transparencia- Muy usado en cámaras digitales y para envíos en WEB

* PNG (Portable Networks Graphics)- Remplazó al GIF en la WEB, es más versátil, ligero y puede ser progresivo- Profundidad de color de 8 a 32 bits (permite transparencia)- Compresión sin pérdida

IMÁGENES RÁSTER

PRINCIPALES FORMATOS:

* PSD (Photoshop Document)- Puede contener grandes volúmenes de datos de imágenes a través de capas- Archivo de alta calidad y peso-Tiene capacidad de transparencia (32 a 48 bits)

* GIF (Graphic Interchange Format)- Almacena principalmente imágenes de baja resolución.- Uno de los formatos más utilizados en internet, logos, íconos.- Profundidad máxima de 8 bits (256 colores)- Compresión sin pérdidas

* GIF Animado (Graphic Interchange Format) - Animado- Permite que varias imágenes puedan ser compiladas dentrode un mismo archivo GIF.- GIF87a. Formato base y GIF89a permite transparencia

IMÁGENES RÁSTER

PRINCIPALES FORMATOS:

* SIN PÉRDIDA

IMÁGENES RÁSTER

* CON PÉRDIDA:

• PCX • TIF• RAW• BMP• PSD• TGA

• JPG (manejable)• PNG• GIF

CARACTERÍSTICAS:

IMÁGENES VECTORIALES

* Forman las imágenes usando líneas y curvas (vectores)* Incluyen información de posición, grosor y color* Son independientes de la resolución* Pueden ser mostrados en diferentes dispositivossin perder calidad.* Fácilmente redimensionablesy alterables

PRINCIPALES FORMATOS:

* AI (Adobe Illustrator)* CDR (Corel Draw)* DXF (Autocad)* DWG (Autocad)* WMF (Windows Metafile Format)* EMF (Enhanced Metafile Format)* FLA (Archivo nativo de Adobe Flash)* SWF (Permite mostrar animaciones vectoriales pero tambiénadmite imágenes ráster)

IMÁGENES VECTORIALES

PRINCIPALES FORMATOS:

IMÁGENES VECTORIALES Y RÁSTER:

* PDF (Portable Document Format):- Es un documento que incluye texto y gráfico en un archivo que conservala apariencia del original.- Puede contener múltiples páginas y enlaces- Puede almacenar tipografías- Muy utilizado para folletos, manuales, libros, etc.

* EPS (Encapsulated Postscript)- Archivo comprimido para imágenes de alta resolución.- Puede ser editado en Illustrator e InDesign.

* SWF (Macromedia Flash)- Permite cargar animación al mismo tiempo que se muestra en navegador.- Posibilidad de interactuar mediante Action Script.- Soporta importación de video y sonido dentro de la animación

FORMATOSDE VIDEO

PRINCIPALES CÓDECS DE VIDEOWMV

MPEG1MPEG2

MPEG2-DVDMPEG2-BluRay

MPEG4MOV

AVI DVAVI

FLV-F4VH.264 - H.264BR

Xvid3GP

Windows Media VideoMotion Picture Experts Group Layer 1Motion Picture Experts Group Layer 2MPEG- especial para DVDMPEG- especial para BluRayBasado en formato QuickTimeApple Quick TimeMicrosoft Audio Video - Digital VideoAVI Sin compresiónFlashVideo de Alta compresiónFormato alta calidad y compresión3GPP - 3rd Generation Partnership Project

PRINCIPALES CÓDECS DE AUDIOPCMWAV

AIF-AIFFWMAFLAC

ALE-ALACMP3M4AAAC

WMAOGG

RA-RPMASND

AC3-DTSMIDI-MID

Pulse Code Modulation"Wave"form Audio File FormatAudio Interchange File FormatWindoes Media AudioFree Lossless Audio CodecApple Lossless Encoder / Audio CodecMotion Picture Group 1 Layer 3MPEG 4 para audioAdvanced Audio CodingWindows Media AudioOGG Squish VorbisReal Audio PlayerAdobe SoundDolby Digital SoundMusical Instrumental Digital Interface

CÓDIGOS DE COLOREN NÚMEROS

HEXADECIMALES

* Constan de 6 dígitos* Se utilizan principalmente para describir loscolores RGB en HTML (WEB)

NÚMEROS HEXADECIMALES

* EL DÍGITO PUEDE TENER UN VALOR ENTRE 16: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

16 X 16 = 256* Se identifica el valor de un color con 2 númeroshexadecimales

# = D9,A0,2D

NÚMEROS HEXADECIMALES

DEC. HEX.

0123489

1011121314

000102030408090A0B0C0D0E

DEC. HEX.

151617181920212223242526

0F101112131415161718191A

DEC. HEX.

272829303132405060708090

1B1C1D1E1F2028323C46505A

DEC. HEX.

120140160175190200215232240248250255

788CA0AFBEC8D7E8F0F8FAFF

# = D9A02D

# = DORADO

NÚMEROS HEXADECIMALES

# = D9,A0,2D

ROJO VERDE AZUL

= 217 160 45

# = (217,160,45)

SISTEMA RGB

COLOR R G B

Rojo

Verde

Azul

Blanco

Negro

Amarillo

Magenta

Cian

255

0

0

255

0

255

255

0

0

255

0

255

0

255

0

255

0

0

255

255

0

0

255

255

NÚMEROS HEXADECIMALES

HEXADECIMAL

#FF0000

#00FF00

#0000FF

#FFFFFF

#000000

#FFFF00

#FF00FF

#00FFFF

NÚMEROS HEXADECIMALES

COLOR R G B

Gris medio

Gris oscuro

Gris claro

Azul oscuro

Rojo oscuro

Verde oscuro

Verde oliva

Oro

Turquesa

Naranja

128

40

230

0

0

128

128

215

255

102

128

40

230

128

0

0

0

0

204

0

HEXADECIMAL

128

40

230

0

128

0

128

255

102

255

#808080

#282828

#E6E6E6

#000080

#800000

#008000

#808000

#FFD700

#66FFCC

#FF6600