P

r
o
y
e
c
t
o
s

I
M
S
S
0
5

S
e
g
u
n
d
o

D
i
u
r
n
o
03 Preparacin de imagen para pantalla: WEB.
Un destino habitual de las imgenes editadas es la pantalla, ya sea para presen-
taciones tipo Power point o para pginas WEB. En esta primera toma de contacto, tra-
bajaremos las imgenes para la realizacin de pginas WEB.
P

g
i
n
a
.

1

d
e

1

P
a
b
l
o

M
.

M
o
l
i
n
a

J
u
a
n
a

2
0
1
4
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 dimensio-
nes 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.
Formatos de archivo:
Los formatos de archivo que puede inter-
pretar un navegador WEB son jpg, gif y png
por lo que el archivo final deber ser de
alguno de estos formatos. Debemos cono-
cer perfectamente las caractersticas de
cada uno para usarlos de forma optimizada.
Edicin:
Para la edicin de las imgenes utilizare-
mos Photoshop y Lightroom. Primero debe-
mos calcular el tamao que ocupar la
imagen dentro de la pgina. Puede ser inte-
resante maquetar imgenes "testigo" con
Nvu para calcular los tamaos necesarios.
En la edicin con Photoshop primero adap-
taremos las dimensiones con el comando
tamao de imagen del men imagen o con
la herramienta de recorte. Despus guarda-
remos una copia del archivo con el coman-
do "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 pre-
visualizacin del archivo resultante en los
formatos y compresiones posibles .
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 consis-
tira en adaptar el formato de archivo
Crearemos la misma pgina WEB
anterior optimizando el tamao de
archivo con Photoshop.
Compararemos el tamao de ambas
pginas contando con su imagen aso-
ciada y calcularemos el tiempo de carga
en internet.
Finalmente, crearemos una pgina
WEB con Nvu con un total de 6 imge-
nes, tres editadas con Photoshop y
otras 3 con Lightroom.
Fecha de entrega:
Septiembre 2013