Widget "Texto": Imágenes
Galería de imágenes y widget de texto
La aplicación Galería de imágenes
, que podemos encontrar en nuestro escritorio, nos permite crear galerías (carpetas) donde podemos subir las imágenes de nuestra web.
El widget Texto
, del gestor web, permite insertar en la web cada una de las imágenes previamente incorporadas en nuestras galerías.
Los editores sólo pueden insertar las imágenes de sus propias galerías. Podemos autorizar a otros usuarios a gestionar nuestras galerías siempre y cuando sean editores de la Web.
Ancho plantilla dos columnas (50%): 555 píxeles
Renderización
El tamaño real de la imagen de esta página es de 1920 x 1307 píxeles, sin embargo, cuando insertamos la imagen con el widget de texto se genera una imágen con un ancho de 850 píxeles.
Si pulsamos sobre la imagen con el botón derecho del ratón y guardamos la imagen, el ancho de la imagen guardada será de 850 píxeles.
Además, gracias al comportamiento responsive, la imagen se adapta al ancho disponible, es decir, encaja en una columna de 555 píxeles (se visualiza con una resolución de 555 píxeles).
Cuando se carga una imagen en una galería se generan 3 versiones adicionales a la original, cada una se puede usar según los tamaños que se vayan a visualizar en pantalla:
- El formato miniatura se genera convirtiendo la imagen a 100 pixeles de ancho, se puede usar si se pone, al final de la URL de la imagen, el parámetro
?ver=t
- El formato medio se genera convirtiendo la imagen a 300 píxeles de ancho, se puede usar usando el parámetro
?ver=m
- El formato normal o estándar convierte la imagen a 850 píxeles de ancho y es el que se inserta por defecto cuando se selecciona una imagen en un widget de texto, se usa con el parámetro
?ver=n
Podemos hacer referencia a la imagen original usando una URL acabada en:?ver
sin parámetro de tamaño.
Es importante usar la resolución más próxima al tamaño al que se va a visualizar la imagen en la página, pues conseguiremos un doble beneficio: por un lado, la página se cargará más rápido evitando la descarga de datos innecesarios y, por otro, evitaremos sobrecargar los servidores y la red. Adicionalmente minimizaremos las perdidas de sesión que se sufren en la web cuando se tarda demasiado tiempo en cargar los datos de una página.
Ancho plantilla tres columnas (33%):360px
Ancho plantilla tres columnas (33%):360px
Ancho plantilla tres columnas (33%):360px
Ancho plantilla cuatro columnas (25%): 263px
Ancho plantilla cuatro columnas (25%): 263px
Ancho plantilla cuatro columnas (25%): 263px
Ancho plantilla cuatro columnas (25%): 263px
Texto Alternativo
El texto alternativo cumple varias funciones:
- Es leído por lectores de pantalla en lugar de las imágenes permitiendo que el contenido y función de la imagen sean accesibles a personas con dificultades visuales o cognitivas.
- Los navegadores web lo muestran en lugar de la imagen si ésta no se ha cargado, o si el usuario tiene las imágenes deshabilitadas.
- Proporciona un significado semántico y descriptivo a la imagen que puede ser usado posteriormente por motores de búsqueda para determinar el contenido de la imagen.
El texto alternativo debe ser preciso y equivalente, breve, no redundante, no usar frases como "imagen de...".
Cuando una imagen contiene sólo texto, el texto que muestra puede usarse normalmente como texto alternativo.