Este documento resume los conceptos clave de las imágenes digitales. Explica que una imagen digital está compuesta de píxeles y define elementos como la resolución, tamaño, modos de color y formatos comunes. También describe los métodos de representación de imágenes como mapas de bits y gráficos vectoriales, y explica la diferencia entre escalado y remuestreo.

1. Unidad didáctica 3: La Imagen Digital
Morfología de la imagen digital.

2. CONTENIDO
• Anatomía de una cámara digital.
• Píxel- concepto
• Elementos de una imagen
• Métodos de representación de una imagen digital.(mapa bits,
gráficos vectoriales).
• Modos de color de una Imagen (RGB; CMYK, ESCALA DE
GRISES).
• Resolución (diferencia entre tamaño y resolución).
• TAMAÑO DE LAS FOTOS: El Escalado o redimensionado y El
Remuestreo
• FORMATOS MÁS COMUNES.

3. Anatomía de una cámara digital

4. Matriz CCD (charge-couple device, dispositivos acoplados en carga).
Cada CCD es una matriz de elementos microscópicos correspondiendo cada uno a
un píxel de la imagen final. La luz impacta sobre un elementos de colores
RGB (red,green,blue) se genera una carga negativa en proporción a la cantidad de luz
que recibe. Los electrodos recogen esas cargas negativas y las transmiten a través de
los circuitos CCD, a los espejos y la tarjeta lógica de la cámara.

5. Un píxel es la unidad mínima a partir de la
cual se forma cualquier imagen en mapa
bits. Para la representación de un píxel se
puede utilizar 1 bit, 2 bits, 4 bits… de
información. Este valor determinara el
número de colores que puede representar
dicho píxel, entonces a más bits, más
colores y por lo tanto mejor calidad de
imagen, pero también, mayor tamaño de
la misma.

6. ¿Qué es una imagén digital?
Una imagen digital es, una fotografía, un dibujo, un trabajo artístico o cualquier
otra “imagen” que es convertida en un fichero de ordenador.

7. ¿Qué es una imagen digital? Una imagen digital consiste en una colección
ordenada de valores. Estos valores se representan una colección de filas
de valores dispuestas ordenadamente.

8. ¿Qué elementos definen una imagen digital?
- Tamaño de la imagen (medida en píxeles).
- Resolución de entrada (medida en píxeles o en
pdi según el dispositivo).
- Resolución de salida (medida en dpi)
. Profundidad de colores (medida en cantidad
posible de colores).
. LUT (tabla de colores).
. Planos de colores (RGB,…)
-Niveles de gris.
-Tamaños de ficheros (medidas en bytes).
-Tipos de ficheros (formato en el que se ha
guardado).

9. El histograma es una función que muestra, para cada nivel de gris, el
número de píxels de la imagen que tienen ese nivel de gris.

10. Metodos de representación de una
imagen digital
Dos métodos:
Mapas bits: el contenido se representa mediante
puntos rectangulares llamados “pixeles”.
Gráficos vectoriales: cada elemento de la imagen
es tratado como un objeto y se definen
mediante fórmulas matemáticas.

11. Mapas bits
Lo mejor:
Son los mas usados en fotografía, por la
facilidad en el tratamiento de este tipo de
imágenes. Las aplicaciones que Photoshop
tiene eligiendo la herramienta adecuada,
facilita el borrar, pintar, retocar, transformar etc.,
en unos minutos.
Lo peor:
Puede tener la resolución y su tamaño.

12. Gráficos vectoriales
Lo mejor:
Total independencia de resolución sin importar
el grado de ampliación, susfiguras, líneas, texto,
gráficos, etc.. se describen mediante
ecuaciones y fórmulas matemáticas.
Lo peor:
La complejidad que conlleva su creación y
tratamiento, sobre todo a la hora de diseñar
formas irregulares

13. Modos de color de una imagen
RVA o RGB (red, green, Blue)
Utilizado por los monitores de ordenador y
televisión. Esta basado en tres colores: rojo,
verde y azul. Los colores se consiguen a partir
de la conjunción de haces de luz roja, verde y
azul sobre un fondo negro, la ausencia de luz
genera el negro y de sus tres valores máximos
simultáneos se obtiene el blanco.

14. CMAN o CMYK (Cian,Magenta,Amarillo y Negro)
El mas utilizado en imprenta, fotomecánicas o
talleres de preimpresión. Lo utilizan también las
impresoras de inyección a tinta domesticas.
Los colores se obtienen a partir de la acumulación
de tinta cian magenta y amarilla sobre un fondo
blanco, en este caso la ausencia total de color
produce el blanco y la saturación de los tres
colores genera el color negro.

15. Escalas de grises

16. Resolución
Esta dada por el número de pixeles por
pulgada que compone la imagen.
La medida es totalmente lineal, se trata del
numero de pixeles que tiene una imagen
a lo largo de una línea recta de 2,54 cm
de longitud (una pulgada).
Puntos por pulgada ppp.

17. Una misma imagen a 72 ppp y 300 ppp

18. Diferencia entre tamaño y resolución
Tamaño : dimensiones físicas
Resolución : píxeles por pulgada
Nuestro monitor muestra valores de resolución
entre 72ppp y 92ppp, si la imagen tiene una
resolución mayor provocara un aumento en el
tamaño de visualización de la misma, y de haí que
nos parezca que las proporciones de la imagen
aumentan la resolución.

19. Dos imágenes del mismo tamaño en Photoshop con un
valor zoom al 100%, con resoluciones diferentes (72ppp y
300ppp).

20. Tamaño de las fotos
Escalado o redimensionado: no varia el nº de
píxeles y por tanto tampoco la información
cromática.
Remuestreo: varia el nº de píxeles. Y puede bajar
el peso informático según sea el remuestreo a la
alza o baja.

21. Cuadro de control de las dimensiones de la imagen de Photoshop
Escalado o redimensionado: no varia el nº de píxeles y por tanto tampoco la información cromática. Basta
con desactivar la casilla remuestrear la imagen. Se bloquean las casillas de arriba entonces un aumento de
ancho o alto produce una disminución proporcional en la resolución, y viceversa.

22. Escalando la imagen, podemos imprimirla a cualquier tamaño sin
alterar ningún dato.
Pero a veces no basta con este método, pues la calidad de la imagen
tiene un límite

23. Si tenemos una imagen de 3072 píxels x 2048 píxeles la resolución sube
a 520,192. Si se quiere imprimir en papel 10x15cm no necesita tanta
información.

24. Remuestreamos a la baja.
Marcamos remuestrear la imagen y bajamos la resolución a 300
pixels/pulgada, el programa mantiene la medidas 10x15 cm y
disminuye el peso informático, que baja a la tercera parte.

25. Remuestreo a la alza. De izquierda a derecha original 6 píxels de ancho,
remuestreo a 10 píxels de ancho, y resultado de la interpolación

26. Remuestreado de una foto píxelada (A) podemos dejar de ver la estructura de píxeles
(B), pero el resultado no iguala la información de una toma a igual resolución (C).

27. Formatos más comunes
Formatos de mapas de bits
• BMP diseñado para Microsoft para utilizarlo en sus aplicaciones
Paint y PaintBrush.
• TIFF uno de los mas utilizados y extendido para Mac y Windows.
• TGA, PCX: menos conocidos y utilizados que los anteriores.
Formatos Vectoriales
• EPS, para programas como Illustrator o Freehand
• CDR, este formato es propio de CorelDRAW
• SWF y SVG, los formatos más utilizados en el diseño de paginas
Web que requieran el uso de animaciones, contenidos multimedia
Formatos mas indicados para Internet
• GIF, JPEG, PNG-8 y PNG-24.
• JPEG es también el formato mas utilizados en cámaras digitales por
su capacidad de representar imágines de gran calidad con un
tamaño muy ajustado.
• RAW el nuevo negativo Digital.
En Photoshop en Guardar y Guardar como.. Se encuentran estos
programas.