Cómo comprimir imágenes para WordPress

Las imágenes son las que más contribuyen al WordPress peso de la página. Una publicación de blog no optimizada con entre 5 y 10 fotografías puede exceder fácilmente los 5 MB, destruyendo las puntuaciones de Core Web Vitals y ahuyentando a los visitantes. Aquí se explica cómo solucionarlo.

Estadística clave: La investigación de Google muestra que el 53% de los usuarios de dispositivos móviles abandonan páginas que tardan más de 3 segundos en cargarse. Las imágenes representan entre el 50% y el 70% del peso total de la página en la mayoría de los sitios WordPress.

Opción 1: WordPress Complementos (automatizados)

El método más sencillo es instalar un complemento de compresión que optimice las imágenes automáticamente al cargarlas.

Los mejores WordPress Complementos de compresión de imágenes

ComplementoNivel gratuitoSoporte WebPOptimización masiva
Píxel corto100 imágenes/mes
Aplastar50 imágenes/loteSolo profesional
Imagina20 MB/mes
EWWW Optimizador de imágenesIlimitado (básico)

✅ Recomendación

ShortPixel ofrece el mejor equilibrio entre cuota gratuita, calidad y generación de WebP. EWWW es ideal si desea una compresión gratuita ilimitada con una optimización ligeramente menos agresiva.

Opción 2: Comprimir antes de cargar (Manual)

Para tener más control, comprime las imágenes antes de subirlas a WordPress:

  1. Cambia el tamaño de las imágenes al ancho del contenido de tu tema (normalmente entre 1200 y 1600 px de ancho)
  2. Comprime con una herramienta basada en navegador como Comprimir imagen con una calidad del 75 al 82 %.
  3. Convierta a WebP si su tema lo admite
  4. Sube las versiones optimizadas a WordPress

Este enfoque le brinda control total sobre la calidad y mantiene su servidor limpio de originales no optimizados.

Opción 3: Optimización del lado del servidor/CDN

Servicios como Cloudflare Polish, imgix o Cloudinary pueden optimizar imágenes sobre la marcha en el borde de CDN:

Esencial WordPress Configuración de imagen

  1. Agregar carga diferida: WordPress 5.5+ agregados loading="lazy" de forma predeterminada, pero verifica que tu tema no lo anule
  2. Establezca las dimensiones correctas: Incluir siempre width y height atributos en <img> etiquetas para evitar cambios de diseño (CLS)
  3. Desactivar tamaños no utilizados: WordPress genera múltiples tamaños de miniaturas. Desactiva los tamaños que no utilizas functions.php
  4. Servir WebP: Utilice un complemento o .htaccess reglas para servir WebP a los navegadores compatibles

Midiendo el Impacto

Después de optimizar, pruebe sus resultados con:

🔧 Comprime imágenes antes de cargarlas: gratis y privado

Suelta tus imágenes WordPress aquí y obtén versiones optimizadas en segundos. No se necesita complemento, se ejecuta en su navegador.

Abrir comprimir imagen →

Conclusión

El flujo de trabajo de imágenes WordPress más rápido combina la compresión previa a la carga con un complemento para mayor seguridad. Cambie el tamaño al ancho de su contenido, comprima con una calidad del 75 al 82 %, convierta a WebP y deje que un complemento capture todo lo que se pierda. Tus Core Web Vitals te lo agradecerán.