La imagen digital
La imagen digital


Las imágenes digitales forman parte de un universo creativo que nos permite
   conseguir con éxito ideas artísticas que podrían parecer muy complejas o
   difíciles de hacer.

Hay que entender que toda imagen digital es información almacenada en algún
   tipo de soporte, a diferencia con las imágenes analógicas que, en principio,
   son “reales”. Esta información, para poder verla como la imagen que es,
   necesitamos convertirla por medio de algún dispositivo.

El proceso de creación de este tipo de imágenes no necesita una habilidad
    manual especial. Lo importante es conocer las herramientas que nos
    permitan, con un mínimo de conocimientos, trabajar y conseguir resultados
    satisfactorios.

La imagen digital brinda la posibilidad de crear imágenes estáticas o dinámicas a
    partir de lo que captamos con algo tan cotidiano como es la cámara de un
    teléfono móvil.
La imagen digital


La característica fundamental que define la imagen digital es su capacidad para
    ser manipulada con la ayuda de programas informáticos.
Las propiedades básicas de una imagen digital sólo se pueden entender si se
   conocen los elementos y conceptos clave que la definen:

   - Elementos: píxel
                bit
   - Conceptos: dimensións de la imagen
                resolución
                profundidad de color o de bits
                modos o espacios de color
                formatos de archivo
La imagen digital


                                    píxel
Cuando ampliamos una imagen digital apreciamos que está formada por
   cuadrados de distintos colores. Cada uno de esos cuadrados se llama pixel,
   abreviatura de la expresión inglesa picture element, que significa elemento de
   imagen.
El pixel es la unidad o elemento más pequeño en que podemos descomponer una
    imagen, es por lo tanto la unidad mínima de información.
Cada pixel sólo puede tener un color homogéneo en toda su superficie.
A partir del pixel se definen los conceptos de:
          - dimensiones de una imagen
          - resolución
La imagen digital


       dimensiones de una imagen
Las dimensiones de una imagen se expresan de forma numérica mediante
   columnas y filas de píxeles. Como cada pixel sólo puede tener un color, si una
   imagen se definió con pocos píxeles, esta tendrá poco detalle.
Las dimensiones de una imagen también están relacionadas con la capacidad de
   poder ser reproducida en un tamaño concreto sin que percibamos los píxeles
   a una distancia normal. Esto es muy importante cuando queremos reproducir
   una fotografía a un tamaño grande, ya sea sobre papel o en una pantalla.
Estas dimensións quedan definidas por dos cantidades: una para la medida
   horizontal y otra para la vertical.
La imagen digital




800 X 400 píxeles
La imagen digital




400 X 200 píxeles
La imagen digital




200 X 100 píxeles
La imagen digital




100 X 50 píxeles
La imagen digital




50 X 40 píxeles
La imagen digital




26 X 19 píxeles
La imagen digital

                            resolución
La resolución se refiere a la densidad de píxeles o puntos por unidad de medida
    con la que se puede definir una imagen a través de los distintos dispositivos
    digitales: cámara, monitor, cañón proyector o impresora. A mayor resolución,
    más información sobre la imagen y como resultado mayor nivel de detalle.
Cada dispositivo utiliza unidades diferentes para expresar la resolución, lo que
   provoca que este concepto pueda ser confuso. Es decir, que la resolución de
   una imagen no depende de ella misma, sino que depende del dispositivo con
   el que la podamos ver o reproducir.
La definición con la que podemos ver una imagen estará condicionada por sus
    dimensiones y por la resolución del dispositivo para verla.
La imagen digital

                            resolución
                            La cámara fotográfica
- La resolución de la cámara fotográfica determina el número de píxeles con los
    que se captura la imagen cuando hacemos la fotografía.
- La unidad que utiliza es el megapíxel, que contiene 1 048 576 píxeles. Una
    cámara con una resolución máxima de por ejemplo, 5 megapíxeles puede
    capturar imágenes de hasta 2 560 x 1920 píxeles.
                    2 560 x 1920 = 4 915 200 píxeles
La imagen digital


                            resolución
                        El monitor del ordenador
- El monitor del ordenador utiliza como unidad el pixel. Su resolución está en
     función de varios parámetros, uno de los más determinantes es el número
     máximo de píxeles que el monitor es capaz de mostrar en pantalla, en los
     monitores actuales la resolución media está en 1 280 x 800 píxeles.
La imagen digital


                             resolución
                                 La impresora
- Las impresoras utilizan distintas unidades de medida en función del tipo de
    impresión. Uno de los sistemas de medida más habituales para definir la
    resolución son los puntos por pulgada (ppp) o dpi (dot per inch).
- La resolución de impresión se refiere a la concentración de puntos de tinta que la
    impresora es capaz de depositar en el papel por cada cuadrado de una
    pulgada (2,54 cm) de lado.
- Las resoluciones estandares oscilan entre 240 y 1440 ppp. Un libro normal está
    impreso en 300 ppp. Los diarios se imprimen alrededor de 85 ppp.
- Para una imagen en un monitor que no tenga que ser ampliada son suficientes
    72 ppp.
La imagen digital


                                       bit
Simplificación de la expresión en inglés BInary digiT (dígito binario).
   - Es la unidad menor de información usada en la Teoría de la información y la
   Computación.
   - Un bit tiene un único valor: 0 ó 1, que también se interpreta como verdadero-
   falso, o apagado-encendido, siendo estos valores mutuamente excluyentes.
   Mediante el bit se describen los posibles valores tonales de los píxeles de
   una imagen.
   - Los bits almacenan valores tonales, del blanco al negro.
          1 bit     2 valores: blanco o negro
          2 bits    4 valores: blanco, negro y 2 grises
          4 bits    16 valores: blanco, negro y 14 grises
          8 bits    256 valores: blanco, negro y 254 grises
La imagen digital


               profundidad de color
Indica el número de bits que se utilizan para almacenar los valores tonales de
    una imagen. Así, podemos decir que una imagen tiene una profundidad de
    color de 4, 8, 16 bits...
Aunque en realidad pueden llegar a tener millones de valores tonales, podemos
   simplificarlos digitalmente utilizando una cantidad determinada de bits.
La imagen digital


                                          profundidad de color

                  70000                                                                                                        65536

                  60000
valores tonales




                  50000

                  40000
                                                                                                                       32768
                  30000

                  20000                                                                                        16384

                  10000                                                                                 8192
                                                                                                 4096
                              2       4       8   16     32   64   128   256   512   1024 2048
                      0
                          1       2       3       4     5     6    7     8     9     10   11     12     13     14      15      16

                                                      bits empleados en una imagen
profundidad de color                             La imagen digital




Imagen en color. 8 bits por cada canal de color =
                        24 bits.
profundidad de color                                    La imagen digital




Imagen de 1 bit: cada pixel puede tener 2 posibles valores tonales: blanco y negro.
profundidad de color                                     La imagen digital




Imagen de 2 bits: cada pixel puede tener 4 posibles valores tonales: blanco, negro y dos valores de gris.
profundidad de color                                     La imagen digital




Imagen de 4 bits: cada pixel puede tener 16 posibles valores tonales: blanco, negro y 14 valores de gris.
profundidad de color                                     La imagen digital




Imagen de 8 bits: cada pixel puede tener 64 posibles valores tonales: blanco, negro y 62 valores de gris.
La imagen digital


                      modos de color
El modo de color se refiere al sistema utilizado en los distintos programas
    informáticos para describir los valores cromáticos de los píxeles de una
    imagen y como se organizan estos valores.
Hay diferentes modos de color, siendo los más utilizados:
          - Escala de grises.
          - Color RGB.
          - Color CMYK.
          - Color HSB.
La imagen digital


                      modos de color
                              Escala de grises
- En este modo se reproducen las imágenes en niveles que van del blanco al
   negro. Al emplearse sólo estos tonos y ser la imagen acromática (sin colores)
   los archivos ocupan poco espacio.




                             Tamaño del archivo: 235,3 Kb
La imagen digital

                      modos de color
                                  Color RGB
- Es el más empleado para capturar, almacenar en archivo, mostrar en pantalla y
   también para imprimir las imágenes. Toma como base los tres colores
   primarios de la síntesis aditiva (color luz): rojo (Red), verde (Green) y azul
   (Blue). Cada color va en un canal individual diferente con valores cromáticos de
   0 a 255 para cada canal.
- Por ejemplo en una imagen de 24 bits,
   se reparten 8 bits por canal con lo que
   habrá 256 valores tonales por cada color.
      256x256x256 = 16 777 216 cores
   posible para cada pixel.




                                                         Tamaño del archivo: 706 Kb
La imagen digital

                       modos de color
                                   Cor CMYK
- Está basado en los colores primarios de la síntesis sustractiva del cor. Su nombre
    es un acrónimo de esos colores: al cian (C), magenta (M) y amarillo (Yellow),
    se le añadeel color negro (blacK) para ganar contraste.
- Las imágenes en CMYK varían un poco en su
   apariencia respecto de las que están en RGB,
   ya que cambian ligeramente sus parámetros.
- Como son 4 colores son necesarios cuatro canales.
- El modo CMYK se usa fundamentalmente
   cuando una imagen está destinada
   a imprimirse en offset.




                                                         Tamaño del archivo: 941,3 Kb
La imagen digital

                           modos de cor
                                      Cor HSB
- Es una derivación del modo RGB.
- Los colores se definen a partir de tres parámetros:
    - Tono (Hue)
    - Saturación (Saturation)
    - Brillo o luminosidad (Brightness)
- El tono tiene un valor entre 0º e 360º, la saturación y el brillo entre 0 y 100.


- No es habitual encontrar este modo de color asignado a un tipo de imaxe.
  El sistema HSB se utiliza para controlar el color como mezclas a través de los
  tres parámetros.
- Es muy útil para gestionar e igualar lo colores entre distintas aplicaciones.
La imagen digital

                 fomatos de archivo
- Las imágenes digitales se almacenan en la tarjeta de memoria de la cámara o en
    los soportes del ordenador en formatos de archivo específicos para imágenes.
    Tienen la función de guardar los datos que configuran estas imágenes.
Existen multitud de formatos de imagen. Los más habituales son:
   - JPEG. (Joint Photographic Experts Group). Es el más utilizado en el campo
   no profesional. Se caracteriza por utilizar un sistema de compresión de los
   datos con la finalidad de ocupar menos memoria. Es el estandar más
   empleado.
   - TIFF. (Tagged-Image File Format). Es una opción de más calidad. Almacena
   las imágenes de una forma muy similar al jpeg pero sin comprimir los datos.
   Las imágenes ocupan por lo tanto más memoria.
   - RAW. No es exactamente un formato de archivo, sino un archivo que
   almacena los datos en bruto (sin procesar) ocupando menos que un tiff pero
   sin comprimir. Es el formato de los profesionales.
La imagen digital

              fomatos de archivo
- GIF. (Graphics Interchange Format). Es un formato gráfico en color empleado
en internet que fue creado para la descarga de ficheros. Este formato tiene un
sistema de compresión de datos que hace que grandes imágenes sean
descargadas en poco tiempo. Las imágenes pueden estar entre 2 y 256
colores. En la actualidad es el formato más emplegado en la publicidad de
internet (banners) porque permite imágenes animadas y además lo pueden
reproducir los navegadores más populares.
- PNG. (Portable Network Graphics). Es un formato gráfico que nació como
acrónimo de PNG’s Not Gif, en competencia con el formato GIF. El formato GIF
tenía una patente que obligaba a pagar por utilizar su sistema de compresión,
mientras que el PNG es un estándar internacional. El formato PNG admite
también 256 colores, animaciones y transparencias.

La imagen digital

  • 1.
  • 2.
    La imagen digital Lasimágenes digitales forman parte de un universo creativo que nos permite conseguir con éxito ideas artísticas que podrían parecer muy complejas o difíciles de hacer. Hay que entender que toda imagen digital es información almacenada en algún tipo de soporte, a diferencia con las imágenes analógicas que, en principio, son “reales”. Esta información, para poder verla como la imagen que es, necesitamos convertirla por medio de algún dispositivo. El proceso de creación de este tipo de imágenes no necesita una habilidad manual especial. Lo importante es conocer las herramientas que nos permitan, con un mínimo de conocimientos, trabajar y conseguir resultados satisfactorios. La imagen digital brinda la posibilidad de crear imágenes estáticas o dinámicas a partir de lo que captamos con algo tan cotidiano como es la cámara de un teléfono móvil.
  • 3.
    La imagen digital Lacaracterística fundamental que define la imagen digital es su capacidad para ser manipulada con la ayuda de programas informáticos. Las propiedades básicas de una imagen digital sólo se pueden entender si se conocen los elementos y conceptos clave que la definen: - Elementos: píxel bit - Conceptos: dimensións de la imagen resolución profundidad de color o de bits modos o espacios de color formatos de archivo
  • 4.
    La imagen digital píxel Cuando ampliamos una imagen digital apreciamos que está formada por cuadrados de distintos colores. Cada uno de esos cuadrados se llama pixel, abreviatura de la expresión inglesa picture element, que significa elemento de imagen. El pixel es la unidad o elemento más pequeño en que podemos descomponer una imagen, es por lo tanto la unidad mínima de información. Cada pixel sólo puede tener un color homogéneo en toda su superficie. A partir del pixel se definen los conceptos de: - dimensiones de una imagen - resolución
  • 5.
    La imagen digital dimensiones de una imagen Las dimensiones de una imagen se expresan de forma numérica mediante columnas y filas de píxeles. Como cada pixel sólo puede tener un color, si una imagen se definió con pocos píxeles, esta tendrá poco detalle. Las dimensiones de una imagen también están relacionadas con la capacidad de poder ser reproducida en un tamaño concreto sin que percibamos los píxeles a una distancia normal. Esto es muy importante cuando queremos reproducir una fotografía a un tamaño grande, ya sea sobre papel o en una pantalla. Estas dimensións quedan definidas por dos cantidades: una para la medida horizontal y otra para la vertical.
  • 6.
    La imagen digital 800X 400 píxeles
  • 7.
    La imagen digital 400X 200 píxeles
  • 8.
    La imagen digital 200X 100 píxeles
  • 9.
    La imagen digital 100X 50 píxeles
  • 10.
    La imagen digital 50X 40 píxeles
  • 11.
    La imagen digital 26X 19 píxeles
  • 12.
    La imagen digital resolución La resolución se refiere a la densidad de píxeles o puntos por unidad de medida con la que se puede definir una imagen a través de los distintos dispositivos digitales: cámara, monitor, cañón proyector o impresora. A mayor resolución, más información sobre la imagen y como resultado mayor nivel de detalle. Cada dispositivo utiliza unidades diferentes para expresar la resolución, lo que provoca que este concepto pueda ser confuso. Es decir, que la resolución de una imagen no depende de ella misma, sino que depende del dispositivo con el que la podamos ver o reproducir. La definición con la que podemos ver una imagen estará condicionada por sus dimensiones y por la resolución del dispositivo para verla.
  • 13.
    La imagen digital resolución La cámara fotográfica - La resolución de la cámara fotográfica determina el número de píxeles con los que se captura la imagen cuando hacemos la fotografía. - La unidad que utiliza es el megapíxel, que contiene 1 048 576 píxeles. Una cámara con una resolución máxima de por ejemplo, 5 megapíxeles puede capturar imágenes de hasta 2 560 x 1920 píxeles. 2 560 x 1920 = 4 915 200 píxeles
  • 14.
    La imagen digital resolución El monitor del ordenador - El monitor del ordenador utiliza como unidad el pixel. Su resolución está en función de varios parámetros, uno de los más determinantes es el número máximo de píxeles que el monitor es capaz de mostrar en pantalla, en los monitores actuales la resolución media está en 1 280 x 800 píxeles.
  • 15.
    La imagen digital resolución La impresora - Las impresoras utilizan distintas unidades de medida en función del tipo de impresión. Uno de los sistemas de medida más habituales para definir la resolución son los puntos por pulgada (ppp) o dpi (dot per inch). - La resolución de impresión se refiere a la concentración de puntos de tinta que la impresora es capaz de depositar en el papel por cada cuadrado de una pulgada (2,54 cm) de lado. - Las resoluciones estandares oscilan entre 240 y 1440 ppp. Un libro normal está impreso en 300 ppp. Los diarios se imprimen alrededor de 85 ppp. - Para una imagen en un monitor que no tenga que ser ampliada son suficientes 72 ppp.
  • 16.
    La imagen digital bit Simplificación de la expresión en inglés BInary digiT (dígito binario). - Es la unidad menor de información usada en la Teoría de la información y la Computación. - Un bit tiene un único valor: 0 ó 1, que también se interpreta como verdadero- falso, o apagado-encendido, siendo estos valores mutuamente excluyentes. Mediante el bit se describen los posibles valores tonales de los píxeles de una imagen. - Los bits almacenan valores tonales, del blanco al negro. 1 bit 2 valores: blanco o negro 2 bits 4 valores: blanco, negro y 2 grises 4 bits 16 valores: blanco, negro y 14 grises 8 bits 256 valores: blanco, negro y 254 grises
  • 17.
    La imagen digital profundidad de color Indica el número de bits que se utilizan para almacenar los valores tonales de una imagen. Así, podemos decir que una imagen tiene una profundidad de color de 4, 8, 16 bits... Aunque en realidad pueden llegar a tener millones de valores tonales, podemos simplificarlos digitalmente utilizando una cantidad determinada de bits.
  • 18.
    La imagen digital profundidad de color 70000 65536 60000 valores tonales 50000 40000 32768 30000 20000 16384 10000 8192 4096 2 4 8 16 32 64 128 256 512 1024 2048 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 bits empleados en una imagen
  • 19.
    profundidad de color La imagen digital Imagen en color. 8 bits por cada canal de color = 24 bits.
  • 20.
    profundidad de color La imagen digital Imagen de 1 bit: cada pixel puede tener 2 posibles valores tonales: blanco y negro.
  • 21.
    profundidad de color La imagen digital Imagen de 2 bits: cada pixel puede tener 4 posibles valores tonales: blanco, negro y dos valores de gris.
  • 22.
    profundidad de color La imagen digital Imagen de 4 bits: cada pixel puede tener 16 posibles valores tonales: blanco, negro y 14 valores de gris.
  • 23.
    profundidad de color La imagen digital Imagen de 8 bits: cada pixel puede tener 64 posibles valores tonales: blanco, negro y 62 valores de gris.
  • 24.
    La imagen digital modos de color El modo de color se refiere al sistema utilizado en los distintos programas informáticos para describir los valores cromáticos de los píxeles de una imagen y como se organizan estos valores. Hay diferentes modos de color, siendo los más utilizados: - Escala de grises. - Color RGB. - Color CMYK. - Color HSB.
  • 25.
    La imagen digital modos de color Escala de grises - En este modo se reproducen las imágenes en niveles que van del blanco al negro. Al emplearse sólo estos tonos y ser la imagen acromática (sin colores) los archivos ocupan poco espacio. Tamaño del archivo: 235,3 Kb
  • 26.
    La imagen digital modos de color Color RGB - Es el más empleado para capturar, almacenar en archivo, mostrar en pantalla y también para imprimir las imágenes. Toma como base los tres colores primarios de la síntesis aditiva (color luz): rojo (Red), verde (Green) y azul (Blue). Cada color va en un canal individual diferente con valores cromáticos de 0 a 255 para cada canal. - Por ejemplo en una imagen de 24 bits, se reparten 8 bits por canal con lo que habrá 256 valores tonales por cada color. 256x256x256 = 16 777 216 cores posible para cada pixel. Tamaño del archivo: 706 Kb
  • 27.
    La imagen digital modos de color Cor CMYK - Está basado en los colores primarios de la síntesis sustractiva del cor. Su nombre es un acrónimo de esos colores: al cian (C), magenta (M) y amarillo (Yellow), se le añadeel color negro (blacK) para ganar contraste. - Las imágenes en CMYK varían un poco en su apariencia respecto de las que están en RGB, ya que cambian ligeramente sus parámetros. - Como son 4 colores son necesarios cuatro canales. - El modo CMYK se usa fundamentalmente cuando una imagen está destinada a imprimirse en offset. Tamaño del archivo: 941,3 Kb
  • 28.
    La imagen digital modos de cor Cor HSB - Es una derivación del modo RGB. - Los colores se definen a partir de tres parámetros: - Tono (Hue) - Saturación (Saturation) - Brillo o luminosidad (Brightness) - El tono tiene un valor entre 0º e 360º, la saturación y el brillo entre 0 y 100. - No es habitual encontrar este modo de color asignado a un tipo de imaxe. El sistema HSB se utiliza para controlar el color como mezclas a través de los tres parámetros. - Es muy útil para gestionar e igualar lo colores entre distintas aplicaciones.
  • 29.
    La imagen digital fomatos de archivo - Las imágenes digitales se almacenan en la tarjeta de memoria de la cámara o en los soportes del ordenador en formatos de archivo específicos para imágenes. Tienen la función de guardar los datos que configuran estas imágenes. Existen multitud de formatos de imagen. Los más habituales son: - JPEG. (Joint Photographic Experts Group). Es el más utilizado en el campo no profesional. Se caracteriza por utilizar un sistema de compresión de los datos con la finalidad de ocupar menos memoria. Es el estandar más empleado. - TIFF. (Tagged-Image File Format). Es una opción de más calidad. Almacena las imágenes de una forma muy similar al jpeg pero sin comprimir los datos. Las imágenes ocupan por lo tanto más memoria. - RAW. No es exactamente un formato de archivo, sino un archivo que almacena los datos en bruto (sin procesar) ocupando menos que un tiff pero sin comprimir. Es el formato de los profesionales.
  • 30.
    La imagen digital fomatos de archivo - GIF. (Graphics Interchange Format). Es un formato gráfico en color empleado en internet que fue creado para la descarga de ficheros. Este formato tiene un sistema de compresión de datos que hace que grandes imágenes sean descargadas en poco tiempo. Las imágenes pueden estar entre 2 y 256 colores. En la actualidad es el formato más emplegado en la publicidad de internet (banners) porque permite imágenes animadas y además lo pueden reproducir los navegadores más populares. - PNG. (Portable Network Graphics). Es un formato gráfico que nació como acrónimo de PNG’s Not Gif, en competencia con el formato GIF. El formato GIF tenía una patente que obligaba a pagar por utilizar su sistema de compresión, mientras que el PNG es un estándar internacional. El formato PNG admite también 256 colores, animaciones y transparencias.