Cómo optimizar imágenes en WordPress
Antes de subir una imagen, ajusta sus dimensiones al uso real, elimina metadatos innecesarios y comprímela. Utiliza JPEG, PNG, WebP o AVIF según el contenido y comprueba visualmente el resultado. Después completa nombre, texto alternativo y tamaño dentro de WordPress.
Las imágenes son una causa frecuente de páginas lentas, especialmente cuando se suben fotografías de cámara directamente a una zona que solo necesita una anchura pequeña.
Elige las dimensiones correctas
Una imagen de 5000 píxeles no debería cargarse para mostrarse a 800. Averigua el ancho máximo del contenedor y prepara una versión suficiente para pantallas de alta densidad, sin conservar una resolución desproporcionada.
WordPress crea tamaños derivados y puede servir imágenes responsivas, pero eso no justifica subir originales enormes. Además, las imágenes de fondo configuradas mediante CSS pueden no beneficiarse igual de esa selección automática.
Qué formato utilizar
- JPEG: fotografías con muchos colores; compatible y fácil de comprimir.
- PNG: gráficos que necesitan transparencia o bordes muy nítidos; puede pesar mucho.
- WebP: buena compresión para fotografía y gráficos, con soporte amplio.
- AVIF: puede ofrecer archivos menores, pero comprueba compatibilidad del flujo y calidad.
- SVG: logos e iconos vectoriales; debe sanitizarse antes de permitir su subida.
No conviertas automáticamente todo al formato más moderno sin verificar el resultado. Logos, capturas con texto y fotografías responden de forma diferente.
Cuánto debe pesar una imagen
No existe un límite universal. Una miniatura debería ser mucho más ligera que una fotografía principal a pantalla completa. Utiliza como criterio el menor peso que mantenga calidad suficiente en el tamaño real.
Amplía la imagen al 100 %, revisa bordes, texto, degradados y piel. Si aparecen bloques o halos, reduce la compresión.
Nombre de archivo y texto alternativo
Antes de subir, usa un nombre descriptivo como diseno-web-alicante.webp, sin encadenar palabras irrelevantes.
El texto alternativo describe la información que aporta la imagen a una persona que no puede verla. No es un campo para repetir keywords. Si la imagen es decorativa y no añade significado, déjalo vacío.
Carga diferida y prioridad
La carga diferida retrasa imágenes que están fuera de la pantalla. WordPress la aplica en muchos casos, pero la imagen principal visible al cargar no debería retrasarse indiscriminadamente. Una mala configuración puede empeorar el tiempo del elemento principal.
Plugins de optimización
Un plugin puede comprimir al subir, generar formatos modernos y servir tamaños adecuados. Antes de elegirlo, comprueba:
- Si conserva originales o permite restaurar.
- Límites y coste mensual.
- Conversión local o en servicios externos.
- Compatibilidad con CDN y caché.
- Qué sucede al desinstalarlo.
No actives dos optimizadores que procesen los mismos archivos.
Imágenes que ya están publicadas
Haz copia antes de una optimización masiva. Prueba una muestra, revisa páginas principales y regenera miniaturas solo si es necesario. Borrar “imágenes sin usar” automáticamente puede eliminar archivos referenciados por plantillas o campos que el plugin no detecta.
Checklist de imágenes
- Dimensiones ajustadas al diseño.
- Formato apropiado.
- Compresión revisada visualmente.
- Nombre comprensible.
- Texto alternativo útil o vacío si es decorativa.
- Anchura y altura definidas para evitar saltos.
- Recorte correcto en móvil.
- Sin duplicados innecesarios.
Preguntas frecuentes
¿WebP o AVIF es mejor?
Depende de la imagen, calidad y herramientas. Compara peso y apariencia; no elijas solo por la extensión.
¿Un plugin arregla las imágenes anteriores?
Algunos pueden procesarlas en lote, pero necesitas copia, límites suficientes y una revisión posterior.
¿El texto alternativo mejora el SEO?
Ayuda a la accesibilidad y aporta contexto cuando corresponde. Rellenarlo con palabras clave sin describir la imagen es una mala práctica.
Antes de optimizar en masa, aprende cómo hacer una copia de seguridad de WordPress.