Cómo comprimir imágenes en WordPress: guía completa 2025

📅 5 de junio, 2025 ⏱️ 9 min lectura 🏷️ WordPress

Las imágenes sin optimizar son la causa más común de páginas WordPress lentas. Un sitio que tarda más de 3 segundos en cargar pierde el 40% de sus visitantes antes de que vean nada. Esta guía te muestra cómo solucionar ese problema paso a paso.

Índice de contenidos

  1. Optimiza antes de subir a WordPress
  2. Tamaños de imagen recomendados para WordPress
  3. Los mejores plugins de compresión para WordPress
  4. Cómo optimizar imágenes ya subidas
  5. Activar WebP en WordPress
  6. Lazy loading: carga solo las imágenes visibles

Optimiza antes de subir a WordPress

El mejor momento para comprimir una imagen es antes de subirla a WordPress. Una vez subida, WordPress genera múltiples versiones (thumbnail, medium, large) a partir del original — si el original es grande, todas las versiones serán grandes.

El flujo correcto es:

  1. Redimensiona la imagen al tamaño máximo que necesitas (normalmente 1200-1600px de ancho)
  2. Comprime la imagen con una herramienta como ComprimirPro
  3. Sube el archivo ya optimizado a WordPress

Comprime tus imágenes antes de subirlas

Reduce el tamaño hasta un 90% en tu navegador, sin registro ni instalaciones. Tus archivos nunca salen de tu dispositivo.

⚡ Comprimir imágenes gratis

Tamaños de imagen recomendados para WordPress

UsoAncho recomendadoPeso objetivo
Imagen destacada / hero1200–1600 px< 200 KB
Imagen en artículo de blog800–1000 px< 100 KB
Imagen de producto (tienda)800–1200 px< 150 KB
Miniatura / thumbnail300–400 px< 30 KB
Logo200–400 px< 20 KB
Avatar / foto de autor150–200 px< 15 KB

Consejo: No subas imágenes de cámara directamente (3–8 MB). Una foto de 5 MB puede comprimirse a menos de 150 KB sin pérdida visual apreciable.

Los mejores plugins de compresión para WordPress

Si prefieres automatizar la compresión dentro de WordPress, estos son los plugins más recomendados:

Imagify GratisPremium

Uno de los mejores plugins de optimización. Comprime automáticamente al subir, convierte a WebP y permite optimizar imágenes antiguas en lote. El plan gratuito incluye 25 MB/mes.

ShortPixel GratisPremium

Excelente relación calidad-precio. El plan gratuito ofrece 100 imágenes/mes. Muy popular en sitios con muchas imágenes de producto.

Smush Gratis

El plugin de optimización más instalado en WordPress (más de 1 millón de instalaciones activas). La versión gratuita es bastante completa para sitios pequeños y medianos.

PluginPlan gratuitoWebP gratisLote gratis
Imagify25 MB/mes
ShortPixel100 img/mes
SmushIlimitado

Cómo optimizar imágenes ya subidas

Si tienes un sitio con cientos de imágenes sin optimizar, todos los plugins mencionados incluyen una función de optimización en lote que procesa tu biblioteca completa de medios. El proceso es simple:

  1. Instala el plugin que prefieras
  2. Ve a la sección de configuración del plugin
  3. Busca la opción "Bulk optimize" u "Optimizar biblioteca"
  4. Inicia el proceso y espera (puede tardar dependiendo del número de imágenes)

Haz siempre un backup antes de optimizar en lote. Aunque los plugins guardan copias de seguridad de los originales, es buena práctica tener un respaldo del sitio completo.

Activar WebP en WordPress

Desde WordPress 5.8, hay soporte nativo para servir imágenes en WebP. Sin embargo, para convertir automáticamente las imágenes existentes a WebP necesitas uno de los plugins mencionados (Imagify o ShortPixel lo hacen de forma transparente).

Con Imagify, el proceso es:

  1. Ve a Imagify → Ajustes
  2. Activa "Crear imágenes WebP"
  3. Activa "Mostrar imágenes en WebP en el front-end"
  4. Guarda y listo — WordPress servirá WebP automáticamente a los navegadores que lo soporten

Lazy loading: carga solo las imágenes visibles

El lazy loading hace que las imágenes que están fuera de la pantalla no se carguen hasta que el usuario hace scroll hacia ellas. Esto mejora drásticamente el tiempo de carga inicial.

Desde WordPress 5.5, el lazy loading está activado por defecto para todas las imágenes (atributo loading="lazy"). Si usas un tema o constructor de páginas antiguo, verifica que no esté desactivado.

Para activarlo manualmente en imágenes específicas:

<img src="foto.webp" alt="Descripción" loading="lazy" width="800" height="600">

Artículos relacionados

Equipo ComprimirPro

Especialistas en optimización de imágenes y rendimiento web. Compartimos guías prácticas para hacer la web más rápida.

¿Listo para comprimir tus imágenes?

Gratis, instantáneo, privado. Sin registro.

⚡ Usar ComprimirPro ahora