1. Formatos gráficos para la web

El primer requisito que debe tener una imagen que va a ser incluida en una página web es que debe poder ser vista en diferentes exploradores y sistemas. Otro requisito importante es su tamaño, ya que debemos intentar que éste sea el menor posible para que la página que contiene la imagen no tarde mucho tiempo en descargarse. En resumidas cuentas, podemos decir que existen dos tipos de formato de imagen que están pensados para la web: GIF y JPG. El primero se utiliza especialmente para las imágenes de colores planos (como los gráficos e iconos) y su ventaja radica en la posibilidad de que algunos de sus colores sean transparentes, dejando ver lo que hay por debajo de ella. Por su parte, el formato JPG se utiliza para las imágenes con colores degradados (como fotografías) y su ventaja se encuentra en la gran capacidad de compresión de tamaño manteniendo millones de colores.

En este ejemplo vemos que para fotografías es mejor utilizar un formato JPG, que comprime más el archivo y tiene una mayor calidad. Para el caso de los gráficos, el GIF es la mejor opción, porque aunque ocupe un poco más que el JPG, está compensado por la calidad.

2. Insertar imágenes en las páginas web

Antes de insertar una imagen debes tener en cuenta que lo más adecuado es que las tengas guardadas de antemano en la carpeta ‘images’ de tu sitio web. De esta manera, siempre estarán localizables por el explorador que vea tu página en internet. De todas formas, si has insertado una imagen que está guardada fuera de tu sitio web, a la hora de guardar la página, Frontpage te preguntará en qué carpeta del sitio quieres guardarla. Sólo tienes que indicar la carpeta ‘images’.

Para insertar una imagen en Frontpage primero has de situar el cursor en el punto donde quieras incluir la imagen. Después elige una de las dos opciones de Menú Insertar > Imagen.

1. La opción Imágenes abre la galería de clip art instalada con Microsoft Office 2000. Puedes seleccionar la imagen que quieras de cada categoría haciendo clic en ella y, luego, en el botón emergente de ‘Insertar’.

2. La opción Desde archivo abre el cuadro de diálogo Imagen. Elige la imagen correspondiente de la carpeta ‘images’ de tu sitio web (o de cualquier otra ubicación de tu disco duro) y haz clic en Aceptar.

Pero si la imagen que vamos a insertar no está guardada en tu ordenador, búscala en internet (o escribe su dirección URL) en el campo correspondiente.

3. Modificar imágenes

Una vez insertada una imagen en la página web, puedes cambiar su tamaño arrastrando los puntos activos de su contorno y modificarla gracias a los controles que aparecen en la barra de herramientas Imágenes. Vamos a ver todas sus opciones empezando de derecha a izquierda.

1. Insertar imagen desde archivo
Éste es un botón de acceso rápido a la opción que ya hemos visto de Menú Insertar > Imagen > Desde archivo.

2. Texto
Esta opción se utiliza para escribir texto sobre una imagen existente. La imagen sobre la que se va a escribir debe ser un GIF, en caso contrario Frontpage te preguntará si deseas convertirla a ese formato.

3. Vista en miniatura automática
Haciendo clic en este botón, Frontpage creará una copia más pequeña de la imagen y la mostrará en lugar de la imagen grande. Para ver la imagen a tamaño normal, sólo hay que hacer clic en ella. Esta función esta indicada, sobre todo, para crear galerías fotográficas en las que se muestran muchas imágenes que, de estar a tamaño real, harían muy lenta la descarga de la página.

4. Ubicación absoluta
La colocación en estilo absoluto permite situar la imagen en una ubicación exacta en una página. Una imagen colocada de forma absoluta aparecerá delante o detrás del texto que la rodea, y no a su lado.

5. Traer adelante y enviar atrás
Con estos dos botones podrás mover la imagen que tiene ubicación absoluta delante o detrás del texto.

6. Rotar y voltear
Estas opciones controlan la rotación y el reflejo de la imagen.

7. Contraste y brillo
Controlan los niveles de brillo y contraste.

8. Recortar
Esta herramienta te será de utilidad para desechar la parte de una imagen que no necesites. Para ello selecciona la parte que vas a conservar, delimitándola con el rectángulo de selección, y haz clic en el botón Recortar otra vez para que Frontpage recorte la imagen.

9. Establecer color transparente
Utiliza este botón para hacer transparente un color de la imagen. Debes tener en cuenta que sólo puede hacerse sobre imágenes GIF y que sólo puedes elegir un color transparente.

10. Convertir a blanco y negro
Este botón te permitirá convertir rápidamente una imagen en color a blanco y negro, sin necesidad de abrir un editor de imágenes.

11. Descolorar
Si haces clic en este botón, Frontpage baja los niveles de contraste de la imagen seleccionada, con lo que aparece más tenue. Esta opción te será de utilidad cuando el texto que hay sobre la imagen no es muy visible. También puedes aplicar este efecto sobre la imagen de fondo, haciendo clic en el botón sin tener ninguna imagen seleccionada.

12. Efecto biselado
Este efecto consiste en crear una apariencia de tres dimensiones a la imagen con la inserción de un marco. Se utiliza sobre todo para la edición de botones.

13. Nuevo muestreo
Si has cambiado el tamaño de una imagen arrastrando los puntos activos de su contorno, el tamaño del archivo no habrá variado. Si quieres que esto ocurra, debes utilizar esta opción.

14. Herramientas de selección y creación de zonas activas
Estos botones los veremos con detenimiento en la siguiente lección, cuando hablemos de los mapas de imágenes.

15. Restaurar
Este botón restaura a la imagen a su estado original (tal y como estaba guardada), si es que hiciste algún cambio en ella.