La imagen no carga el html
Una extensión del navegador en conflicto puede impedir que se carguen las imágenes. La mejor manera de comprobarlo es utilizar el modo de incógnito. Abre el menú de tres puntos y selecciona Nueva ventana de incógnito o pulsa Ctrl + Shift + N.
Si Chrome carga imágenes, tienes que mirar las extensiones instaladas. Puedes desactivar todas las extensiones y volver a activarlas una por una. De este modo, podrás averiguar qué extensión impide que Chrome muestre las imágenes correctamente.
Continuaremos el proceso de resolución de problemas echando un vistazo a la configuración de Chrome. Si ves los iconos de imagen rotos, es posible que hayas cambiado accidentalmente la configuración de privacidad. Aquí puedes comprobarlo:
Casi todos los navegadores utilizan los datos de la caché para mejorar los tiempos de carga. Sin embargo, si estos datos se corrompen de alguna manera, podrían impedir que el navegador funcione correctamente. Por lo tanto, vale la pena intentar limpiar la caché del navegador para solucionar el problema.
Si has probado todo y Chrome sigue sin cargar las imágenes, es hora de restablecerlo. Al hacerlo, eliminarás las extensiones, la caché y el historial. Sin embargo, Chrome conservará tus marcadores y contraseñas, así que no tienes que preocuparte por perder el acceso a sitios importantes.
El sitio se sigue cargando
Antes de subir imágenes a tu sitio, asegúrate de que las imágenes cumplen nuestros requisitos de imagen. No puedes cambiar el archivo de la imagen después de subirla, sólo puedes alterar su apariencia usando nuestro editor de imágenes incorporado.
Nuestros requisitos son los mínimos que recomendamos para garantizar que tus imágenes se muestren bien en tu sitio. Mantenga el tamaño de su página por debajo de 5 MB para asegurar que su sitio se cargue rápidamente. Si notas que tu sitio se carga lentamente, visita Reducir el tamaño de tu página para que se cargue más rápido.
Nuestro sistema redimensiona automáticamente sus imágenes para que sean más grandes o más pequeñas y se adapten a los diferentes anchos de los dispositivos, por lo que no es necesario que formatee sus imágenes con dimensiones exactas, como 750px × 500px. Por ejemplo, no hay un requisito específico de altura y anchura de la imagen para los bloques de imágenes y un requisito diferente para las imágenes en las secciones de la galería. Sigue nuestros consejos sobre la anchura de las imágenes para asegurarte de que no salgan borrosas.
Puedes utilizar los estilos del sitio, los paneles de diseño y la configuración de los bloques o de las secciones de las páginas para realizar cambios de estilo y personalizar la apariencia de tus imágenes. La forma de añadir y estilizar las imágenes depende de la versión de tu sitio. Consulta la siguiente tabla para saber cómo añadir y estilizar imágenes en tu sitio:
Icono de imagen rota
El viejo dicho dice que “una imagen vale más que mil palabras”. Este lema brilla en la web, donde los periodos de atención son notoriamente cortos: la imagen correcta puede hacer o romper un sitio al atraer la atención correcta y atraer a los visitantes de la página.
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 no son ciertamente positivas.
Cuando añades imágenes al archivo HTML o CSS de un sitio, debes crear una ruta a la ubicación en tu estructura de directorios donde residen esos archivos. Este es el código que le dice al navegador dónde buscar y obtener la imagen. En la mayoría de los casos, esto serí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á la ruta que usted le indicó, pero llegará a un callejón sin salida y, en lugar de mostrar la imagen apropiada, aparecerá en blanco.
Google Chrome no muestra las imágenes
Normalmente, cuando un navegador se actualiza, se esperan mejoras. Sin embargo, las cosas no siempre funcionan según lo previsto. Es posible que te encuentres con un problema extraño, como que las imágenes se desactiven después de una actualización. Sigue los pasos que se indican a continuación para comprobar posibles problemas con tu navegador, dependiendo del navegador que estés utilizando.
Eliminar o desactivar estos bloqueadores de anuncios es, afortunadamente, bastante sencillo. Dependiendo de tu navegador, abre el menú del mismo pulsando el menú hamburguesa (Firefox) o los tres puntos (Chrome) y selecciona “Complementos y temas” o “Más herramientas -> Extensiones”. Desde ahí puedes eliminar las extensiones.