Inicio TuToriales diseño web tutorial 08

Ejercicio: Optimización de imagenes
Objetivo: Elegir el formato y la optimización adecuada en cada caso
Software y versión utilizados: Adobe Photoshop
Nivel: Básico
Duración: Una hora

Archivos necesarios: optimizacion_img.zip

 

Modelo 1

Para optimizar imágenes para web accedemos a la ventana Guardar para web desde el menu Archivo.
si activamos la pestaña 2 Copias obtenermos la imagen original a la izauierda y la imagen optimizada a la derecha. En la parte inferior de la imagen optimizada obtenemos el tamaño resultante del archivo optimizado.
En la parte donde se encuentran los parametros de optimización escogemos el formato y los valores adecuados según el tipo de imagen.
Como hemos visto en la teoria el mejor formato para las imágenes de tono contínuo o imágenes fotográficas es el formato JPEG a una calidad Alta o Media.

 
 

Modelo 2

Si la imagen es una imagen con masas de color homogéneo o tintas planas como en el ejemplo el formato correcto es el formato GIF.
Debemos reducir la paleta de colores al máximo, sin perder calidad en la imágen, para consegir optmizar y reducir el tamaño de archivo de la imagen al máximo.
El formato Gif también permite trasnparencia si existe un objeto en una capa sin fondo y activamos la casilla correspondiente.

 

Ernesto Navarro Durá. 2009