El administrador personal centralizado de imágenes se encuentra en el menú Content → Image Manager en la barra de menú principal. Es común a todo LibApps y en él se hallan:
Hay dos tipos de bibliotecas de imágenes:
Cada biblioteca se puede organizar por medio de carpetas y palabras clave, permitiendo el filtrado y la búsqueda.
Los formatos admitidos son: JPG
, JPEG
, GIF
, PNG
e ICO
con un tamaño de hasta 5 MB. En el gestor de imágenes tenemos herramientas para examinar una imagen, moverla a una nueva carpeta o copiar el enlace directo de esa imagen.
Pulsando en la imagen podremos añadir una descripción, palabras clave o moverla a otra carpeta.
Las imágenes se pueden añadir a cualquier bloque de contenido Rich Text / HTML.
Se abrirá la ventana de diálogo de Propiedades de Imagen.
Debemos asegurarnos de cambiar la carpeta en la que deseamos guardar la imagen antes de iniciar la subida. Solamente se pueden subir de una en una.
alt
) para proporcionar una breve descripción de la información contenida en la imagen. Es importante de cara a la accesibilidad.
alt
describa también dicho destino.alt
deben ser breves y descriptivos pero no redundantes. Debemos evitar frases como "Imagen de..." o "Gráfico de..."alt=""
alt=""
No es necesario configurar la alineación en todos los casos pero ayuda a fijar la imagen a la izquierda o derecha del texto, controla la posición de la imagen en relación al texto.
Para centrar la imagen:
Deshabilitar Alineación. A continuación tendríamos tres opciones:
Antes de insertar la imagen, insertar salto de párrafo y seleccionar alineación centrada de texto. En vista HTML sería: <p style=”text-align:center;”><img src=”....” /></p>
Emplear la clase <p class=”text-center”><img src=”…” /></p>
Sin % de reducción ni márgenes: <img class=”center-block” src=”...” />
En cuanto a los márgenes, el espacio alrededor que separa la imagen del texto, la cantidad introducida en píxeles indica:
Horizontal space (horizontal ambos lados)
Vertical space (vertical arriba y abajo)
Si deseamos que solamente exista margen en un lado: <img src=”...” style=”margin-right:15px;” />
Los márgenes entre las imágenes y el texto (es decir, cuando hay texto alrededor de una imagen) deben establecerse en 15px.
Buenas prácticas: si se trata de imágenes grandes, debemos redimensionar el tamaño de las mismas antes de subirlas a LibGuides en una herramienta de edición de imágenes como Paint.NET, Gimp o Photoshop. No se recomienda ajustar el tamaño de imagen en el propio LibGuides para reducciones de más de un 10-15%. Asimismo, es recomendable borrar las dimensiones (píxeles) en el menú de opciones de imagen al insertarlas.
Otras recomendaciones:
<figure>
y <figcaption>