Está en la página 1de 17

Conceptos básicos de

imagen digital

Diseño Digital I Autor: Pedro Juan Sánchez Bermejo /1


Conceptos básicos

• Una imagen analógica es una visión natural captada por un dispositivo óptico
(p.e. una cámara) que permite plasmar en un soporte físico las variaciones de luces
y tonos que percibe.

• Una imagen digital es el mismo concepto pero procesado (digitalizado) por un


dispositivo electrónico.

La digitalización es el proceso de convertir una información analógica en digital.


Valores como luminosidad o color se traducen a un lenguaje que pueda entender
un software u ordenador.

Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /2
Conceptos básicos

En el proceso de digitalización se crea un mapa de puntos o pixeles sobre la que se


representa la imagen captada.

El píxel es la unidad mínima de visualización de una imagen digital. Una imagen


digital está formada por una matriz de puntos o pequeños cuadrados.

A cada píxel se le asigna un valor tonal (negro, blanco, o un color), el cual está
representado en código binario (ceros y unos). Los dígitos binarios o bits son
almacenados dentro de un fichero como una secuencia de números.

El tamaño o la dimensión de una imagen se mide en pixeles (p.e. 800x600px), pero


puede ser mayor o menor en función de la resolución que tenga.
Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /3
Conceptos básicos

La resolución de una imagen es el grado de detalle o calidad de una imagen digital.


Es decir, el número de pixeles de una unidad de longitud. Este valor se suele
expresa en p.p.p. (píxeles por pulgada) o en inglés dpi (dots per inch).
Cuantos más píxeles tenga una imagen por pulgada lineal, mayor calidad tendrá.

La resolución de un monitor se refiere al número de p.p.p. que es capaz de mostrar.


En una impresora se habla del número de p.p.p. que puede imprimir: 600, 1200,
etc. En las cámaras digitales la calidad se expresa en MegaPíxels; una cámara de 8
MP es capaz de capturar una fotografía de 8 millones de píxeles.
Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /4
Conceptos básicos

La profundidad de color hace referencia al número de bits necesarios para


codificar y guardar la información de color de cada píxel en una imagen. Un bit es
una posición de memoria que puede tener el valor 0 ó 1. Cuanto mayor sea la
profundidad de color en bits, la imagen dispondrá de una paleta de colores más
amplia.

Se utiliza 1-bit para imágenes en blanco/negro, sin grises (0=color negro, 1= color
blanco); 2-bits = 4 colores (00=color negro, 01=color X, 10=color Y, 11=color
blanco); 3-bits = 8 colores; ...; 8-bits = 256 colores; ...; 24-bits = 16.7 millones de
colores.

Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /5
Conceptos básicos

El modo de color es el sistema de coordenadas que nos permiten describir el color


de cada píxel utilizando valores numéricos.
Los modos de color más utilizados son:

• Modo monocromático. Tiene una profundidad de color


de 1 bit. La imagen está formada por píxeles blancos o
píxeles negros puros.

• Modo Escala de Grises: Utiliza el canal negro y permite


256 tonos de gris entre el blanco y negro puros.

Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /6
Conceptos básicos

• Modo Color indexado. Usa un canal de color indexado


de 8 bits obteniendo hasta un máximo de 256 colores.

• Modo RGB. Cada color se forma por combinación de


tres canales. Cada canal se corresponde con un color
primario: Red (rojo), Green (verde), y Blue (azul). Asigna
un valor de intensidad a cada color que oscila entre 0 y
255. De la combinación surgen hasta 16,7 millones de
colores. Ejemplo: El valor R:255, G:0, B:0 representa al
color rojo puro.

Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /7
Conceptos básicos

• Modo HSB: Cada color surge de los valores de los parámetros: Hue (Tono) que es
el valor del color: rojo, azul, verde, etc. Saturation (Saturación) que se refiere a la
pureza del color y va del 0% al 100%. Brightness (Brillo) referencia la intensidad de
luz del color, es decir, la cantidad de negro o blanco que contiene estando su valor
entre 0 (negro) y 100 (blanco).

Ejemplo: El color rojo puro tiene un código RGB como (255,0,0) y también un código
HSB (0,100,100). En la mayoría de programas de tratamiento de imágenes se puede
elegir un color introduciendo su código RGB –es la opción más frecuente- o
alternativamente su código HSB. En ambos casos la imagen maneja una paleta de
colores de 24 bits.

Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /8
Conceptos básicos

• Modo CMYK: Cada color se forma por combinación de cuatro canales. Cada canal
se corresponde con un color primario de impresión: Cyan, Magenta, Amarillo y
Negro. Cada canal puede tener como valor entre 0 y 255.

Se trata de imágenes con una profundidad de color de 32 bits.

Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /9
Conceptos básicos

• Las imágenes se pueden generar creándolas desde cero con una aplicación de
diseño (ordenadores, apps…) o captándolas desde un aparato de digitalización
(cámara, escáner, señales de video o TV, tabletas digitalizadoras…).

• Existen muchos formatos digitales en función del software utilizado, el destino u


objetivo de esa imagen o por el dispositivo desde el que se obtenga esa imagen.

• Es necesario un software de visualización específico que interprete cada formato


para poder trabajar con las imágenes (visualizarlas, imprimirlas, retocarlas, etc.)

Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /10
Conceptos básicos

Formatos de imagen: Las imágenes digitales se guardan 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: (Bitmap = Mapa de bits): Muy utilizado porque fue desarrollado para aplicaciones
Windows. No sufre pérdidas de calidad y por tanto resulta adecuado para guardar imágenes que
se desean manipular posteriormente. Ventaja: Guarda gran cantidad de información de la
imagen. Inconveniente: El archivo pesa mucho.

• GIF (Graphics Interchange Format: Formato de Intercambio Gráfico). Diseñado específicamente


para comprimir imágenes digitales. Reduce la paleta de colores a 256 colores como máximo.
Admite gamas de menor número de colores por lo que permite optimizar el tamaño del archivo.
Ventaja: Idóneo para publicar dibujos en web. Inconveniente: En las fotografías de cierta calidad
y originales perderíamos información y calidad, ya que no suelen tener más de 256 colores.
Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /11
Conceptos básicos

• JPG-JPEG (Joint Photographic Experts Group): Admite una paleta de hasta 16 mil. de colores. Es el
formato más común junto con el GIF para publicar imágenes en web. La compresión JPEG puede
suponer cierta pérdida de calidad en la imagen. En la mayoría de los casos esta pérdida se puede
asumir porque permite reducir el tamaño del archivo y su visualización es aceptable. Es
recomendable utilizar una calidad del 60-90 % del original.

Cada vez que se modifica y guarda un archivo JPEG, se puede perder algo de su calidad si se
define cierto factor de compresión. Las cámaras digitales suelen almacenar directamente las
imágenes en formato JPEG con máxima calidad y sin compresión. Ventaja: Es ideal para publicar
fotografías en la web siempre y cuando se configuren adecuadamente dimensiones y
compresión. Inconveniente: Si se define un factor de compresión se pierde calidad. Por este
motivo no es recomendable para archivar originales.

Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /12
Conceptos básicos

• TIF-TIFF (Tagged Image File Format = Formato de Archivo de Imagen Etiquetada): Almacena
imágenes en una calidad excelente. Utiliza cualquier profundidad de color de 1 a 32 bits. Es el
formato ideal para editar o imprimir una imagen. Ventaja: Es ideal para guardar archivos
originales. Inconveniente: Los archivos pesan mucho.

• PNG (Portable Network Graphic = Gráfico portable para la red): Es un formato más reciente que
los anteriores. Su tasa de compresión es superior al formato GIF (+10%) y permite emplear una
paleta de colores superior a los 256 del GIF.

Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /13
Conceptos básicos

Software (algunos) de tratamiento gráfico:

Retoque de imágenes: Autoedición:


• Adobe Photoshop, GIMP • Adobe InDesing

Creatividad: Modelado 3D:


• Adobe Ilustrator • 3D Max
• Maya

Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /14
Conceptos básicos

Los ordenadores pueden representar las imágenes de dos formas: como mapas de
bits o vectoriales. Para cada una de estas formas existen diversos formatos de
representación.

Creación Edición Tamaño y peso


Mapa de Mediante matriz de píxeles. Cada El software no identifica formas, Muy alto con buena
Bits pixel contiene información de sólo píxeles de colores a una calidad.
color. resolución determinada.
Vectorial Mediante cálculos matemáticos, El software calcula la resolución Bajo con buena
genera vectores. óptica automáticamente. calidad.

Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /15
Conceptos básicos

• Bitmaps o mapa de bits: son imágenes digitales en las que su contenido consiste
en una matriz de puntos o píxeles. Cada píxel guarda información sobre su posición
y su color o tonalidad.

Ventaja: se puede representar una gama de colores y tonalidades casi infinita, por
eso los bitmaps son un formato adecuado para representar imágenes captadas de la
realidad.
Inconveniente: los bitmaps ocupan mucho espacio, son grandes al guardar
información de cada punto de la imagen, cuanta más información tenemos, más
peso. Si reducimos su peso, lo hacemos es perder calidad de imagen: eliminar en
colores o dimesiones.

Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /16
Conceptos básicos

• Imágenes vectoriales: son imágenes en las que la información de cada punto está
guardada como una fórmula matemática.

Ventaja: la calidad de la imagen no varía si modificamos su tamaño, porque la


información de cada punto no es absoluta sino relativa a el resto de la imagen.
Además, gracias a su definición matemática, su peso en Kbs es muy pequeño.

Inconveniente: No es capaz de representar con calidad aceptable las imágenes


formadas por pixeles, como las fotografías.

Título: Conceptos básicos de imagen digital Autor: Pedro Juan Sánchez Bermejo /17

También podría gustarte