El viejo refrán dice que "una imagen vale más que mil palabras". Este eslogan brilla en la web, donde la atención se extiende son notoriamente breves: la imagen correcta puede hacer o deshacer un sitio al atraer la atención adecuada y la página atractiva visitantes.
Sin embargo, cuando un gráfico no se carga, hace que el diseño parezca roto y, en algunos casos, puede degradar la experiencia del usuario en ese sitio. ¡Las "mil palabras" que envía la imagen rota ciertamente no son positivas!
1. Rutas de archivo incorrectas
Cuando agrega imágenes a un sitio HTML o CSS archivo, debe crear una ruta a la ubicación en su estructura de directorio donde residen esos archivos. Este es un código que le dice al navegador dónde buscar y recuperar la imagen. En la mayoría de los casos, esto estaría dentro de una carpeta llamada imagenes. Si la ruta a esta carpeta y los archivos que contiene son incorrectos, las imágenes no se cargarán correctamente porque el navegador no podrá recuperar los archivos correctos. Seguirá la ruta que le indicó, pero llegará a un callejón sin salida y, en lugar de mostrar la imagen adecuada, aparecerá en blanco.
2. Nombres de archivos mal escritos
Mientras examina el rutas de archivo para sus archivos, verifique que haya escrito correctamente el nombre de la imagen. Los nombres incorrectos o los errores ortográficos son la causa más común de problemas de carga de imágenes.
3. Extensiones de archivo incorrectas
En algunos casos, es posible que el nombre del archivo esté escrito correctamente, pero la extensión del archivo puede ser incorrecta. Si tu imagen es una archivo .jpg, pero su HTML busca un .png, habrá un problema. Utilice el tipo de archivo correcto para cada imagen y luego haga referencia a esa misma extensión en el código de su sitio web.
Además, busque la distinción entre mayúsculas y minúsculas. Si su archivo termina en .JPG, con las letras en mayúsculas, pero su código hace referencia a .jpg, todas en minúsculas, ciertos servidores web ven a esos dos como diferentes, aunque son los mismos conjuntos de letras. La sensibilidad a mayúsculas y minúsculas cuenta.
Es una buena práctica guardar siempre los archivos con letras en minúscula. Hacerlo nos permite usar siempre minúsculas en nuestro código, eliminando un posible problema que podríamos tener con nuestros archivos de imagen.
4. Archivos perdidos
Si las rutas a sus archivos de imagen son correctas y el nombre y extensión de archivo también están libres de errores, compruebe que los archivos se hayan subido al servidor web. Descuidar la carga de archivos en ese servidor cuando se inicia un sitio es un error común que es fácil de pasar por alto.
Sube esas imágenes, actualiza tu página web e inmediatamente debería mostrar los archivos como se esperaba. También puede intentar eliminar la imagen en el servidor y volver a cargarla. A veces, los archivos se corrompen durante las transferencias (por ejemplo, por texto en lugar de una transferencia binaria durante FTP), por lo que este método de "eliminar y reemplazar" a veces ayuda.
5. El sitio web que aloja las imágenes no funciona
Normalmente alojará las imágenes que utiliza su sitio por su cuenta servidor, pero en algunos casos, es posible que esté utilizando imágenes alojadas en otro lugar. Si el sitio que aloja la imagen deja de funcionar, sus imágenes tampoco se cargarán.
6. Problemas de transferencia
Ya sea que un archivo de imagen se cargue desde un dominio externo o desde el suyo propio, siempre existe la posibilidad de que haya un problema de transferencia para ese archivo cuando el navegador lo solicite por primera vez. Este problema no debería ser una ocurrencia común (si lo es, es posible que deba buscar un nuevo proveedor de alojamiento), pero puede ocurrir de vez en cuando.
Una razón común para esta falla es que el servidor está abrumado y no puede servir todos los activos de la página lo suficientemente rápido antes de que se agote el tiempo de espera de la solicitud. Verá este problema más comúnmente con servidores web virtuales provistos de bajo costo que tienen dificultades para manejar sitios más complicados y con muchos scripts. Si este problema ocurre con frecuencia, considere actualizar las capacidades del servidor o busque un nuevo host.
7. Problemas con la base de datos
Las aplicaciones web dinámicas modernas, como WordPress, se basan en una base de datos para almacenar información sobre todo en un sitio, incluidas las imágenes. Si su sitio no carga imágenes, existe la posibilidad de que la base de datos esté experimentando algún problema.
Hay muchas formas en las que pueden ocurrir problemas en la base de datos. Es posible que su aplicación ni siquiera esté conectada a la base de datos, porque está inactiva o inaccesible en un servidor diferente. Es posible que algo se haya corrompido en la propia base de datos, o que la información de usuario de su base de datos haya cambiado, lo que le cerró la sesión. Incluso los cambios simples en la configuración podrían desencadenar consecuencias no deseadas que alteren la base de datos o la hagan inaccesible. Verifique los registros del servidor para ver si la base de datos podría ser la culpable.
Algunas notas finales
Considera el uso adecuado de las etiquetas ALT y la velocidad y el rendimiento general de su sitio web.
Las etiquetas ALT, o "texto alternativo", son lo que muestra un navegador si una imagen no se carga. También son un componente importante en la creación de sitios web accesibles que puedan ser utilizados por personas con ciertas discapacidades. Cada imagen en línea de su sitio debe tener una etiqueta ALT adecuada. Las imágenes aplicadas con CSS no ofrecen este atributo.