Compresor de imágenes gratuito: Reduce el tiempo de carga de tu página en un 80%
Dato rápido:
La página web promedio en 2026 pesa 2,4 MB.
De eso, 1,8 MB son imágenes.
La mayoría de esas imágenes son de 5 a 10 veces más grandes de lo necesario. No están comprimidas. No están en formatos modernos. Solo se arrastran desde un teléfono, se suben y se sirven a resolución completa.
Por eso tu sitio carga lento. Por eso tu tasa de rebote es alta. Por eso Google posiciona a tus competidores por encima de ti.
En esta guía, te mostraré el compresor de imágenes gratuito que uso, los 4 niveles de compresión y el flujo de trabajo que reduce el peso de la página en un 80% sin perder calidad visible.
Por qué el tamaño de las imágenes importa más de lo que crees#
El rendimiento web afecta directamente a:
- El SEO, los Core Web Vitals de Google penalizan las páginas lentas
- La tasa de rebote, el 53% de los usuarios móviles abandonan una página que tarda más de 3 segundos
- Las conversiones, 1 segundo de retraso = 7% menos de conversiones
- El uso de datos móviles, tus visitantes pagan (en bytes) cuando tu sitio pesa mucho
Comprimir imágenes es una de las acciones de rendimiento con mayor impacto. A menudo, es la mejora más grande que puedes hacer.
Lo que hace un buen compresor de imágenes#
Mi lista de verificación:
- Compresión sin pérdida, elimina metadatos y optimiza la codificación sin pérdida visual
- Compresión con pérdida, sacrifica un poco de calidad visual por una gran reducción de tamaño
- Conversión de formato, convierte a WebP / AVIF (formatos modernos con 30-50% mejor compresión)
- Procesamiento por lotes, comprime 100 imágenes a la vez, no una por una
- Solo en el navegador, tus imágenes no se suben a un servidor aleatorio
- Vista previa antes de descargar, ve el resultado de la compresión y la comparación de tamaños
Si una herramienta solo hace compresión con pérdida y solo una imagen a la vez, busca otra opción.
El compresor de imágenes gratuito que uso#
Las seis funciones anteriores. Gratuito. Solo en el navegador. Lote de hasta docenas de imágenes.
Los 4 niveles de compresión#
Antes de entrar en el flujo de trabajo, comprende el espectro.
Nivel 1: Sin pérdida#
Elimina metadatos (EXIF, perfiles de color, etc.) y recodifica de forma más eficiente. Resultado visual: idéntico. Reducción de tamaño: 5-30%.
Caso de uso: fotos que necesitas perfectas píxel a píxel.
Nivel 2: Pérdida ligera#
Reducción de calidad leve, imperceptible para la mayoría de los espectadores. Reducción de tamaño: 40-60%.
Caso de uso: imágenes principales de entradas de blog, fotos de productos.
Nivel 3: Pérdida agresiva#
Reducción de calidad visible al inspeccionar de cerca, pero bien en tamaños de visualización típicos. Reducción de tamaño: 70-85%.
Caso de uso: miniaturas, imágenes de fondo, ilustraciones de baja prioridad.
Nivel 4: Conversión de formato#
Convierte de PNG/JPG a WebP o AVIF. Los formatos modernos son 30-50% más pequeños con la misma calidad.
Caso de uso: cada imagen en un sitio web moderno.
Guía paso a paso: comprimir las imágenes de tu sitio#
Así es el flujo de trabajo.
Paso 1: Auditar los tamaños de imagen actuales#
Abre la página más lenta de tu sitio. Haz clic derecho → Guardar como → mira los tamaños de archivo.
Si tu "imagen principal" pesa 3.2 MB, tienes un problema.
Usa una herramienta como Lighthouse (en Chrome DevTools) para encontrar imágenes sobredimensionadas.
Paso 2: Descargar o tomar tus imágenes#
Ya sea que estén en tu CMS, archivos de diseño o carpeta de activos.
Paso 3: Abrir el compresor#
molixa.app/tools/image-compressor.
Paso 4: Arrastrar y soltar#
Puedes soltar docenas a la vez. La herramienta las procesa en tu navegador.
Paso 5: Elegir nivel de compresión#
Empieza con compresión con pérdida al 80% de calidad para la mayoría de los casos. Compara la vista previa original vs comprimida.
Si la calidad se ve bien, has terminado. Si ves artefactos, sube al 90%.
Paso 6: Descargar#
Un clic. Recupera todas tus imágenes comprimidas.
Paso 7: Reemplazar en tu sitio#
Sube las versiones comprimidas reemplazando las originales.
Paso 8: Volver a probar#
Vuelve a ejecutar Lighthouse. Observa cómo sube tu puntuación de carga de página.
Ejemplo real: mi propio sitio#
Antes de la optimización:
- 12 imágenes en la página de inicio
- Peso total: 4.8 MB
- Puntuación Lighthouse: 47
Comprimí en lote las 12 imágenes al 80% de calidad y convertí la imagen PNG principal a WebP.
Después:
- Mismas 12 imágenes
- Peso total: 0.9 MB (reducción del 81%)
- Puntuación Lighthouse: 94
Tiempo invertido: 6 minutos.
Resultado: las páginas ahora cargan en 1.2s en lugar de 4.8s. La tasa de rebote bajó un 18%. Las clasificaciones de búsqueda mejoraron (ponderación de Core Web Vitals).
Cuándo usar cada formato#
Referencia rápida:
JPG: fotos. Ideal para imágenes con muchos colores y degradados. No lo uses para logotipos o gráficos.
PNG: logotipos, iconos, capturas de pantalla, cualquier cosa con transparencia. Archivos más grandes que JPG.
WebP: reemplazo moderno tanto para JPG como para PNG. Archivos 30% más pequeños. Compatible con el 97% de los navegadores.
AVIF: formato aún más nuevo. 50% más pequeño que JPG. Soporte de navegadores ligeramente menor (~90%) pero en crecimiento.
SVG: logotipos, iconos, ilustraciones. Formato vectorial, escalado infinito, tamaño de archivo pequeño.
Para 2026, WebP para fotos, SVG para gráficos es la opción predeterminada óptima.
Errores comunes de optimización de imágenes#
Después de auditar demasiados sitios:
Error 1: Subir la foto original del teléfono. Una foto directa de un iPhone pesa 4-6 MB. Redimensiona primero, luego comprime.
Error 2: Usar PNG para fotos. PNG es para transparencias y gráficos. Las fotos van en JPG o WebP.
Error 3: No usar imágenes responsivas. Servir una imagen de 2000px a un móvil que la muestra a 400px es un desperdicio. Usa srcset.
Error 4: No aplicar carga diferida. Las imágenes debajo del pliegue deben cargarse de forma diferida. Los navegadores modernos lo hacen con el atributo loading="lazy".
Error 5: Olvidar el texto alternativo. No es de tamaño, pero: cada imagen necesita texto alternativo para SEO y accesibilidad.
Más allá de la compresión: buenas prácticas con imágenes#
Algunos movimientos de alto impacto adicionales:
Redimensionar antes de subir#
No subas una imagen de 4000x3000 píxeles si tu sitio la muestra a 800x600. Rediménsionala primero.
Molixa Image Resizer es la herramienta complementaria.
Usar una CDN#
Cloudflare, BunnyCDN, Imgix optimizan automáticamente las imágenes según el dispositivo.
Usar imágenes responsive#
<img src="hero-800.webp"
srcset="hero-400.webp 400w, hero-800.webp 800w, hero-1600.webp 1600w"
sizes="(max-width: 600px) 400px, (max-width: 1200px) 800px, 1600px"
alt="Descripción">
Esto sirve el tamaño adecuado a cada visitante.
Carga diferida de todo lo que está debajo del pliegue#
<img src="image.webp" loading="lazy" alt="Descripción">
Simple. Efectivo.
Consejos profesionales#
Ganancias rápidas:
Consejo 1: Para blogs, establece una política de ancho máximo de imagen (ej. 1200px). Aplícala antes de la subida.
Consejo 2: Para comercio electrónico, las imágenes de tus productos deben ser de alta calidad pero comprimidas agresivamente. Prueba el control deslizante de pérdida hasta que no notes diferencia.
Consejo 3: Usa AVIF cuando sea posible. La reducción del 50% en tamaño de archivo importa a escala.
Consejo 4: Comprime las imágenes principales (hero) más agresivamente que otras. Tienen el mayor impacto.
Consejo 5: Audita dos veces al año. Nuevas imágenes se cuelan. Pon un recordatorio en el calendario.
¿Qué pasa con WordPress / Shopify / Webflow?#
Cada uno tiene plugins:
- WordPress: ShortPixel, Smush, Imagify
- Shopify: optimización de imágenes integrada
- Webflow: carga diferida integrada + optimización automática
Para optimización puntual o stacks personalizados, Molixa Image Compressor hace el mismo trabajo de forma gratuita.
Resumen#
La compresión de imágenes es el trabajo de rendimiento con mayor retorno de inversión que puedes hacer.
Horas de compresión equivalen a segundos de tiempo de carga ahorrados, que equivalen a puntos porcentuales de mejora en conversión.
Molixa Image Compressor es gratuito, admite lotes y funciona solo en el navegador.
Dedica 30 minutos a optimizar tus 20 imágenes principales.
Mira cómo tu sitio vuela.
