7 razones por las cuales las imágenes no se cargan en su sitio web

El viejo dicho dice que & amp; quot; una imagen vale más que mil palabras.& amp; quot; Este eslogan brilla en la web, donde los períodos de atención son notoriamente cortos & amp; # x2014; la imagen correcta puede hacer o deshacer un sitio atrayendo la atención correcta y atrayendo a los visitantes de la página.

Sin embargo, cuando un gráfico no se carga, hace que el diseño se vea roto y, en algunos casos, puede degradar la experiencia del usuario en ese sitio. The & amp; quot; miles de palabras & amp; quot; que la imagen rota envía ciertamente no son positivas!

& lt; / img & gt ;
Lifal / Derek Abella

1). Rutas de archivo incorrectas

Cuando agrega imágenes a un archivo HTML o CSS de site & amp; # x2019; s, 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 buscar la imagen. En la mayoría de los casos, esto estaría dentro de una carpeta llamada imágenes . Si la ruta a esta carpeta y los archivos dentro de ella 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 apropiada, quedará en blanco.

Video destacado

2). Nombres de archivos mal escritos

Al examinar las rutas de archivo de 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 tenga el nombre del archivo correctamente escrito, 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. Use el tipo de archivo correcto para cada imagen y luego haga referencia a la misma extensión en su sitio web y en el código # x2019; s.& amp; amp; nbsp;

Además, busque sensibilidad de casos.& amp; amp; nbsp; si su archivo termina con .JPG, con las letras en mayúsculas, pero su código hace referencia a .jpg, todos en minúsculas, ciertos servidores web ven a esos dos como diferentes, a pesar de que son los mismos conjuntos de letras . La sensibilidad del caso cuenta.

La mejor práctica de It & amp; apos; s es guardar siempre archivos con letras mayúsculas. Hacerlo siempre nos permite usar minúsculas en nuestro código & amp; amp; nbsp;, eliminando un posible problema que podríamos tener con nuestros archivos de imagen.

4). Faltan archivos

Si las rutas a sus archivos de imagen son correctas y la extensión de nombre y archivo también están libres de errores, verifique que los archivos se hayan cargado en el servidor web. Negarse a cargar archivos en ese servidor cuando se inicia un sitio es un error común que es fácil de pasar por alto.

Cargue esas imágenes, actualice su página web y debe mostrar inmediatamente los archivos como se esperaba.& amp; amp; nbsp; también puede intentar eliminar la imagen en el servidor y volver a cargarla.& amp; amp; nbsp; a veces los archivos se corrompen durante las transferencias (p. Ej., por texto en lugar de transferencia binaria durante FTP), por lo que esto & amp; quot; delete y reemplace & amp; quot; El método a veces ayuda.

5). El sitio web que aloja las imágenes está inactivo

You & amp; apos; ll normalmente aloja las imágenes que su sitio usa en su propio servidor, pero en algunos casos, puede estar usando imágenes alojadas en otro lugar. Si ese sitio que aloja la imagen se cae, sus imágenes tampoco se cargarán.

6). Problemas de transferencia

Ya sea que se cargue un archivo de imagen desde & amp; amp; nbsp; un dominio externo o el suyo, siempre existe la posibilidad de que haya un problema de transferencia para ese archivo cuando el navegador lo solicita por primera vez. Este problema 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.

Una razón común para este problema técnico 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. Usted y amp; apos; verán este problema más comúnmente con servidores web virtuales de bajo costo que luchan por manejar sitios más complicados y pesados en scripts. Si este problema ocurre con frecuencia, considere actualizar las capacidades del servidor y amp; apos; s o busque un nuevo host.

7). Problemas de 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 está cargando imágenes, existe la posibilidad de que la base de datos esté experimentando algún problema.

Hay muchas maneras en que pueden ocurrir problemas en la base de datos. Es posible que su aplicación ni siquiera esté conectada a la base de datos, ya que es baja o inalcanzable en un servidor diferente. Algo puede haberse dañado en la base de datos en sí, o la información del usuario de su base de datos cambió, registrándolo. Incluso los cambios de configuración simples podrían desencadenar consecuencias no deseadas que alteran la base de datos o la hacen inalcanzable. Verifique los registros del servidor para ver si la base de datos podría ser la culpable.

Algunas notas finales

Considere el uso adecuado de las etiquetas ALT y la velocidad de su sitio web y el rendimiento general.

ALT, o & amp; # x201C; texto alternativo, & amp; # x201D; las etiquetas 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. Las imágenes aplicadas con CSS no ofrecen este atributo.

& amp; # x203A; Informática