Abre cualquier informe de velocidad de una web lenta y encontrarás casi siempre al mismo culpable: las imágenes. Suponen de media más de la mitad del peso de una página, y una sola foto subida directamente desde el móvil puede pesar más que todo el resto de la web junta. La buena noticia es que optimizar imágenes en WordPress es una de las mejoras con resultados más inmediatos y visibles: no requiere tocar código, se nota en los tiempos de carga desde el primer día y Google la premia en sus Core Web Vitals. En esta guía completa vamos a ver todo el proceso en orden: elegir el formato adecuado (con WebP como protagonista), redimensionar y comprimir antes de subir, aprovechar lo que WordPress ya hace por ti, activar el lazy loading correctamente y escoger un plugin de optimización que automatice el trabajo. Al terminar tendrás un sistema, no un apaño puntual: cada imagen que subas a partir de ahora llegará ligera y en el formato correcto.
Por qué las imágenes hunden tu velocidad (y tu SEO)
Cuando alguien visita tu web, su navegador descarga cada imagen de la página. Si la portada carga 4 MB en fotos, un visitante con conexión móvil media necesitará varios segundos solo para verlas, con la página saltando mientras se colocan. Eso impacta en tres frentes:
- Experiencia: cada segundo extra de carga aumenta el porcentaje de gente que abandona sin esperar.
- SEO: los Core Web Vitals (sobre todo el LCP, que mide cuándo se pinta el elemento más grande, normalmente una imagen) forman parte de la evaluación de Google.
- Costes: más peso es más ancho de banda, más ocupación de disco en el hosting y copias de seguridad más lentas.
La regla mental que lo resume: ninguna imagen de contenido debería superar los 100-200 KB, y las decorativas deberían quedar muy por debajo. Con las técnicas de esta guía, es un objetivo perfectamente alcanzable sin pérdida de calidad apreciable.
Formatos de imagen: cuándo usar JPG, PNG, WebP y AVIF
Elegir bien el formato es la mitad de la batalla al optimizar imágenes en WordPress:
| Formato | Mejor uso | Peso relativo | Soporte |
|---|---|---|---|
| JPG | Fotografías | Referencia | Universal |
| PNG | Gráficos con transparencia, capturas nítidas | Alto | Universal |
| WebP | Sustituto moderno de ambos | 25-35 % menos que JPG | Todos los navegadores actuales |
| AVIF | El siguiente salto de compresión | Hasta 50 % menos que JPG | Muy amplio y creciendo |
| SVG | Logos e iconos vectoriales | Mínimo | Universal (subida bloqueada por defecto en WordPress) |
WebP es hoy la elección por defecto: comprime mejor que JPG, soporta transparencia como PNG y todos los navegadores modernos lo muestran sin problema. WordPress admite subir archivos WebP de forma nativa desde la versión 5.8, y desde la 6.5 también AVIF si el servidor lo soporta. AVIF comprime aún más, pero su generación es más lenta y el soporte en herramientas todavía es menor: como norma práctica en 2026, WebP para todo y AVIF si tu plugin de optimización lo genera automáticamente. Si quieres profundizar en las tripas de cada formato, la guía oficial de formatos de imagen de MDN es la referencia.
¿Tienes un puñado de JPG o PNG y quieres pasarlos a WebP ahora mismo, sin instalar nada? Usa nuestro conversor gratuito de imágenes a WebP: funciona en el navegador, sin registro, y te devuelve los archivos convertidos y listos para subir a la mediateca. Es la vía rápida perfecta para las imágenes nuevas de cada artículo; para convertir en bloque toda una mediateca ya existente, un plugin (los vemos más abajo) es más práctico.
Redimensionar antes de subir: el paso que casi todos se saltan
Una cámara o un móvil actual genera fotos de 4000 píxeles de ancho o más. Tu web probablemente no muestra nada a más de 1200-1920 píxeles. Subir el original significa almacenar y procesar un archivo varias veces más grande de lo que jamás se mostrará. Antes de subir, redimensiona:
- Imágenes de contenido (dentro de entradas): 1200 píxeles de ancho suele ser suficiente.
- Cabeceras y fondos a pantalla completa: 1920 píxeles.
- Miniaturas y logos: el tamaño real al que se muestran, o el doble si quieres nitidez en pantallas retina.
Cualquier editor sirve (incluso Paint o Vista Previa), y las herramientas de conversión suelen permitir redimensionar en el mismo paso. Ya que estás, renombra el archivo con palabras descriptivas separadas por guiones (tarta-queso-sin-horno.webp mejor que IMG_4832.webp): el nombre del archivo es una señal SEO más, y te facilitará encontrar la imagen en la mediateca.
Después, al insertarla, rellena siempre el texto alternativo: describe la imagen para lectores de pantalla y para Google Imágenes. Es accesibilidad y SEO en un solo campo.
Lo que WordPress ya hace por ti (y lo que no)
Al subir una imagen, WordPress genera automáticamente varias copias en distintos tamaños (miniatura, medio, grande, más los que registre tu tema) y las sirve con el atributo srcset, de modo que un móvil descarga la versión pequeña y un monitor grande la versión completa. También aplica lazy loading nativo (loading="lazy") a las imágenes desde la versión 5.5, y limita a 2560 píxeles las imágenes gigantes que se suban.
Lo que WordPress no hace de serie: comprimir de forma agresiva, convertir tus JPG y PNG antiguos a WebP ni optimizar lo que ya tienes en la mediateca. Ese hueco es el que cubren las herramientas y plugins de optimización.
Dos matices del lazy loading que conviene conocer:
- La imagen principal que se ve nada más entrar (la del LCP) no debe llevar lazy loading: retrasarla empeora la métrica. WordPress intenta excluir la primera imagen automáticamente, y los buenos plugins de optimización lo gestionan mejor aún.
- Los fondos CSS y los sliders no usan el lazy loading nativo; ahí sí aporta la implementación de un plugin.
Plugins para optimizar imágenes en WordPress: comparativa
Un plugin de optimización automatiza todo lo anterior: comprime cada imagen al subirla, convierte a WebP/AVIF, optimiza en bloque la mediateca existente y sirve el formato moderno solo a los navegadores compatibles. Los cuatro nombres que dominan el terreno:
- Imagify: del equipo de WP Rocket. Interfaz clarísima, tres niveles de compresión, WebP y AVIF automáticos y muy buen equilibrio calidad-peso. Gratis hasta 20 MB al mes; de pago a partir de ahí.
- ShortPixel: el favorito de los usuarios avanzados por su relación calidad-precio en volumen (créditos que no caducan). Compresión excelente, WebP y AVIF, y una función única: optimización de PDF.
- Smush: el más instalado. Su versión gratuita comprime sin límite de cantidad (con tope de 5 MB por archivo) y resuelve bien lazy loading y redimensionado, pero la conversión WebP queda reservada a la versión Pro.
- EWWW Image Optimizer: el único que puede comprimir en tu propio servidor sin depender de servicios externos ni cuotas. Gratuito en su modo local, con WebP incluido. Ideal si subes muchísimas imágenes y quieres coste cero.
¿Cuál elegir? Para la mayoría: Imagify o ShortPixel si quieres el mejor resultado automático con WebP/AVIF incluidos, EWWW si prefieres no depender de créditos, Smush si te basta comprimir y ya usas su ecosistema. Y recuerda la regla de las capas: un plugin de imágenes convive sin problema con tu plugin de caché, porque hacen trabajos distintos; de hecho WP Rocket e Imagify se complementan expresamente. Esta y más utilidades gratuitas las tienes reunidas en nuestra página de herramientas para páginas web.
El método completo, paso a paso
Recapitulemos todo el flujo para optimizar imágenes en WordPress, tanto lo nuevo como lo heredado:
- Mide el punto de partida. Pasa tu portada por PageSpeed Insights y anota el peso de página y el LCP.
- Instala y configura un plugin de optimización. Activa compresión automática al subir, conversión a WebP y redimensionado máximo (2560 px o menos).
- Optimiza la mediateca existente en bloque. Hazlo tras una copia de seguridad y en horas de poco tráfico: son miles de operaciones.
- Adopta el hábito para lo nuevo: redimensionar, convertir a WebP con el conversor, renombrar con guiones y rellenar el texto alternativo al insertar.
- Revisa el lazy loading: activo en general, excluida la imagen principal de cada plantilla.
- Vuelve a medir. En webs con muchas fotos es habitual recortar el peso total de página a la mitad o menos.
Si además sirves las imágenes desde una CDN (muchos plugins de optimización y de caché la incluyen), el visitante las descargará desde un servidor cercano, sumando otro pellizco de velocidad, especialmente para audiencias internacionales.
Preguntas frecuentes
¿La compresión no estropea la calidad de mis fotos?
La compresión «con pérdida» bien ajustada elimina información que el ojo no percibe: en los niveles medios de Imagify o ShortPixel, la diferencia es indistinguible en pantalla y el ahorro ronda el 60-80 %. Para fotografía artística donde cada matiz importa, usa los modos «glossy» o sin pérdida, que conservan más datos a cambio de menos ahorro. En cualquier caso, los buenos plugins guardan el original y permiten restaurarlo.
¿Qué pasa con los navegadores que no soportan WebP?
En 2026, prácticamente ninguno en uso real: Chrome, Firefox, Safari y Edge lo soportan desde hace años. Aun así, los plugins que sirven WebP lo hacen con mecanismos de respaldo (la etiqueta <picture> o reglas de servidor) que entregan el JPG/PNG original a cualquier cliente antiguo. No hay riesgo de que un visitante vea huecos en lugar de imágenes.
¿Debo borrar los JPG originales después de convertir a WebP?
Si el plugin sirve el WebP dinámicamente, los originales siguen siendo el respaldo y la fuente para regenerar: consérvalos salvo que el espacio en disco sea crítico. Si conviertes manualmente antes de subir (con el conversor, por ejemplo), entonces sube solo el WebP y no acumulas duplicados. Son dos estrategias válidas; la clave es no mezclarlas sin criterio.
¿Cuánto mejora realmente la velocidad al optimizar las imágenes?
Depende del punto de partida, pero es la optimización con mayor recorrido en webs visuales: pasar de fotos de 2-4 MB a versiones WebP de 80-150 KB reduce el peso de página en un 50-80 % y adelanta el LCP de forma directa. En términos de esfuerzo-beneficio, solo la caché de página compite con ella.
Conclusión
Optimizar imágenes en WordPress no es una tarea única sino un sistema con dos frentes: sanear lo que ya tienes (optimización en bloque de la mediateca con un plugin) y establecer un flujo correcto para lo nuevo (redimensionar, convertir a WebP, renombrar y describir cada imagen antes de publicarla). Las piezas son pocas y todas accesibles: WebP como formato por defecto, un conversor online para el día a día, un plugin como Imagify, ShortPixel o EWWW para automatizar, lazy loading bien configurado y mediciones antes y después para comprobar el avance. El resultado es de los que se ven a simple vista: páginas que cargan en una fracción del tiempo, métricas de Core Web Vitals en verde y un hosting más desahogado. Empieza hoy por lo más simple: convierte las imágenes de tu próximo artículo a WebP y compara el peso. Ese primer ahorro te dará el impulso para aplicar el sistema completo.
