Wednesday, September 15, 2004

Optimización de una imagen

Es posible optimizar una imagen insertada en un documento abierto en Dreamweaver, a través de Fireworks. De este modo puede modificarse el formato de la imagen, la transparencia, la paleta de colores que utiliza, etc.

Al modificar estos valores, lo que se pretende es que la imagen ocupe menos memoria.

Para optimizar una imagen desde Dreamweaver hay que seleccionar la imagen, y seguidamente dirigirse al menú Comandos, opción Optimizar imagen en Fireworks.

Desde la nueva ventana será posible modificar los atributos de la imagen.

.



Transparencias

En ocasiones puede resultar útil poder hacer invisibles algunos colores que forman parte de una imagen. Normalmente lo que se desea hacer transparente es el fondo.

Por ejemplo, en la imagen de abajo el fondo puede desentonar con el fondo de la página, o hacer que su apariencia sea más pobre.



Lo primero que hay que hacer es establecer un color de fondo para la imagen, de modo que éste no coincida con el color de ningún otro elemento del dibujo, para que éste último pueda seguir mostrándose correctamente después de aplicar la transparencia.


Después podrá aplicarse la transparencia sobre el color deseado, desde algún programa de tratamiento de imágenes, como puede ser Fireworks.

Una forma de aplicar transparencia mediante Fireworks es a través de los botones que puedes ver en la pantalla anterior (en optimizar imagen).

Cuando se está optimizando la imagen, puede pulsarse uno de los dos primeros botones anteriores, de modo que el puntero adquiere la forma de un cuentagotas al situarse sobre la imagen o sobre la lista de colores de la imagen. Pulsando sobre un color, éste se volverá transparente.

La diferencia entre el primer y el segundo de estos botones, es que el primero solo permite asignar transparencia a un color, mientras que el otro permite añadirsela a varios. El último botón se utiliza para quitar la transparencia de algún color.

En el caso de haber aplicado la transparencia al color azul que hacía de fondo de la imagen, esta quedaría como la de abajo.


La existencia de transparencia permite mejorar notablemente la estética de nuestras páginas.

Documento extraido de http://www.aulaclic.es/dream2004/a_6_1_1.htm