Optimiza el uso de las imágenes
Utiliza el atributo “alt” para ofrecer información sobre las imágenes
Las imágenes pueden parecer un componente muy sencillo de tu sitio web, pero puedes optimizar su uso. Todas las imágenes
pueden tener un nombre de archivo definido y un atributo “alt”, de los cuales podemos aprovecharnos. El atributo “alt” te permite especificar texto que puede aparecer en vez de la imagen, si ésta no puede mostrarse por la razón que sea (1).
¿Por qué utilizar este atributo? Si un usuario esta viendo tu página web con un navegador que no es compatible con las imágenes, o está utilizando tecnologías alternativas, como un lector de pantalla, el contenido del atributo “alt” ofrecerá información sobre la imagen.
Otra razón es que si usamos una imagen como enlace, el texto en “alt” será tratado de forma similar a un texto ancla de un texto de enlace. Sin embargo, no recomendamos usar demasiadas imágenes como enlaces en tu barra de navegación, cuando los enlaces de texto pueden funcionar. Por último, optimizar el nombre de archivo de tus imágenes y el texto en “alt” hace más sencillo entender tus imágenes para proyectos de búsqueda de imágenes como Búsqueda de imágenes de Google.
Guarda los archivos en directorios especializados y trabaja con ellos utilizando formatos de archivos estándar
En lugar de tener archivos de imágenes guardados en diferentes directorios y subdirectorios de tu dominio, plantéate reagrupar tus imágenes en un solo directorio (ej:. brandonsbaseballcards.com/ imagenes/). Esto simplifica la ruta de tus imágenes. Usa archivos que estén ampliamente aceptados – La mayoría de navegadores soportan los formatos de imágenes JPEG, GIF, PNG y BMP. Es además una buena idea que la extensión que aparece en el nombre de tus archivos coincida con el tipo del mismo.

(1) Esta imagen no se muestra al usuario por algún motivo, pero al menos el
texto en “alt” se muestra.

Glosario
Lector de pantalla:
Software para dictar el contenido de la pantalla o bien redirigirlo a un sistema de salida Braille.
Lenguajes ASCII: Abreviatura de American Standard Code for Information Exchange (Código americano estándar para intercambio de información). Codificación de caracteres centrada en el alfabeto inglés.
Lenguajes ASCII: Abreviatura de American Standard Code for Information Exchange (Código americano estándar para intercambio de información). Codificación de caracteres centrada en el alfabeto inglés.