Página. 1 de 1 03 Preparación de imagen para pantalla: WEB.

Un destino habitual de las imágenes editadas es la pantalla, ya sea para

presentaciones tipo Power point o para páginas WEB. En esta primera toma
de contacto, trabajaremos las imágenes para la realización de páginas WEB.
Resolución: sarios. En la edición con Photoshop primero
adaptaremos las dimensiones con el coman-
En estos caso es importante trabajar la
© Pablo M. Molina Juana 2019

do tamaño de imagen del menú imagen o

resolución desde el punto de vista del
con la herramienta de recorte. Después
tamaño que ocuparán las imágenes dentro
guardaremos una copia del archivo con el
de la pantalla. Es normal que la página WEB
comando "guardar para web y dispositivos"
tenga un diseño concreto y la imagen vaya
del menu archivo. De esta forma podremos
colocada entre textos, botones, enmarcada
manejar los archivos con absoluto control,
entre otras imágenes , etc.
ya que este comando nos muestra una pre-
El tamaño viene definido por las dimensio- visualización del archivo resultante en los
nes de ancho por alto medidas en píxeles. formatos y compresiones posibles .
Aqui el concepto PPP o pixel por pulgada
pierde significado por que la imagen de una
página WEB no se relaciona con medidas
"físicas" en pulgadas que son las que ofrece
una impresora.
Los programas maquetadores de páginas
WEB suelen indicar dicho tamaño por lo que
debemos familiarizarnos con el uso de
Proyectos IMSS05 Segundo Diurno

estos. Para probar uno de estos programas,

vamos a usar el maquetador KompoZer.

Lightroom no ofrece tanto control en el

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

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 características de
cada uno para usarlos de forma optimizada.
Edición:
Para la edición de las imágenes utilizare-
mos Photoshop y Lightroom. Primero debe-
mos calcular el tamaño que ocupará la
imagen dentro de la página. Puede ser inte-
resante maquetar imágenes "testigo" con
KompoZer para calcular los tamaños nece-
Objetivo de la práctica:
Crearemos una página WEB con una
fotografía generada en una cámara de
al menos 8 mpixeles. La edición consis-
tira en adaptar el formato de archivo
para ser visualizada en un navegador
de internet-
Crearemos la misma página WEB
anterior optimizando el tamaño de
archivo con Photoshop.
Compararemos el tamaño de las car-
petas que contienen las páginas, con-
tando con su imagen asociada y calcu-
laremos el tiempo de carga en internet.
Finalmente, crearemos una página
WEB con KompoZer con un total de 6
imágenes, tres editadas con Photoshop
y otras 3 con Lightroom.
Fecha de entrega:
Octubre 2019