BopbeeHelp Center
Guías prácticas

Corregir imágenes y CSS faltantes

Soluciona rutas de recursos rotas en sitios estáticos subidos.

Qué ves

Tu sitio carga pero faltan imágenes, estilos o fuentes.

browser DevTools → Network
index.html200
css/style.css404
images/logo.png404
Busca errores 404 en la pestaña Red del navegador.

Por qué

La ruta en tu HTML no coincide con la ubicación del archivo dentro del ZIP, o el archivo no se incluyó en el archivo.

Qué hacer

Correct ZIP structure

my-site.zip

├── index.html

├── css/style.css

└── images/logo.png

Extra folder layer (broken)

my-site.zip

└── my-site/

├── index.html

└── css/style.css

Haz coincidir las rutas HTML con la estructura de carpetas dentro de tu ZIP.

Abrir DevTools

Abre las herramientas de desarrollo del navegador y ve a la pestaña Red.

Encontrar 404

Recarga la página y busca entradas 404 en rojo.

Corregir rutas

Actualiza las rutas en tu HTML para que coincidan con la estructura de carpetas dentro del ZIP.

Volver a subir

Sube el ZIP corregido.

Ejemplo: si tu CSS está en css/style.css, enlázalo como ./css/style.css o css/style.css, no /absolute/path/on/your-computer/style.css.

Relacionado

En esta página