El documento describe los sistemas de color CMYK y RGB, así como conceptos como la resolución, profundidad de color e histograma. El CMYK se usa en impresión y el RGB en pantallas digitales. La resolución real se refiere a los píxeles de una imagen mientras que la de salida depende de la densidad de puntos por pulgada al imprimir. Cuanta mayor profundidad de color, más valores pueden representarse. El histograma muestra la distribución de los colores en una imagen.

1. Hugo Román
IMÁGENES
DISEÑO Y PROGRAMACIÓN WEB

2. SISTEMAS DE COLOR
COLORES PIGMENTO COLORES LUZ
SISTEMA SUSTRACTIVO SISTEMAADITIVO
Ej: Tintas, pinturas Ej: Monitores, VideoProyecciones
CYAN MAGENTA
YELLOW
BLACK
RED GREEN
BLUE
Hugo Román

3. SISTEMAS DE COLOR
Cyan
Magenta
Yellow
BlacK
CMYK = CMAN (Cian, Magenta, Amarillo y Negro) = Cuatricromía
Red
Green
Blue
Se usa en: Imprentas de alta calidad
Se usa en: Webs, Impresoras normales, copisterías…
RGB = RVA (Rojo, Verde Azul)
Hugo Román

4. RESOLUCIÓN REAL
40 x 40 píxeles = 1600 px = 0,0016 MegaPíxeles (MP)
Hugo Román

5. RESOLUCIÓN REAL
Hugo Román

6. RESOLUCIÓN DE SALIDA
Hugo Román
10 ppp
píxeles por pugada (ppp) = dots per inch (dpi) = pixels per inch (ppi)
20 ppp
1 pulgada = 2,54 cm
1 pulgada 1 pulgada

7. RESOLUCIÓN REAL vs RESOLUCIÓN DE SALIDA
Hugo Román
Resolución real = 1024 x 768 píxeles
Resolución de salida:
72 ppp 150 ppp 300 ppp
Tamaño de impresión (aprox.):
36 x 27 cm 17,4 x 13 cm 8,7 x 6,5 cm
14,2 pulgadas
6,8 pulgadas
3,4 pul.

8. RESOLUCIÓN RECOMENDADA
800 x 600 = 480.000 px ≈ 0,5 MP
1024 x 768 = 786.432 px ≈ 0,8 MP
1MP -> 10x15cm (≈ A6)
2MP -> 15x20cm (≈ A5)
3MP -> A4
4MP -> A3
5MP -> A2
6MP -> A1
Pantalla de Ordenador: 72 ppp
Impresión: entre 150 y 300 ppp
Hugo Román
Tamaños de impresión para una resolución de 150 ppp
Tamaños de papel universales

9. FORMATOS
BMP: mapa de bits (Windows)
TIFF: formato estándar de Alta Calidad
PSD: formato exclusivo de Photoshop
JPEG / JPG: Compresión con pérdida.
No permite transparencias.
GIF: Compresión sin pérdida.
Sí permite transparencias.
Sólo permite 256 colores.
PNG: Compresión sin pérdida.
Sí permite transparencias.
No está limitado a 256 colores.
SIN
COMPRESIÓN
CON
COMPRESIÓN
CON CAPAS
Hugo Román

10. JPEG (buena calidad) 200 KB GIF (256 colores) 200 KB
Hugo Román
FORMATOS

11. JPEG (baja calidad) 10 KB GIF (16 colores) 10 KB
Hugo Román
FORMATOS

12. PROFUNDIDAD DE COLOR
1 bit  2 = 2 valores
2 bits  2 = 4 valores
3 bits  2 = 8 valores
…
8 bits  2 = 256 valores
1
nº de bits
2
3
8
Sistema binario: 2 = nº de valores posibles
0 1
00 01 10 11
000 001 010 011 100 101 110 111
Hugo Román

13. 1 bit 2 bits
3 bits 4 bits
PROFUNDIDAD DE COLOR
Hugo Román

14. 8 bits
PROFUNDIDAD DE COLOR
Hugo Román

15. 8 bits en RGB:
8 bits en Escala de Grises:
8 bits en Red
8 bits en Green
8 bits en Blue
2 = 256 valores
8
2 x 2 x 2 = 16.777.216 colores
8 8 8
(color verdadero)
PROFUNDIDAD DE COLOR
Hugo Román

16. PROFUNDIDAD DE COLOR
Hugo Román

17. HISTOGRAMA
Hugo Román

18. HISTOGRAMA
Hugo Román

19. HISTOGRAMA
Hugo Román

20. HISTOGRAMA
Situación de Bajo Contraste:
Situación de Contraste Ideal:
Situación de Alto Contraste:
sombras luces
Hugo Román