Pgina.

1 de 1

08 Preparacin de imagen para pantalla: WEB.

Un destino habitual de las imgenes editadas es la pantalla, ya sea para
presentaciones tipo Power point o para pginas WEB. En esta primera toma
de contacto, trabajaremos las imgenes para la realizacin de pginas WEB.

Proyectos IMSS05 Segundo Diurno

Pablo M. Molina Juana 2015

Resolucin:
En estos caso es importante trabajar la
resolucin desde el punto de vista del
tamao que ocuparn las imgenes dentro
de la pantalla. Es normal que la pgina WEB
tenga un diseo concreto y la imagen vaya
colocada entre textos, botones, enmarcada
entre otras imgenes , etc.
El tamao viene definido por las dimensiones de ancho por alto medidas en pxeles.
Aqui el concepto PPP o pixel por pulgada
pierde significado por que la imagen de una
pgina WEB no se relaciona con medidas
"fsicas" en pulgadas que son las que ofrece
una impresora.

En la edicin con Photoshop primero adaptaremos las dimensiones con el comando

tamao de imagen del men imagen o con
la herramienta de recorte. Despus guardaremos una copia del archivo con el comando "guardar para web y dispositivos" del
menu archivo. De esta forma podremos
manejar los archivos con absoluto control,
ya que este comando nos muestra una previsualizacin del archivo resultante en los
formatos y compresiones posibles .

Los programas maquetadores de pginas

WEB suelen indicar dicho tamao por lo que
debemos familiarizarnos con el uso de
estos. Para probar uno de estos programas,
vamos a usar el maquetador Nvu.

Lightroom no ofrece tanto control en el

guardado de las imgenes, sin embargo es
muy til cuando tenemos muchas fotos
para procesar ya que lo hace por lotes.

Objetivo de la prctica:
Crearemos una pgina WEB con una
fotografa generada en una cmara de
al menos 8 mpixeles. La edicin consistira en adaptar el formato de archivo

Formatos de archivo:
Los formatos de archivo que puede interpretar un navegador WEB son jpg, gif y png
por lo que el archivo final deber ser de
alguno de estos formatos. Debemos conocer perfectamente las caractersticas de
cada uno para usarlos de forma optimizada.
Edicin:
Para la edicin de las imgenes utilizaremos Photoshop y Lightroom. Primero debemos calcular el tamao que ocupar la
imagen dentro de la pgina. Puede ser interesante maquetar imgenes "testigo" con
Nvu para calcular los tamaos necesarios.

Crearemos la misma pgina WEB

anterior optimizando el tamao de
archivo con Photoshop.
Compararemos el tamao de ambas
pginas contando con su imagen asociada y calcularemos el tiempo de carga
en internet.
Finalmente, crearemos una pgina
WEB con Nvu con un total de 6 imgenes, tres editadas con Photoshop y
otras 3 con Lightroom.

Fecha de entrega:
Octubre 2015