Pasa en casi todas las webs que nos llegan para revisar: el diseño está bien, el hosting es razonable, pero la página tarda en cargar. Abrimos el inspector y aparece el culpable de siempre: fotos subidas tal cual salieron del celular o de la cámara.
Una foto de un celular moderno fácilmente supera los 4000 píxeles de ancho. En pantalla, ese mismo espacio rara vez necesita más de 1920. Todo lo que sobra es peso que el visitante descarga igual, sobre todo en mobile y con datos móviles.
Hoy te contamos cómo lo resolvemos de raíz con un plugin chico, gratuito y muy confiable: Imsanity.
El problema no es WordPress, es lo que se sube
WordPress genera miniaturas automáticamente, pero guarda el original completo. Y muchos temas, constructores como Elementor o galerías terminan usando ese original en algún lado: un fondo de sección, un slider, un lightbox.
Lo vemos incluso en nuestra propia biblioteca de medios: capturas de pantalla de más de 3000 píxeles de ancho y fotos de stock de 3500. Nadie las va a ver a ese tamaño, pero ocupan espacio en el servidor, inflan los backups y, si se cuelan en una página, la hacen más lenta.
Qué hace Imsanity
La idea es simple: definís un ancho y alto máximo, y cada imagen que se sube por encima de ese tamaño se redimensiona automáticamente, reemplazando el original por la versión escalada. El cliente o el editor de contenido no tiene que hacer nada distinto: sube la foto como siempre y el plugin se encarga.
Además:
- Calidad configurable para JPG (y en las versiones recientes también para WebP y AVIF).
- Conversión opcional de BMP y PNG a JPG, ideal para esas fotos que alguien exportó como PNG y pesan una barbaridad.
- Redimensionado masivo de las imágenes que ya están en la biblioteca, o una por una desde la vista de lista de Medios.
Cómo lo configuramos
Después de instalarlo, los ajustes están en Ajustes → Imsanity. Nuestra receta habitual:
- Tamaño máximo: 1920 × 1920 px para la mayoría de los sitios. Si hay fondos a pantalla completa en monitores grandes, subimos a 2560.
- Calidad JPG: alrededor de 82. A simple vista no se nota diferencia y el archivo baja bastante.
- Convertir PNG a JPG: activado solo si el sitio no usa PNG con transparencia (logos, íconos). Si los usa, lo dejamos apagado.
Con eso, todo lo que se suba de ahí en adelante ya entra en tamaño razonable.
Ojo con el redimensionado masivo
La herramienta de bulk resize es muy útil para sitios con años de fotos acumuladas, pero reemplaza los originales. No hay vuelta atrás desde el plugin. Por eso, antes de correrla, siempre hacemos un backup completo de wp-content/uploads.
Después del redimensionado conviene vaciar la caché (si usás LiteSpeed Cache o similar), para que el sitio sirva las versiones nuevas.
Imsanity no reemplaza a un optimizador
Imsanity resuelve el tamaño en píxeles. Comprimir, servir WebP o hacer lazy load son otro paso. En nuestros sitios lo combinamos con la optimización de imágenes de LiteSpeed Cache: primero achicamos, después comprimimos. El orden importa, porque comprimir una foto de 4000 px sigue dejando una foto de 4000 px.
Es un plugin liviano, mantenido activamente, con más de 200.000 instalaciones y excelentes valoraciones en el repositorio oficial. Lo instalamos de entrada en prácticamente todos los proyectos donde el cliente va a cargar contenido por su cuenta.
En resumen
Si tu web carga lento y tenés muchas fotos, es muy probable que el problema esté en la biblioteca de medios. Un límite de tamaño automático evita que vuelva a pasar, y un redimensionado masivo (con backup) limpia lo que ya está.
¿Querés que revisemos tu sitio y te digamos cuánto peso le sobra? Contactanos y lo vemos juntos.