SEMINARIO INTERCENTROSIES LUIS MANZANARES

27/01/2015 – 24/02/2015

Juana Molina Molina

TRATAMIENTO DE CONTENIDOS DIGITALES

jmm

2

ESTRUCTURA DEL SEMINARIO

BLOG

DOCUMENTOS

IMÁGENESVIDEOS

jmm

3

SESIÓN 3

IMÁGENES

4

IMAGEN DIGITAL

jmm

Conceptos básicosAntes de optimizar las imágenes para su

publicación en web, veremos algunos conceptos característicos de las imágenes digitales.

El píxel

Modos de color

Profundidad de color

La Resolución

jmm

5

IMAGEN DIGITAL

El píxelUna fotografía digital está formada por una

matriz de puntos ordenados en filas y columnas, cada uno de los cuales se llama píxel (del inglés Picture Element).

Es la unidad mínima de visualización de una imagen digital capturada con una cámara o un escáner. Los podemos observar al hacer zoom sobre la imagen.

Esta ilustración representa cómo se vería la misma imagen con diferentes resoluciones:

jmm

6

IMAGEN DIGITAL

Resolución de imagenValor que indica el grado de detalle o definición de

la imagen. Se expresa en ppp (píxeles por pulgada, siendo 1 pulgada=2,54cm)

No hay que confundir el tamaño de la imagen con su resolución. Para un mismo tamaño de imagen, aquella que tenga más píxeles, tendrá mayor resolución y mayor definición. Pero no siempre interesa que esto sea así.

La resolución óptima recomendable para las imágenes que subamos al blog estará comprendida entre 70-100 ppp.

jmm

7

IMAGEN DIGITAL

Profundidad de colorLa profundidad de color o bits por pixel  se

refiere a la cantidad de bits utilizados para representar el color de un solo píxel en una imagen digital.

Cuanto mayor sea la profundidad de color en bits de la imagen, más amplia será su paleta de colores.Profundidad de color

Nº de colores/píxel

Nombre usual

8 bits 256 (3R+3G+2B)

Color indexado

16 bits 65.536 (5R+6G+5B)

Miles de colores

24 bits 16,8 M (8R+8G+8B)

Millones de colores o color verdadero

jmm

8

IMAGEN DIGITAL

Modos de colorEl modo de color es la conformación de colores

que posee una imagen. Este modo determina la combinación de los componentes de un color, basándose en el número de canales que tenga el modo de la imagen. Los más habituales son:

Escala de grises: Emplea un canal para el color negro de 8 bits, que permite hasta 256 tonos de gris entre el blanco y negro puros.

jmm

9

IMAGEN DIGITAL

Color indexado: Emplea un canal de color de 8 bits que frece hasta 256 colores. Es útil para bajar el peso de una imagen sin perder su calidad.

Color RGB: Este modo asigna un valor de intensidad lumínica de color a cada píxel y utiliza tres canales de color (rojo, verde y azul).

Escala de grises Color Indexado Color RGB

jmm

10

IMAGEN DIGITAL

Formatos de imagenLas imágenes digitales se pueden guardar en distintos

formatos. Los más utilizados en la actualidad son: BMP, GIF, JPG, TIF y PNG.

GIF (Graphics Interchange Format/Formato de Intercambio Gráfico). • Ha sido diseñado específicamente para comprimir

imágenes digitales. • Reduce la paleta de colores a 256 colores como máximo

(profundidad de color de 8 bits), lo que permite optimizar el tamaño del archivo que contiene la imagen .

• Es un formato idóneo para publicar dibujos en la web (con o sin movimiento)

jmm

11

IMAGEN DIGITAL

JPG-JPEG (Joint Photographic Experts Group/Grupo de Expertos

Fotográficos Unidos). • Admite una paleta de hasta 16 millones de

colores. • Es el formato más común para publicar

imágenes en la web. • La compresión JPEG puede suponer cierta

pérdida de calidad en la imagen a favor de la reducción del tamaño del archivo. Es recomendable utilizar una calidad del 60-90 % respecto al original.

jmm

12

IMAGEN DIGITAL

PNG (Portable Network Graphic/Gráfico portable para la red).

• Es un formato de reciente difusión alternativo al GIF.

• Tiene una tasa de compresión superior al formato GIF (+10%) y sin perdida de datos.

• Admite la posibilidad de emplear un número de colores superior a los 256 que impone el GIF.

jmm

13

IMAGEN DIGITAL

Optimización de imágenes para webEl tamaño de un archivo gráfico viene

determinado por las dimensiones de la imagen, su resolución, el número de colores y el formato (JPG, GIF, PNG).

Aplicar las modificaciones sobre una copia del archivo imagen original.

Resolución aconsejable no superior a 72 ppp.En ocasiones puede interesar reducir el número

de colores de la paleta porque ello supone reducir el tamaño del archivo.

jmm

14

IMAGEN DIGITAL

Optimización de imágenes para web

Las imágenes GIF son más adecuadas para dibujos, gráficos y logotipos.

Las imágenes JPEG (y PNG) son mejores para fotografías e imágenes con degradados, porque admiten color de 24 bits, y porque gracias a su compresión ofrecen una imagen más brillante que ocupa menos espacio en el disco.

jmm

15

IMAGEN DIGITAL

Publicación de imágenesExisten multitud de alojamientos web gratuitos

para nuestras imágenes. Los mejor valorados, por sus prestaciones, son:

Flickr: permite guardar los archivos de forma pública o privada. Hay que tener cuenta de correo de yahoo.

https://www.flickr.com/Picasa: permite guardar, editar y compartir

fotos. Hay que descargar el programa e instalarlo en el ordenador.

jmm

16

TAREA 3

a) Redimensionar y ajustar el peso de una imagen con el programa GIMP.

b) Crear un logo (estático y/o animado) con GIMP

c) Crear entrada nueva en el blog que contenga:un pase de diapositivas con tres fotos (como gadget o en el cuerpo de una entrada).