Seminario TCCDD Sesion3
Transcript of Seminario TCCDD Sesion3
SEMINARIO INTERCENTROSIES LUIS MANZANARES
27/01/2015 – 24/02/2015
Juana Molina Molina
TRATAMIENTO DE CONTENIDOS DIGITALES
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.