Imágenes

El análisis de imágenes comprueba que todas las imágenes de un sitio web estén enlazadas conforme a las prácticas recomendables más actuales. También comprobamos que las imágenes tengan un formato adecuado para web.

¿Por qué realizamos esta prueba?

En algunos casos, los creadores de sitios web incluyen imágenes en sus páginas de manera incorrecta, lo que provoca problemas de accesibilidad para los visitantes y aumenta el tiempo necesario para cargar las páginas.

Es importante incluir los atributos de anchura y altura en todas las etiquetas de imagen. El etiquetado sigue siendo válido si no existen los atributos de anchura y altura, pero lo más recomendable es incluirlos. Sin estos atributos, el navegador web del visitante no sabe cuánto espacio debe reservar para la imagen hasta que ha terminado de descargarla. Esto significa que, una vez cargada la imagen, el navegador del visitante debe volver a producir la página, lo que aumenta el tiempo necesario para la carga y puede hacer que algunos elementos de la página "salten", sobre todo si el usuario tiene una conexión a Internet lenta. También es importante no ampliar la imagen usando estos atributos, que deben ser idénticos a las dimensiones reales de la imagen. Esto también aumenta el tiempo de carga de la página.

¿Cómo realizamos esta prueba?

Descargamos todas las imágenes del sitio web y bajamos la calificación de acuerdo con varios criterios:

• ¿Está en un formato no apto para web? Solo se admiten imágenes en formato webp, avif, jpeg, png, svgf y gif.
• ¿Faltan los atributos de anchura y altura? Esto sucede si se omiten los atributos de anchura y altura de una imagen.
• ¿La imagen se amplía en el navegador ? Esto sucede cuando el tamaño de la imagen original difiere de la anchura y altura especificadas en el HTML. Si desea ampliar una imagen en el navegador, utilice CSS, ya que la etiqueta describe la imagen original, no el modo en que debe visualizarse.

¿Qué puedo hacer yo?

Compruebe que todas las imágenes que use tengan un formato apto para web, como jpeg, gif o png. Incluya también atributos de anchura y altura para todas las imágenes, y compruebe que coincidan con las dimensiones reales de la imagen original. Si necesita ampliar la imagen en el navegador, utilice CSS. La etiqueta de imagen de HTML define la imagen original, y el CSS el modo en que se visualizará.