El viejo dicho dice que "una imagen vale más que mil palabras". Esto es especialmente cierto en la Web, donde los intervalos de atención son notoriamente cortos y, por lo tanto, la imagen correcta realmente puede hacer o deshacer un sitio al atraer la atención adecuada y atraer a los visitantes de la página el tiempo suficiente para que aprendan lo que necesitan para aprender o realizar una actividad específica. Acción que señala una "victoria" para el sitio. Sí, cuando se trata de un sitio web, ¡las imágenes realmente pueden valer más que mil palabras!
Entonces, con la importancia de las imágenes en línea establecidas, a continuación, consideremos qué dice su sitio web si una imagen que se supone que está en el sitio no se carga. Esto puede suceder si tiene imágenes en línea que son parte del HTML o imágenes de fondo aplicadas con CSS (y es probable que su sitio tenga ambos). La conclusión es que cuando un gráfico no se carga en una página, el diseño se ve roto y, en algunos casos, puede destruir completamente la experiencia del usuario en ese sitio. ¡Las "mil palabras" que la imagen está enviando ciertamente no son positivas!
Echemos un vistazo a algunas de las razones comunes por las que las imágenes no se cargan en un sitio, así como a lo que debe tener en cuenta al solucionar este problema durante las pruebas en el sitio web.
Rutas de archivo incorrectas
Cuando agrega imágenes al archivo HTML o CSS de un sitio, debe crear una ruta a la ubicación en la estructura de su directorio donde residen esos archivos. Este es un código que le indica al navegador dónde buscar y obtener la imagen. En la mayoría de los casos, esto estaría dentro de una carpeta llamada "imágenes". Si la ruta de acceso 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á el camino que le dijiste, pero llegará a un callejón sin salida y, en lugar de mostrar la imagen correspondiente, aparecerá en blanco.
El paso 1 en la depuración de problemas de carga de imágenes es asegurarse de que la ruta del archivo que ha codificado es correcta. Quizás haya especificado el directorio incorrecto o no haya enumerado correctamente la ruta a ese directorio. Si este no es el caso, puede tener otro problema con esa ruta. Sigue leyendo
Nombres de archivos mal escritos
Al examinar las rutas de archivo de sus archivos, asegúrese también de escribir correctamente el nombre de la imagen. Según nuestra experiencia, los nombres incorrectos o los errores ortográficos son la causa más común de los problemas de carga de imágenes. Recuerde, los navegadores web son muy implacables cuando se trata de nombres de archivos. Si olvida una letra por error o usa una letra incorrecta, el navegador no buscará un archivo similar y dirá: "Oh, probablemente quiso decir esto, ¿verdad?" No: si el archivo está mal escrito, incluso si está cerca, no se cargará en la página.
Extensión de archivo incorrecto
En algunos casos, puede escribir correctamente el nombre del archivo, pero la extensión del archivo puede ser incorrecta. Si su imagen es un archivo .jpg, pero su HTML está buscando un .png, habrá un problema. Asegúrese de estar usando el tipo de archivo correcto para cada imagen y luego asegúrese de haber llamado para esa misma extensión en el código de su sitio web.
También busque la sensibilidad del caso. Si su archivo termina con .JPG, con las letras en mayúsculas, pero su código hace referencia a .jpg, en minúsculas, hay ciertos servidores web que verán que esos dos son diferentes, aunque sean los mismos conjuntos de letras. La sensibilidad del caso cuenta! Por eso siempre guardamos nuestros archivos con letras minúsculas. Si lo hace, nos permite usar siempre minúsculas en nuestro código, eliminando un posible problema que podríamos tener con nuestros archivos de imagen.
Faltan archivos
Si las rutas a sus archivos de imagen son correctas, y el nombre y la extensión del archivo también están libres de errores, el siguiente elemento que debe verificar es asegurarse de que los archivos se hayan cargado en el servidor web. Dejar de cargar archivos en ese servidor cuando se lanza un sitio es un error común que es fácil pasar por alto.
¿Cómo solucionas este problema? Suba esas imágenes, actualice su página web, y debería mostrar inmediatamente los archivos como se esperaba. También puede intentar eliminar la imagen en el servidor y volver a cargarla. Puede parecer extraño, pero hemos visto este trabajo más de una vez. A veces, los archivos se corrompen, por lo que este método de "eliminar y reemplazar" puede terminar ayudando.
El sitio web que alberga las imágenes está abajo
Por lo general, deseará alojar cualquier imagen que su sitio use en su propio servidor, pero en algunos casos, puede estar usando imágenes que están alojadas en otro lugar. Si el sitio que aloja la imagen deja de funcionar, sus imágenes tampoco se cargarán.
Problema de transferencia
Si un archivo de imagen se carga desde un dominio externo o desde el suyo, siempre existe la posibilidad de que exista un problema de transferencia para ese archivo cuando el navegador lo solicita por primera vez. Esto no debería ser una ocurrencia común (si es así, es posible que deba buscar un nuevo proveedor de alojamiento), pero puede suceder de vez en cuando.
El lado desafortunado de este problema es que realmente no hay nada que puedas hacer al respecto ya que es un problema fuera de tu control. La buena noticia es que es un problema temporal que a menudo se resuelve con bastante rapidez. Por ejemplo, cuando alguien ve una página con un aspecto roto y la actualiza, eso solo solucionará el problema y cargará las imágenes correctamente. Si está viendo una imagen dañada, actualice el navegador para ver si quizás fue solo un problema de transmisión en su solicitud inicial
Unas pocas notas finales
Al pensar en las imágenes y cargar las preocupaciones, hay que tener en cuenta dos cosas: el uso correcto 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 pueden ser utilizados por personas con ciertas discapacidades. Cada imagen en línea en su sitio debe tener una etiqueta ALT apropiada. Tenga en cuenta que las imágenes aplicadas con CSS no tienen este atributo.
En cuanto al rendimiento del sitio web, cargar demasiadas imágenes, o incluso unas pocas imágenes gigantes que no están correctamente optimizadas para la entrega web, tendrá un impacto negativo en la velocidad de carga. Por esta razón, asegúrese de probar el impacto de cualquier imagen que use en el diseño de su sitio y tome las medidas necesarias para mejorar el rendimiento de ese sitio mientras crea la apariencia general que es adecuada para el proyecto de su sitio web.
