Por que no se ven las imagenes de mi web

Introduccion

Si las imagenes de tu web no cargan, aparecen rotas o algunas animaciones no se muestran, lo mas habitual es que haya un problema con la ruta, el nombre del archivo, los permisos o la configuracion HTTPS.

La buena noticia es que casi siempre se puede resolver revisando unos cuantos puntos basicos.

Comprobaciones principales

1. Verifica que la imagen este en la carpeta publica

El archivo debe estar dentro de la carpeta accesible desde la web, normalmente public_html o la carpeta publica del dominio correspondiente.

Si el archivo esta fuera de ahi, el navegador no podra cargarlo.

2. Comprueba el nombre exacto del archivo

En muchos servidores, logo.png y Logo.png no son lo mismo.

Revisa que el nombre escrito en el codigo coincida exactamente con el archivo subido.

3. Revisa la extension

A veces la ruta apunta a .jpg, pero el archivo real es .png, .jpeg o .webp.

Ese detalle basta para que la imagen no aparezca.

4. Comprueba la ruta en el HTML o CSS

Si la imagen esta en una subcarpeta, la ruta debe reflejarlo correctamente.

Por ejemplo:

<img src="assets/img/foto.jpg" alt="Foto">

Tambien conviene revisar fondos cargados desde CSS.

5. Revisa si faltan archivos tras una migracion

Si moviste la web, restauraste un backup o subiste archivos por FTP, puede que alguna carpeta de imagenes no se transfiriera completa.

Otros puntos que conviene revisar

Permisos

Como referencia general:

• Carpetas: 755
• Archivos: 644

Si los permisos son incorrectos, el servidor podria no mostrar el archivo.

SSL y contenido mixto

Si tu web carga con https:// pero la imagen se pide con http://, el navegador puede bloquearla.

En ese caso, usa siempre https:// o rutas relativas.

Cache

A veces la imagen ya esta corregida, pero tu navegador sigue mostrando una version antigua de la pagina. Prueba en una ventana privada o limpia la cache.

Herramientas utiles

Puedes revisar los errores desde:

• Las herramientas de desarrollador del navegador.
• La pestana Network o Red.
• Herramientas externas que detecten errores 404 o 403.

Consejos utiles

• Evita espacios y caracteres raros en nombres de archivo.
• Organiza tus imagenes en carpetas claras, como img, images o assets.
• Usa HTTPS en toda la web.
• Haz las migraciones con cuidado, revisando que las carpetas de medios se copien completas.

Preguntas frecuentes

Por que algunas imagenes se ven y otras no

Normalmente porque solo algunas rutas o nombres de archivo estan mal.

Puede ser un problema del hosting

Puede ocurrir, pero no es lo mas habitual. Antes conviene revisar rutas, nombres, permisos y SSL.

Por que en mi ordenador se ve pero en la web no

Porque una ruta local de tu equipo no funciona en Internet. La imagen debe estar subida al hosting y referenciada con una ruta web valida.

Conclusion

Cuando una imagen no se ve en una web, casi siempre el problema esta en la ruta, el nombre, la extension, los permisos o la configuracion HTTPS.

Revisando esos puntos con calma, normalmente podras encontrar el fallo y corregirlo sin necesidad de cambios complejos.