Pgina.

1 de 1

Proyecto 04: 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.
Resolucin: 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 .

Pablo M. Molina Juana 2013

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. 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.

Proyectos P.F.F IMSS05 Diurno

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: Diciembre 2013