2. LA IMAGEN DIGITAL

2. LA IMAGEN DIGITAL

Las imágenes que nos rodean se diferencian principalmente por el soporte en el que las vemos:

•En papel u otro objeto físico: fotografías tradicionales, imágenes impresas en papel de revistas y folletos...

•En la pantalla del ordenador: imágenes digitales.

Una imagen digital está formada por cierto tipo de datos (por código binario) que permiten que se represente en dispositivos como un monitor, pantalla LCD, teléfono móvil, etc. Incluso puede llevarse al papel por medio de una impresora .

Dispositivos de entrada y dispositivos de salida de una imagen digital

1. El Píxel Píxel es la abreviatura de la expresión inglesa Picture Element (Elemento

de Imagen), y es la unidad más pequeña que encontraremos en las imágenes compuestas por mapa de bits .

Un píxel tiene tres características distinguibles: – Forma cuadrada – Posición relativa al resto de píxeles de un mapa de bits. – Profundidad de color (capacidad para almacenar color), que se

expresa en bits. Esta propiedad la veremos más detenidamente en la siguiente lección.

2. TIPO DE IMÁGENES DIGITALES:

VECTORES O PÍXELES • Las imágenes digitales se dividen en dos grandes grupos: los mapas de

Píxeles (más conocidas como mapas de bits) y las imágenes vectoriales

1. IMAGEN DE MAPA DE BITS:

• El contenido de estas imágenes se representa mediante pequeños puntos rectangulares o cuadrados denominados píxeles.

• Cuando trabajamos con imágenes de mapa de bits debemos recordar que estamos editando una cuadrícula.

Problema con los píxeles:

•La “imagen pixelada”

•El mayor tamaño de sus ficheros, tanto mayor cuanto mayor sea el número de puntos que la formen.

Los mapas de bits resultan apropiados para imágenes con gran variedad de tonos como las fotografías ya que detalla al máximo la información de cada punto de la imagen.

2. LAS IMÁGENES VECTORIALES

• Están formadas por líneas y polígonos que contienen colores uniformes o degradados.

•Esto significa que si yo tengo una imagen de un triángulo formada por vectores no importa cuánto amplíe la imagen, nunca perderá definición, siempre se verá nítida, se puede redimensionar sin pérdida de calidad. •Los ficheros generados son muy pequeños.

• Las imágenes vectoriales son apropiadas para ilustraciones, animaciones, texto e imágenes dirigidas al diseño gráfico, como logotipos.

3. PROPIEDADES DE LA IMAGEN

• Las imágenes digitales tienen un número de propiedades que varían según sea su origen y según vaya a ser su destino:

•Las propiedades de las imágenes digitales son:

•DIMENSIONES•RESOLUCIÓN •MODO DE COLOR •PROFUNDIDAD DE BITS

1. DIMENSIONES DE LA IMAGEN

– Tamaño de imagen, tamaño de impresión y tamaño de documento.

• Para conocer las medidas exactas de una imagen abierta basta con acceder al cuadro de Tamaño de imagen. Éste ofrece 2 datos de dimensiones de ancho y alto: en píxeles y en centímetros:

En píxeles: Nos informa del tamaño

de la imagen en pantalla al 100%

En centímetros: Nos informa del tamaño real que ocuparía la imagen al imprimirla,

en el papel

El tamaño de archivo o

documento es cuánto ocupa

la imagen en el disco duro ( kb, Mb.)

– Tamaño de imagen y Tamaño de lienzo

desde Tamaño de imagen: ajusta el contenido a las nuevas dimensiones. Es decir, lo distorsiona.

desde Tamaño de lienzo: No toca contenido, le es indiferente. Si la dimensión es mayor, añade píxeles vírgenes. Si es menor, recorta.

2. LA RESOLUCIÓN • El tamaño y la resolución de una imagen digital están relacionados.

• Lo primero que nos tiene que quedar claro es que un píxel no tiene una dimensión propia, fija. Un píxel no es una medida física, del mundo real. ¡¡Nunca oirás decir que la estantería mide 60 píxeles de alto!!

• Es decir, una imagen de 3x3 píxeles podría medir 1 centímetro ó 10 metros.

•Debe haber una relación entre los píxeles (digital) y una medida del mundo real: esa relación es LA RESOLUCIÓN.

La RESOLUCIÓN, es la relación entre el píxel de una imagen y una medida real, que generalmente es la pulgada.De esta forma la resolución de una imagen digital se mide en píxeles por pulgada (ppp) ... es decir el número de píxeles que hay por pulgada de imagen.

La Resolución de una imagen determina su densidad de píxeles .

Cuanta más resolución tiene una imagen, más píxeles tiene y éstos son más pequeños y numerosos... luego tiene mayor calidad.

RESOLUCIÓN SUPERFICIE IMAGEN TOTAL PÍXELES DE LA IMAGEN

8 píxel/pulgada 1 pulgada cuadrada 8 (8x1) x 8(8x1) =64 píxeles

16 píxel/pulgada

1 pulgada cuadrada 16(16x1) x 16(16x1) =256 píxeles

72 píxel/pulgada

1 pulgada cuadrada 72(72x1) x 72(72x1) = 5184 píxeles

72 píxel/pulgada

3 pulgadas cuadradas 216(72x3) X 216(72x3) = 46.656 píxeles

266 píxel/pulgada

2 pulgadas alto X 3 pulgadas ancho 532(266x2) x 798(266x3) = 424.536 píxeles

300 píxel/pulgada

3 pulgadas cuadradas900(300x3) X 900 (300x3) = 810.000

píxeles

(1 pulgada =2.3 cm)

Reglas básicas de la Resolución

resoluciónDestino

Monitor.páginas web, multimedia, presentaciones PowerPoint

Impresión en generalTrabajaremos esta resolución para boletines, imágenes impresas en impresoras personales u otros trabajos en los que la calidad de imagen no es vital.

Impresión profesional de calidad óptima

Dibujo lineal en blanco y negroRequieren una buena resolución si deseamos obtener una reproducción de alta calidad: las ilustraciones lineales en blanco y negro.(Casos en los que, a pesar de las posibilidades de Photoshop, son mejor trabajar desde cualquier otro programa vectorial, como Adobe Illustrator o Macromedia FreeHand)

72 ppp

300 ppp

150 / 200 ppp

600 ppp

Cambio de Resolución y Tamaño de una imagen

• El Cuadro de Tamaño de imagen en Photoshop, nos permite:

– manipular directamente los casilleros de tamaño (en píxeles o cm.)

– y el de resolución de la imagen.

• No debemos olvidar que al manipular el tamaño y, sobre todo la resolución, estamos jugando con la cantidad y densidad de los píxeles de la imagen.

• Es decir, estamos tocando lo más importante... su calidad

• Al manipular el tamaño y resolución de una imagen, tenemos la opción de REDIMENSIONARLA o REMUESTREARLA, cada una de ellas actúa de forma diferente sobre la cuadrícula de píxeles que ya tiene la imagen, es decir, sobre la información.

EL REMUESTREO:• Para modificar el nº de píxeles de una imagen debemos activa la opción de remuestrear

imagen.– Abrimos el cuadro de Tamaño de imagen en Photoshop vemos en la parte inferior del

mismo que Remuestrear la imagen es una opción predeterminada.

• Con la casilla Remuestrear activada photoshop sustrae o añade píxeles recurriendo a la técnica de la interpolación que consiste en calcular los nuevos puntos basándose en el valor de los píxeles adyacentes, es decir se los inventa.

• En resumen, al remuestrear, Photoshop manipula el número de píxeles de la imagen, su información... luego la calidad de la imagen.

• Para evitar una pérdida de nitidez:

– Al aumentar el nº de píxeles Bicúbica más suavizada, – Al reducir el nº de píxeles y la Bicúbica más enfocada.

• Consejos al Remuestrear:– No remuestrearemos una imagen más de una vez. – Conservaremos una imagen con la calidad original y remuestrearemos copias, por si

cambiamos de parecer.– No aumentaremos la resolución a un valor el doble de la actual.

REDIMENSIONADO • Al desactivar la opción de remuestrear imagen... estamos bloqueando el número de píxeles

de la imagen.

• Cualquier variación que introduzcamos en el recuadro de Resolución afectará únicamente al tamaño de impresión de la imagen, y viceversa, pero no habrá pérdida de calidad.

• Si el nº de píxeles permanece constante, lo único que cambia es el tamaño de éstos, veamos un ejemplo básico:

• Una imagen de 6x6 píxeles a una resolución de 6ppp ocupa 1 pulgada. Le hemos aumentado la resolución a 10ppp sin Remuestrear. Es decir, sin interpolar nuevos píxeles ni eliminar... sigue teniendo el mismo nº de píxeles (6x6), la información no ha sido dañada.

• ¿Qué ha ocurrido? Que a una resolución de 10 píxeles por pulgada 6 píxeles (que es lo que tiene la imagen) no llegan a abarcar 1 pulgada... como dice la resolución, son necesarios 10. Al aumentar la resolución los píxeles se hacen más pequeños... luego ocupan menos espacio físico.

Busca información en internet sobre Ivan Istochnicov y responde a las siguientes preguntas:

1. ¿Quién era Ivan Istochnicov? Explica brevemente su historia.

2. Si te fijas hay más de 7000 páginas en Internet que tratan su figura. ¿Por qué crees que despierta tanto interés?