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
Top Related