Cómo comprimir imágenes para WordPress: acelere su sitio en 5 minutos

WordPress hace que sea peligrosamente fácil cargar imágenes enormes. Arrastras una foto desde tu teléfono a la biblioteca multimedia, WordPress genera algunos tamaños de miniaturas y la insertas en una publicación. El problema: su teléfono dispara entre 12 y 48 megapíxeles, produciendo archivos de 4000 a 8000 píxeles de ancho y de 3 a 8 MB cada uno. WordPress puede mostrar esa imagen con 800 píxeles de ancho en su publicación, pero aún carga el original en tamaño completo detrás de escena a menos que su tema esté configurado correctamente.

Multiplique eso por las 5 a 10 imágenes en una publicación de blog típica, agregue la imagen del encabezado de su tema, las imágenes de la barra lateral y cualquier imagen de fondo, y obtendrá fácilmente entre 20 y 40 MB de datos de imágenes por página. Incluso en conexiones rápidas, las imágenes tardan entre 2 y 4 segundos. En las conexiones móviles, es mucho peor.

Antes de preocuparse por la compresión, acierte con las dimensiones. La mayoría de los temas de WordPress tienen un área de contenido de 700 a 1200 píxeles de ancho. Cargar una foto de 5000 píxeles de ancho para un contenedor de 900 píxeles es un puro desperdicio. Cambia el tamaño de tus imágenes para que coincida con el ancho del contenido de su tema. Para publicaciones de blog estándar, 1200 píxeles de ancho suele ser el máximo que necesitará. Para imágenes de héroe de ancho completo, 1920 píxeles son suficientes para prácticamente todas las pantallas.

Imágenes destacadas: 1200 x 630 píxeles (esto también funciona perfectamente para compartir en redes sociales). Imágenes de publicaciones de blog: 800-1200 píxeles de ancho, altura proporcional. Pancartas de ancho completo: 1920 x 600-800 píxeles. Miniaturas: WordPress los genera automáticamente, pero puedes controlar los tamaños en Configuración > Medios. Obtener las dimensiones justo antes de cargarlo generalmente reduce el tamaño del archivo entre un 60% y un 80% incluso antes de aplicar cualquier compresión.

Muchos usuarios de WordPress confían en complementos como Smush o ShortPixel para comprimir imágenes después de cargarlas. Estos funcionan, pero agregan carga al servidor, a veces requieren planes pagos para bibliotecas grandes y aún así debes cargar primero los originales de gran tamaño. Un mejor enfoque: comprime tus imágenes antes de subirlas a WordPress. Cambie el tamaño a las dimensiones correctas, comprima con una calidad del 75-85% y la foto de su teléfono de 6 MB se convertirá en una imagen de 150 KB lista para la web. Sube eso directamente.

Si tiene publicaciones existentes con imágenes no optimizadas, un complemento puede ayudar con la optimización masiva. Pero para cada publicación nueva en el futuro, comprima antes de cargarla. Es más rápido, le brinda más control sobre la calidad y no depende de que un complemento permanezca activo.

WordPress admite cargas WebP de forma nativa desde la versión 5.8 y se agregó compatibilidad con AVIF en WordPress 6.5. Las imágenes WebP son aproximadamente un 30% más pequeñas que las JPEG equivalentes, lo que significa que cada imagen de su sitio se carga más rápido sin ninguna diferencia de calidad visible. Convierte tus imágenes a WebP antes de cargar, o use un complemento que proporcione automáticamente versiones de WebP a los navegadores que lo admitan (que serán todos los navegadores modernos en 2026).

WordPress 5.5+ agrega carga diferida automáticamente a las imágenes, lo que significa que las imágenes debajo de la página no se cargan hasta que el visitante se desplaza cerca de ellas. Esta es una gran mejora para páginas con muchas imágenes: la carga inicial de la página solo necesita recuperar las imágenes visibles en la pantalla. Asegúrate de que tu tema no deshabilite esta función. Puede verificarlo inspeccionando la fuente de su página y buscando cargando="perezoso" atributos en sus etiquetas img.

WordPress también genera marcado de imágenes responsivo utilizando el atributo srcset, que ofrece diferentes tamaños de imagen según la pantalla del visitante. Esto significa que un visitante móvil obtiene un archivo de imagen más pequeño que un visitante de escritorio. Pero esto solo funciona bien si carga imágenes con un tamaño inicial razonable: WordPress puede ofrecer versiones más pequeñas de una imagen de 1200 px, pero no puede ofrecer versiones más pequeñas de una imagen de 400 px. Apunta a 1200-1920 píxeles de ancho como tamaño de carga y deja que WordPress se encargue del resto.

La versión de cinco minutos: cambie el tamaño de las imágenes a 1200 px de ancho, comprima al 80% de calidad en formato WebP, cárguelas en WordPress y asegúrese de que la carga diferida esté habilitada. Haga esto para sus próximas cinco publicaciones de blog y luego verifique su puntuación de Google PageSpeed ​​Insights. La mejora suele ser espectacular: estamos hablando de saltos de 20 a 40 puntos en las puntuaciones de rendimiento móvil únicamente gracias a la optimización de la imagen.