WordPress no carga imágenes: Causas y soluciones en Syspanel

¿Por qué WordPress no carga imágenes? Causas comunes y soluciones paso a paso

Es frustrante cuando tu sitio web deja de mostrar imágenes. Ver un cuadro vacío o un icono de imagen rota en lugar de tus fotos, logotipos o gráficos puede ser desconcertante. Este es uno de los problemas más frecuentes que reportan los usuarios de WordPress, y la buena noticia es que, en la mayoría de los casos, tiene una solución sencilla que puedes aplicar tú mismo.

En esta guía completa, vamos a explorar las razones más comunes por las que WordPress no carga imágenes y te daremos instrucciones claras y paso a paso para solucionarlo. No necesitas ser un experto técnico; solo sigue las indicaciones y tu galería volverá a la vida.

¿Qué significa exactamente "imágenes rotas WordPress"?

Cuando hablamos de imágenes rotas WordPress, nos referimos a cualquier imagen que no se muestra correctamente en tu sitio. Esto puede manifestarse de varias formas:

Un icono de imagen rota (un cuadrado con una X o un signo de interrogación).
Un espacio en blanco donde debería estar la imagen.
Un mensaje de error como "La imagen no se puede mostrar".
Imágenes que se ven borrosas o distorsionadas.

Las causas pueden ir desde un simple error de tipeo en la ruta del archivo hasta problemas más complejos de configuración del servidor. Vamos a desglosarlas una por una.

## Diagnóstico rápido: ¿Dónde está el problema?

Antes de lanzarnos a soluciones complejas, hagamos un diagnóstico rápido para identificar si el problema es general o afecta solo a algunas imágenes.

Prueba con una imagen nueva: Sube una imagen nueva directamente desde el editor de entradas o páginas de WordPress. Si la imagen nueva se ve bien, el problema es específico de las imágenes antiguas.
Verifica la URL de la imagen: Haz clic derecho sobre la imagen rota y selecciona "Abrir en una nueva pestaña". Si ves un error 404 (Página no encontrada), la ruta del archivo es incorrecta.
Revisa desde otro navegador o dispositivo: A veces, el problema es la caché de tu navegador. Prueba en modo incógnito o con otro navegador.
Comprueba el tamaño del archivo: WordPress tiene un límite de tamaño para las subidas. Si tu imagen es muy grande (por ejemplo, más de 2MB o 5MB), puede que no se suba correctamente.

Con esta información, podemos empezar a aplicar las soluciones más efectivas.

## Soluciones paso a paso para "WordPress no carga imágenes"

### 1. Verifica los permisos de archivos y carpetas (La causa más común)

Esta es, con diferencia, la razón más frecuente por la que WordPress no carga imágenes. Los archivos y carpetas de tu servidor tienen "permisos" que indican quién puede leerlos, escribirlos o ejecutarlos. Si estos permisos son incorrectos, WordPress no podrá acceder a tus imágenes para mostrarlas.

¿Cómo solucionarlo desde Syspanel (HestiaCP)?

Si tu hosting utiliza Syspanel (anteriormente conocido como HestiaCP), el proceso es muy sencillo. Recuerda que el acceso a Syspanel se realiza a través del puerto 2106 (ejemplo: tudominio.com:2106).

Accede a Syspanel: Abre tu navegador y escribe tudominio.com:2106. Inicia sesión con tus credenciales de hosting.
Ve al Administrador de Archivos: Busca la opción "Administrador de Archivos" o "File Manager". Normalmente está en el panel principal o en la sección "Web".
Navega a la carpeta wp-content/uploads: Dentro del administrador de archivos, busca la carpeta public_html (o httpdocs). Dentro de ella, encontrarás la carpeta wp-content y, dentro de esta, la carpeta uploads. Esta carpeta contiene todas tus imágenes.
Cambia los permisos de la carpeta uploads:
- Haz clic derecho sobre la carpeta uploads y selecciona "Cambiar permisos" o "Permissions".
- Asegúrate de que los permisos estén establecidos en 755 para las carpetas y 644 para los archivos.
- Marca la opción "Aplicar a subdirectorios y archivos" o "Recursivo". Esto es crucial para que el cambio afecte a todas las imágenes dentro de la carpeta.
Guardar cambios: Haz clic en "Aceptar" o "Guardar". Después de esto, vuelve a tu sitio web y actualiza la página. Las imágenes deberían empezar a cargarse.

[TIP] Si no tienes acceso a Syspanel, puedes pedirle a tu proveedor de hosting que realice este cambio por ti. Es una operación estándar y rápida.

### 2. Soluciona problemas de rutas de archivos (URLs incorrectas)

A veces, al migrar un sitio web o cambiar la URL del sitio (por ejemplo, de dominio.com/dev a dominio.com), las rutas de las imágenes quedan desactualizadas en la base de datos. Esto provoca que WordPress busque las imágenes en la ubicación antigua, generando imágenes rotas WordPress.

¿Cómo arreglarlo?

Usa un plugin (Recomendado para principiantes): Instala y activa un plugin como "Better Search Replace" o "Velvet Blues Update URLs". Estos plugins te permiten buscar la URL antigua en toda la base de datos y reemplazarla por la nueva.
- Ve a "Plugins" > "Añadir nuevo", busca el plugin y actívalo.
- En "Herramientas" > "Better Search Replace", introduce la URL antigua (por ejemplo, http://antiguodominio.com/wp-content/uploads) en el campo "Search for".
- En el campo "Replace with", introduce la URL nueva (por ejemplo, http://nuevodominio.com/wp-content/uploads).
- Selecciona todas las tablas de la base de datos y haz clic en "Run Search/Replace".
Usa la función de reparación de WordPress: En el menú "Ajustes" > "Enlaces permanentes", simplemente haz clic en "Guardar cambios" sin modificar nada. Esto fuerza a WordPress a refrescar las reglas de reescritura y a veces corrige problemas de rutas.

### 3. Aumenta el límite de memoria de WordPress (PHP Memory Limit)

Si tu sitio tiene muchas imágenes o usas un tema con muchas funcionalidades, es posible que el límite de memoria de PHP sea insuficiente para procesar las subidas. Esto puede hacer que las imágenes no se carguen o que aparezcan errores al intentar subirlas.

¿Cómo aumentarlo?

A través de Syspanel (HestiaCP):
1. Accede a Syspanel (tudominio.com:2106).
2. Busca la sección "Configuración de PHP" o "PHP Settings".
3. Localiza la opción memory_limit y cámbiala a un valor más alto, como 256M o 512M.
4. Guarda los cambios.
Editando el archivo wp-config.php: Si no tienes acceso a Syspanel, puedes añadir esta línea al archivo wp-config.php (que está en la raíz de tu instalación de WordPress):
```
define('WP_MEMORY_LIMIT', '256M');
```

### 4. Desactiva plugins o temas conflictivos

A veces, un plugin o tema mal codificado entra en conflicto con la funcionalidad de subida de imágenes de WordPress. Para identificar al culpable:

Desactiva todos los plugins: Ve a "Plugins" > "Plugins instalados". Selecciona todos y en el menú desplegable "Acciones en bloque", elige "Desactivar". Luego, comprueba si las imágenes se cargan.
Activa los plugins uno por uno: Si al desactivar todos los plugins el problema se soluciona, actívalos de uno en uno, refrescando la página después de cada activación. Cuando el problema vuelva a aparecer, habrás encontrado el plugin conflictivo.
Cambia temporalmente a un tema por defecto: Ve a "Apariencia" > "Temas" y activa un tema predeterminado de WordPress (como Twenty Twenty-Four). Si las imágenes funcionan, el problema es de tu tema anterior.

### 5. Limpia la caché del navegador y del sitio

La caché guarda versiones estáticas de tu sitio para que cargue más rápido. Sin embargo, a veces guarda una versión antigua con imágenes rotas.

Limpia la caché del navegador: En Chrome, ve a los tres puntos > "Más herramientas" > "Borrar datos de navegación". Selecciona "Imágenes y archivos almacenados en caché" y borra.
Limpia la caché de tu plugin de caché (si usas uno): Ve a "Ajustes" > "W3 Total Cache" o "WP Rocket" (o el que uses) y busca el botón "Vaciar caché" o "Purge Cache".
Limpia la caché del servidor (desde Syspanel): En Syspanel, busca la opción "Limpiar caché" o "Clear Cache". Si usas Nginx, puede que haya una opción específica.

### 6. Verifica la configuración de la CDN (si usas una)

Si utilizas una Red de Entrega de Contenido (CDN) como Cloudflare, las imágenes pueden estar almacenadas en sus servidores. A veces, la CDN no se actualiza correctamente.

Purgar la caché de la CDN: En tu panel de Cloudflare, ve a "Caché" > "Configuración" y haz clic en "Purgar todo".
Desactivar temporalmente la CDN: Si purgar la caché no funciona, desactiva temporalmente la CDN (por ejemplo, poniendo el modo de desarrollo en Cloudflare) para ver si el problema se soluciona. Si es así, el problema está en la configuración de la CDN.

### 7. Revisa los formatos de imagen permitidos

WordPress permite por defecto los formatos .jpg, .jpeg, .png, .gif, .webp y .svg (aunque SVG puede requerir un plugin). Si intentas subir un archivo con una extensión diferente (como .bmp o .tiff), WordPress lo rechazará.

¿Cómo solucionarlo?

Convierte la imagen a un formato compatible usando un editor de imágenes online o software como Photoshop.
Si necesitas subir archivos SVG, instala un plugin como "Safe SVG" que permite la subida de este formato de forma segura.

## Preguntas Frecuentes (FAQ) sobre imágenes rotas en WordPress

P: ¿Por qué mis imágenes se ven pero no se descargan?
R: Esto suele deberse a la configuración de hotlinking en tu servidor. El hotlinking evita que otros sitios web usen tus imágenes sin permiso. Puedes desactivarlo desde Syspanel en la sección "Protección contra Hotlinking" o configurando reglas en tu archivo .htaccess.

P: ¿Qué hago si ninguna solución funciona?
R: Si has probado todos los pasos anteriores y el problema persiste, es posible que haya un error más profundo en el servidor. Te recomendamos contactar con el soporte técnico de tu hosting. Proporciónales la siguiente información:

La URL exacta de una imagen que no carga.
El mensaje de error que ves (si lo hay).
Los pasos que ya has intentado.

P: ¿Puedo recuperar imágenes que ya no se ven?
R: Sí, si las imágenes existen en tu servidor pero no se muestran, es probable que solo sea un problema de ruta o permisos. Si las imágenes se eliminaron accidentalmente, puedes restaurarlas desde una copia de seguridad de tu sitio (si la tienes).

P: ¿Usar un plugin de optimización de imágenes puede causar este problema?
R: Sí, algunos plugins de optimización pueden modificar las rutas de las imágenes o comprimirlas de forma incorrecta, causando que se rompan. Si instalaste uno recientemente, pruébalo desactivándolo temporalmente.

[WARNING] Antes de hacer cambios importantes en tu base de datos (como usar un plugin de búsqueda y reemplazo), siempre haz una copia de seguridad completa de tu sitio, incluyendo la base de datos. Esto te permitirá revertir cualquier error.

## Conclusión

Ver imágenes rotas WordPress no tiene por qué ser una pesadilla. Como has visto, la mayoría de las soluciones son sencillas y están al alcance de cualquier usuario. Desde ajustar los permisos en Syspanel hasta limpiar la caché, estos pasos te ayudarán a solucionar imágenes WordPress de forma rápida y eficaz.

Recuerda que la prevención es clave:

Mantén WordPress, tus temas y plugins siempre actualizados.
Realiza copias de seguridad periódicas.
Utiliza un hosting de calidad que ofrezca un buen soporte.

Con esta guía, ya tienes todas las herramientas para diagnosticar y resolver este problema tan común. ¡Tu sitio web volverá a lucir impecable en pocos minutos!