Skip navigation

3.1.- Imágenes

Es importante que mantengamos una misma línea de actuación con respecto a la inserción, la disposición y el referenciado de las imágenes que vamos a usar a la hora de diseñar y revisar contenidos y tareas.

Para la inclusión de una única imagen sin texto alrededor no es necesario usar tablas ni capas. Simplemente se incluye la imagen, se completan los datos de accesibilidad y se referencia adecuadamente. Se recomienda que la imagen esté centrada.

La imagen debe subirse físicamente, es decir, no puede estar enlazada a una URL externa, ni copiada ni pegada directamente de la web o de otro exelearning.

Cuando se maqueta con una única imagen, la anchura máxima debe ser 700 pixels.

Para optimizar el peso del ELP no se debe usar la opción de cambiar el tamaño de la imagen desde dentro del eXeLearning.

Importante

Nombre y tipo del archivo de imágenes

Los nombres de los archivos deben ser descriptivos.

Al descargar una imagen de una web o cámara suelen llevar nombres muy largos y poco significativos, se recomienda cambiar sin usar espacios en blanco, tildes, eñes u otros caracteres especiales.

Las imágenes deben ser del tipo jpg o, png (si se quiere fondo transparente).

Una sola imagen

En el caso de una sola imagen incluiremos la imagen y luego, en la línea inferior, centramos el título y la referencia.

Al ser un mapa que debe leerse, usamos el tamaño máximo 700 pixeles de anchura.

Mapa lingüístico de Andalucía

Mapa lingüístico de Andalucía
Imagen en Wikimedia Commons. Licencia CC

Ampliar imagen

Muchas veces nos puede interesar ampliar una imagen para mejorar su lectura o apreciar ciertos detalles.

En el ejemplo anterior, podría utilizarse esta opción (enlazar a una imagen pequeña otra de mayor resolución):

Mapa

Pulsa para ampliar el Mapa lingüístico de Andalucía
Imagen en Wikimedia Commons. Licencia CC

Para ello, en eXeLearning solo hay que subir la imagen pequeña (300 pixeles, por ejemplo), enlazar la misma imagen pero con mayor resolución y elegir la opción Avanzado - Relación página a destino:  Lightbox.

Lightbox

Captura de pantalla de elaboración propia