Conceptos Clave de Imagen Digital
Conceptos Clave de Imagen Digital
IMAGEN DIGITAL
INDICE
0. INTRODUCCIÓN: EL PIXEL
4. RESOLUCION
7. PROPIEDADES DE LA IMAGEN:
o TONO
o SATURACION (CONTRASTE) Y
o LUMINOSIDAD (BRILLO)
8. FILTROS Y CAPAS
1
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
0. INTRODUCCIÓN: EL PIXEL
Las comunicaciones no serían casi nada sin las imágenes. Incluso antes de que los
negativos de las películas y las impresiones fueran sustituidos por las técnicas de
grabación electrónica en fotografía, se habían desarrollado varios formatos de datos para
los archivos de imágenes. Los más populares fueron RAW, BMP y TIFF. Los
desarrolladores no tardaron en darse cuenta de que estos formatos producían tamaños de
archivo considerables, que suponían un obstáculo especialmente para las aplicaciones
web rápidas. Esto, a su vez, condujo a la búsqueda de posibilidades relativas a
la compresión de imágenes.
Pero hay un aspecto que todos estos ingeniosos formatos técnicos deben abordar: las
imágenes deben poder ser visualizadas en un medio de salida, empezando por una
pantalla más o menos grande con una determinada resolución. Aquí es donde entra en
juego el término “picture cell” o “celda de imagen”, una palabra inventada que se
fusionó creando el término píxel y que se utilizó por primera vez alrededor de 1965.
El píxel -o px, para abreviar- es el elemento más pequeño de una imagen reproducida
digitalmente. En un monitor o en la pantalla de un teléfono móvil se suelen alinear
varios píxeles en una trama. La combinación de varios píxeles constituye una
imagen rasterizada. Es un único punto en una imagen gráfica. Los monitores
gráficos muestran imágenes dividiendo la pantalla en miles (o millones) de píxeles,
dispuestos en filas y columnas. Los píxeles están tan juntos que parece que estén
conectados.
2
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
Una imagen o gráfico digital es una representación digital de una imagen del
mundo real, capturada por una cámara o digitalizada por un escáner. Hay dos
formas de representar una imagen digital dependiendo de si la resolución de la
imagen es estática o dinámica.
3
UNIDAD 1. IMAGEN DIGITAL_____________________________________________________________________
4
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
Los archivos rasterizados y vectoriales son los dos formatos más populares empleados
para el contenido visual. Representan imágenes de distintas formas, por lo que hay
muchos aspectos que se deben tener en cuenta a la hora de decidir cuál utilizar. Entre
algunas de las principales diferencias que hay entre los archivos rasterizados y vectoriales,
se encuentran:
1. Resolución
5
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
2. Usos
a) Las fotografías digitales suelen ser archivos rasterizados. Muchas cámaras digitales
hacen y guardan fotos automáticamente como archivos rasterizados, y las imágenes
que ves online también suelen ser rasterizadas. Normalmente, los archivos
rasterizados se utilizan para editar imágenes, fotos y gráficos.
b) Los archivos vectoriales funcionan mejor para ilustraciones digitales, gráficos
complejos y logotipos. Esto se debe a que la resolución de los vectores no cambia
cuando se redimensionan, lo que hace que se adapten a una gran variedad de
formatos impresos.
c) Algunos proyectos combinan las imágenes rasterizadas y vectoriales. Por ejemplo,
un folleto puede utilizar gráficos vectoriales para el logotipo de la empresa y
archivos rasterizados para la fotografía.
3. Tamaños de archivo
a) Los archivos rasterizados suelen ser más grandes que los vectoriales. Pueden
contener millones de píxeles y niveles de detalle increíblemente altos. Su gran
tamaño puede afectar al espacio de almacenamiento del dispositivo y ralentizar la
carga de páginas en la web. Sin embargo, puedes comprimirlos para lograr una
optimización web y de almacenamiento a fin de agilizar y facilitar el uso compartido.
a) Los archivos vectoriales son mucho más ligeros que los rasterizados, ya que
contienen solo las fórmulas matemáticas que determinan el diseño.
4. Compatibilidad y conversión
a) Puedes abrir archivos rasterizados en muchos navegadores web y aplicaciones
diferentes, lo que facilita su visualización, edición y uso compartido.
b) Los archivos vectoriales no son tan accesibles; muchos tipos de archivos vectoriales
requieren software especializado para poder abrirlos y editarlos.
6
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
7
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
8
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
2. EL COLOR
9
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
En una imagen digital, cada pixel viene definido por un número de bits que
representan un color determinado. Ese número de bits es la profundidad de color.
Es decir, la profundidad de color es el número de bits que definen cada píxel,
que determinan el máximo número de colores que puede tener.
Por ejemplo, en una imagen en escala de grises cada punto de la imagen se
almacena en un Byte, donde su valor numérico representa su tono, que puede
oscilar entre el blanco (255) y el negro (0). Esto quiere decir que es una imagen
donde existen 256 tonos de gris (de 0 a 255, ambos inclusive. Si cada píxel viene
determinado por 2 Bytes (=16 bits) en vez de por un Byte, existirán 65.536 tonos
de gris, ya que el número binario 1111111111111111 corresponde a 65.536. Es lo
que se denomina una profundidad de color de 16 bits.
10
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
En este esquema se puede apreciar cómo afecta a la gama tonal la reducción del número de colores:
11
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
12
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
• Modo RGB. Este modo de color es el que se utiliza en todos los procesos en los
que el color se obtiene por mezcla o síntesis aditiva de luces: televisión,
pantallas gráficas, iluminación artificial, etc. En todos estos dispositivos, la gama
completa de colores se obtiene a partir de la mezcla de tres colores primarios:
rojo, verde y azul.
13
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
Teóricamente, si pintásemos una hoja de papel con tinta cyan, magenta y amarillo
debería absorber todo el espectro, produciendo, en consecuencia, el color negro.
Pero en la práctica las tintas no son de color puro y sólo conseguimos un marrón
oscuro, que tenemos que ajustar con tinta negra para mejorar la calidad de la
reproducción. Este modo de color es el preferido cuando hay que ajustar el color
para imprimir una imagen sobre papel. De hecho, es el modo utilizado en las
impresoras.
14
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
15
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
16
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
Es conveniente aclarar que es usual escribir "bit" con "b" minúscula y "Byte" con
mayúscula, para diferenciarlos. Conviene también aclarar que una imagen en color
en las mismas condiciones que una en escala de grises no tiene el mismo tamaño.
Si una imagen es en color RGB (profundidad de 24 bits) contiene el triple de
información que la misma en escala de grises, ya que se compone de 3
canales y, por tanto, 3 Bytes y no uno por píxel.
17
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
4. RESOLUCIÓN
18
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
Resolución es “definición”. Este es, posiblemente, uno de los conceptos que más se
prestan a confusiones entre los aficionados, principalmente por creer que resolución
es lo mismo que calidad.
El principal obstáculo, para entender estos términos, lo producen los softwares de edición
gráfica. Esta opinión se crea a partir de como estos softwares entienden la relación entre la
resolución y la dimensión que no responde a la realidad sino a un mero interés de
mantener la misma cantidad de información en el archivo informático.
Hemos definido la resolución como cantidad de píxels por unidad de longitud. Sin
embargo, la unidad de medida estándard para la resolución de una fotografía digital
es el píxel por pulgada o ppi (del inglés «pixel per inch»).
19
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
Supongamos que tenemos una fotografía en formato digital de tamaño 1200 x 600
píxels, a una resolución de 200 ppi; eso significa que en una pulgada (2,54 cm),
podemos alinear hasta 200 píxels. Para que quepan los 1200 píxels correspondientes a
la anchura de nuestra imagen necesitaremos:
- 1200 px / 200 px/pulgada = 6 pulgadas = 15,24 cm.
-
Ahora en una pulgada queremos que se «dibujen» 300 píxels, por tanto, para que
quepan los 1200 píxels de ancho de la imagen necesitaremos:
y para la altura:
Vídeo:
20
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
RESOLUCION DE ENTRADA
21
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
Pero no hay que caer en el error de pensar que cuanto mayor sea la resolución de
entrada, mayor calidad se obtiene, aunque a priori parece así. Hay que tener en
cuenta varios factores:
- De una copia en papel fotográfico no se pueden obtener más de 400 dpi en el mejor
de los casos. Escanear a mayor resolución significa obtener más píxeles,
pero no mayor definición o calidad. De un negativo o diapositiva de la mejor calidad,
en cambio, la cifra se sitúa sobre los 4000 dpi.
- Hay que tener en cuenta que los escáneres, como aparatos electrónicos que son,
tienen sus limitaciones y defectos, y no suelen ser capaces de realizar su función
tan perfectamente como sus fabricantes anuncian.
RESOLUCIÓN DE SALIDA
22
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
RESOLUCIÓN DE IMPRESIÓN
En este esquema se puede ver claramente la diferencia entre imprimir la misma imagen
con dos impresoras a diferente resolución de impresión, aunque la resolución de salida es
la misma, de 300 dpi:
Impreso con una Epson 660 de 4 tintas a 720 ppp Impreso con una Epson 890 de 6 tintas a 2.880 ppp
Es claramente visible que en la primera, de 720 ppp de resolución, no se alcanzan los 300 dpi reales, ya que
720 gotas por pulgada no dan para ello, mientras que en la otra, los valores son más cercanos.
23
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
RESOLUCIÓN FOTOGRAFICA
Para establecer una equivalencia entre la resolución de una foto digital impresa y una
fotografía tradicional, habría que compararlas en la misma medida, utilizando las mismas
unidades. Y ya que hablamos de resolución, conviene saber que una copia fotográfica
tradicional de buena calidad suele tener entre 200 y 300 dpi. Al decir “buena calidad” nos
referimos a que la definición es tan alta que incluso examinando la copia muy de cerca, no
somos capaces de apreciar grano o falta de definición, que suele ocurrir con tamaños de
copia medianos o pequeños, películas de baja sensibilidad y ópticas muy buenas.
Una cámara digital tendrá, por tanto, una calidad fotográfica si su CCD genera una imagen
de 5.500x3.600 píxeles o, lo que es lo mismo, si es de 20 Megapíxeles.
24
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
Una imagen digital no es más que un archivo que contiene la información de la imagen
trasformada y almacenada en forma de unos y ceros. Es por esto que desde que existen
los medios gráficos digitales se ha buscado una forma de convertir una imagen óptica a
digital con la menor pérdida de información posible (colores, tonalidades, etc.).
Obviamente, retener todos esos datos es relativamente sencillo, pero de esta forma se
crearían archivos de imagen enormes. Era necesario comprimir la información de una
forma eficiente.
Las imagénes digitales se pueden guardar en distintos formatos. Cada uno se corresponde
con una extensión específica del archivo que lo contiene. Los más utilizados en la
actualidad son: BMP, GIF, JPG, TIF y PNG.
25
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
El formato JPEG
Es el formato más utilizado hoy en día para fotografías en Internet por su capacidad de
conseguir imágenes suficientemente reales y con un gran número de colores. Este formato
soporta los modos de color CMYK, RGB y la escala de grises sin canales alfa, llegando a
convertirse en uno de los formatos más populares por su versatilidad y una compresión
bastante alta. Las dispositivos móviles y mayoría de cámaras generan las fotografías en
este formato. Es un formato de compresión con pérdida de información, es decir, al
realizar la compresión de datos se pierde un poco de calidad. Si vamos a editar una
imagen varias veces con un programa de edición gráfica, hemos de tener cuidado con este
formato, pues cada vez que la cambiemos y guardemos, iremos perdiendo un poco de
calidad. No obstante, cada vez que guardamos podemos decidir si queremos perder
mucha o poca información.
El formato PNG
Formato creado como alternativa a GIF. Viendo que este último carecía de un aspecto tan
importante como es el modo de color, PNG nace con la pretensión de ser el nuevo formato
de imagen de intercambio en Internet. PNG admite compresión con menos pérdidas de
información, produce transparencias de fondo sin bordes irregulares y distintos niveles
de intensidad, y soporta los modos RGB, escala de grises y color indexado sin canales
alfa. Este formato está siendo utilizado cada vez más para sustituir a GIF en gráficos para
web, y cada vez más en imágenes con mayor calidad que antes eran comprimidas con
JPEG.
El formato TIFF
De mayor calidad que el formato JPEG, pero con mucho menor compresión. Este
formato es utilizado sobre todo en la impresión de imágenes digitales, debido a que crea
archivos de gran calidad. El único inconveniente de este formato es el gran tamaño de los
archivos que crea, por lo que no suele utilizarse para publicar imágenes ni
almacenamiento. A pesar de ello, TIFF es uno de los formatos más flexibles y
prácticamente admitido por todas las aplicaciones de pintura, edición de imágenes y
diseño. Soporta casi todos los modos de color: RGB, CMYK, Lab, Indexado y escala de
grises, todos ellos con canales alfa, y mapa de bits sin canales alfa. El formato TIFF no
puede crear archivos de tamaño mayor a 4 GB.
26
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
El formato RAW
En un archivo RAW se guarda la imagen tal y como se captura en la cámara, aunque los
datos se comprimen, esta compresión es sin pérdida de información por lo que son
archivos muy grandes. Para reproducir un archivo RAW es necesario un software adicional
(como el plugin Camera Raw de Photoshop), el formato RAW no es utilizable directamente
en páginas web o para imprimir. Si capturamos una imagen en RAW luego hemos de
pasarla a otro formato, como JPEG, por esto se dice que el formato RAW es como un
negativo digital que hay que procesar para obtener otro formato. La ventaja de este
procesado es que podremos hacer correcciones de color, contraste, balance de blancos,
etc.
El formato BMP
El formato GIF
Uno de los formatos más utilizados en Internet, crea gráficos e imágenes de color indexado
en la web. Aunque una de sus carencias es la de admitir muy pocos colores (256 como
máximo), se ha expandido mayormente por su capacidad de compresión al ser capaz de
crear archivos de unos pocos kilobytes. El formato GIF puede preservar las transparencias
de la imagen aunque no soporte la inclusión de canales alfa. Muy utilizado también en
animaciones, al ser posible almacenar más de una imagen por fichero, creando pequeñas
películas formadas por secuencias de imágenes que se repiten en el tiempo. El formato
GIF es óptimo para imágenes con pocos colores y áreas extensas de colores uniformes. Si
cada píxel es de un color, como en una fotografía, el archivo GIF puede pesar más que la
misma imagen en JPG.
El formato PSD
27
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
28
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
La saturación (contraste)
La luminosidad (brillo)
29
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
En la imagen superior puedes ver cómo evolucionan los colores con la luminosidad, desde
los colores poco luminosos, en la parte inferior de la imagen, hasta los colores muy
luminosos, en la parte superior.
Saturación o Contraste
El contraste incrementa el cambio de luminosidad entre las zonas más oscuras o más
claras de una fotografía, simulando a su vez, un mejor enfoque y claridad de imagen. El
retoque del contraste es muy adecuado en fotografías un poco claras.
30
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
31
UNIDAD 1. IMAGEN DIGITAL_______________________________________________________________
8. FILTROS Y CAPAS
Filtros
Los filtros mayormente son utilizados para hacer correcciones en los colores de las
imágenes, aunque existe una variedad realmente amplia de ellos. Hay filtros de textura, de
efectos como pintura, entre muchos otros.
• Brillo y contraste
• Ajuste de curvas de color
• Tono, Saturación y luminosidad
• Balance de color
• Niveles de color
• Colorización
• Umbral, etc…
Capas
32
33