Saltar la navegación

Inclusión de imágenes

 

A la hora de incluir una imagen en una página web hay que tener en cuenta fundamentalmente los siguientes conceptos:

  • Texto alternativo de la imagen
  • Tamaño y formato de la imagen
  • Contraste de los colores incluidos en la imagen

Para cada uno de los aspectos vamos a ver una explicación teórica, seguido de unas preguntas prácticas para afianzar los conceptos. También veremos qué herramienta utilizar para verificar que las imágenes incluidas en una página cumplen con el concepto en cuestión.

Por último veremos una pequeña guía rápida que recoge a modo de esquema las principales cuestiones que hay que tener en cuenta a la hora de añadir una imagen.

Vemos a continuación en detalle cada uno de los puntos.

Guía rápida de inclusión de imágenes

A modo de resumen, a la hora de incluir una imagen habría que tener en cuenta los siguientes puntos:

  • Añadir texto alternativo a la imagen.
  • Si la imagen es decorativa su texto alternativo debe ser vacío.
  • Si la imagen es compleja, rellenar el campo Descripción larga URL (opción desaconsejada), incluir la descripción antes o después de la imagen o incluir un enlace a continuación de la imagen donde se indique la descripción de la imagen.
  • Si la imagen funciona como enlace, el texto del enlace (si lo hay) junto con el texto alternativo de la imagen deben definir la función del enlace sin aportar información redundante.
  • Si la imagen contiene texto que aporta información, el texto alternativo de la imagen debe contener el texto de la imagen.
  • Se recomienda fijar las dimensiones de la imagen.
  • Usar imágenes de tamaños pequeños (lo necesario para que se vean correctamente).
  • Utilizar formatos que sean estándares abiertos o de uso generalizado (jpg, jpeg, png, etc.).