Imágenes · Cómo hacerlo
Cómo comprimir imágenes sin perder calidad
Una foto de 5 MB en tu página de inicio es un desastre para la velocidad. Pero comprimirla ingenuamente a 200 KB introduce artefactos horribles. Esta guía recorre el conjunto moderno de herramientas — formatos, ajustes de calidad, redimensionamiento — para lograr archivos pequeños sin pérdida visible.
Regla #1: redimensiona antes de comprimir
La mayor ganancia en optimización de imágenes es entregar la imagen al tamaño de visualización. Una foto de iPhone de 4032×3024 mostrada en una tarjeta de 400 px desperdicia el 99% de sus píxeles. Redimensiona a 2× el ancho de visualización (800 px para 400 px en retina), luego comprime.
Elige el formato correcto
- JPEG — universal, excelente para fotos, sin transparencia.
- PNG — sin pérdida, con transparencia, enorme para fotos. Úsalo para capturas y logos.
- WebP — 25–35% más pequeño que JPEG con la misma calidad, soportado en todos los navegadores modernos.
- AVIF — 50% más pequeño que JPEG, la mejor calidad-por-byte hoy.
- SVG — vectorial, minúsculo para iconos y logos. No para fotos.
Ajustes de calidad que funcionan
Para JPEG, la calidad 75–85 es el punto óptimo. Calidad 100 guarda ruido del sensor; nadie ve la diferencia. WebP es más indulgente — calidad 70 en WebP suele verse tan bien como calidad 85 en JPEG.
Paso a paso en el navegador
- Abre el Compresor de Imágenes.
- Suelta las imágenes. Todo ocurre localmente.
- Si el original es mucho más grande de lo necesario, redimensiona primero.
- Elige una calidad objetivo (empieza en 80 para JPEG/WebP).
- Previsualiza al 100% — busca bandas en el cielo y halos alrededor del texto.
- Descarga. Repite con menor calidad si sigue limpio.
Qué NO hacer
- No recomprimas un JPEG con calidad mayor que el original.
- No comprimas el mismo JPEG varias veces; los artefactos se acumulan.
- No uses PNG para fotos — obtendrás archivos 3–10× más grandes.
- No confíes en CSS
width/heightpara reducir una imagen enorme.
Midiendo la mejora
Ejecuta PageSpeed Insights antes y después. LCP suele ser el que más mejora.
Prueba estas herramientas en Toolzer
Preguntas frecuentes
¿Cuál es el mejor formato para imágenes web?+
WebP para fotos y AVIF donde esté soportado — ambos dan archivos 25–50% más pequeños que JPEG. Usa PNG solo cuando necesites transparencia sin pérdida; SVG para logos e iconos.
¿Cuánto puedo comprimir antes de que baje la calidad?+
Para fotos, calidad JPEG 75–85 es el punto óptimo: artefactos apenas visibles, 50–70% más pequeño que calidad 100. Bajo 60 empiezas a ver bandas en los cielos.
¿Con pérdida o sin pérdida?+
Sin pérdida (PNG, WebP-lossless) preserva cada píxel — obligatorio para capturas con texto y diagramas. Con pérdida (JPEG, WebP, AVIF) descarta detalle imperceptible y es correcto para fotografías.
¿Por qué mi imagen comprimida sigue siendo enorme?+
Normalmente porque es mucho más grande de lo necesario. Una foto de 4000×3000 mostrada a 800 px debería redimensionarse a 1600×1200 antes de comprimir.
¿La compresión afecta al SEO?+
Sí — Core Web Vitals penaliza LCP lento, y las imágenes suelen ser el elemento más grande. Servir imágenes en formato moderno puede mover una página de 'malo' a 'bueno'.
¿Es seguro comprimir online?+
Las herramientas en el navegador como Toolzer nunca suben tu imagen. Las basadas en servidor sí — evítalas para cualquier cosa privada.