Optimizar imágenes en WordPress (gratis): WebP, ALT, tamaño y srcset

¿Plugin de optimización o hacerlo manual?

En WordPress existen muchos plugins para optimizar imágenes en WordPress automáticamente. Son prácticos, pero no siempre controlan el tamaño real que necesita tu diseño ni cómo se generan los atributos HTML que influyen en rendimiento y SEO.

Optimización con plugin

  • Proceso automático.
  • Ideal si subes muchas imágenes.
  • Puede añadir carga al servidor.
  • No siempre controla srcset o prioridad de carga.

Optimización manual (con esta herramienta)

  • Control total del tamaño y formato (WebP/AVIF).
  • Generación correcta de ALT, width y height.
  • Posibilidad de crear srcset personalizado.
  • Mejor control sobre lazy loading y prioridad.

Si gestionas pocas imágenes o quieres un control preciso del SEO técnico, la optimización manual suele ser más eficiente. Si trabajas con grandes volúmenes, un plugin puede ahorrarte tiempo.

Siguiente paso recomendado

Optimizar imágenes es solo una parte del rendimiento. Después conviene analizar la estructura SEO, títulos, metas y posibles errores técnicos que afectan a la indexación y posicionamiento.

Analizar mi web ahora Ver más herramientas

Optimización real • WordPress • SEO técnico • Core Web Vitals

Optimizar imágenes para WordPress (Modo Fácil + Modo PRO)

Sube una imagen, optimízala (WebP/AVIF si es compatible) y genera el HTML correcto con ALT, width/height, lazy o prioridad, y opcionalmente srcset. Todo se procesa en tu dispositivo.

PRO

Herramienta

WebP/AVIF

ALT

Width/Height

Srcset

Herramienta: optimiza, descarga y copia el código

Modo Fácil (recomendado): subes 1 imagen optimizada a Medios y pegas su URL. Modo PRO: subes también variantes y generas srcset para servir el tamaño perfecto en cada pantalla.

Comprobando compatibilidad…

1) Sube la imagen y configura la optimización

Después genera y decide si usar Modo Fácil o PRO.

Se procesa localmente. En imágenes grandes puede tardar unos segundos.

Ajusta recomendaciones de tamaño, srcset y prioridad.

No se amplía: si la original es menor, se mantiene.

AVIF puede no estar disponible en todos los navegadores.

Para WebP/JPEG suele ir bien 75–85.

Si no sabes qué poner, deja el valor por defecto.

Recomendado: 5–125 caracteres. Evita repetir keywords sin necesidad. 0/160

Minúsculas y guiones. Sin tildes ni caracteres raros.

Lazy recomendado para imágenes que no son la principal.

2) Descarga y copia el código (elige modo)

Modo Fácil para ir rápido. Modo PRO para exprimir rendimiento con srcset.

Original—
Optimizada—

Pasos (Fácil): 1) Descarga la optimizada → 2) Súbela a Medios → 3) Copia su URL → 4) Pega la URL aquí → 5) Copia el HTML.

Si no pegas URL, el HTML se genera como plantilla con placeholder.

Para la mayoría: IMG simple + ALT bien escrito.

ALT Width/Height Lazy/Prioridad Formato Srcset

Recursos recomendados (para completar la optimización)

Optimizar imágenes es una parte del rendimiento, pero para posicionar y mejorar la experiencia conviene revisar el SEO técnico, el hosting y la indexación. Aquí tienes los siguientes pasos más útiles.

Analiza tu web y detecta cuellos de botella

Audita lo básico (títulos, metas, estructura y errores comunes) y prioriza mejoras.

Analizar web Ver herramienta

Más herramientas SEO para mejorar tu sitio

Accede al hub de herramientas para trabajar titles, estructura, indexación y más.

Ver herramientas Aprender paso a paso

Mejor hosting para principiantes

Si tu web es lenta, a veces el problema no es la imagen: es la base (servidor, caché, configuración).

Ver comparativa Instalar WordPress

Indexación: por qué no apareces en Google

Si tu contenido no entra en el índice, el rendimiento ayuda pero no lo soluciona todo.

Ver guía Cuánto tarda

Cómo usarla paso a paso (sin dudas)

Modo Fácil (WordPress normal)

  1. Sube la imagen y completa el ALT.
  2. Pulsa Generar y descarga la imagen optimizada.
  3. En WordPress: Medios → Añadir y sube esa imagen optimizada.
  4. Copia su URL real desde la Biblioteca de Medios.
  5. Pega la URL en “Modo Fácil” y copia el HTML.

Modo PRO (srcset + picture)

  1. Genera y descarga la optimizada y las variantes (srcset).
  2. Sube todos los archivos a Medios (optimizada + variantes).
  3. Copia la URL real de la imagen principal optimizada y pégala en “Modo PRO”.
  4. Copia el HTML PRO y pégalo en un bloque “HTML personalizado”.

Importante: la herramienta no sube imágenes a WordPress. Por eso siempre hay un paso de “subir a Medios” y luego pegar la URL real.

Preguntas frecuentes

¿Quién sube las imágenes a WordPress?
El usuario que está optimizando su web. Descarga los archivos aquí y luego los sube a Medios para obtener las URLs reales.
¿Qué modo debo usar?
Para la mayoría: Modo Fácil. Si quieres exprimir rendimiento en móvil: Modo PRO.
¿Debo poner lazy en la imagen principal?
Normalmente no. Si marcas “imagen principal”, la herramienta quita lazy y añade fetchpriority="high".