¿Tu sitio web carga lento? La mayoría de las veces, el culpable son las imágenes demasiado pesadas.
Google PageSpeed Insights mide una métrica llamada LCP (Largest Contentful Paint), que registra cuánto tarda en renderizarse por completo la imagen más grande visible en pantalla. Un caso real: un sitio basado en Divi con un LCP móvil de 15,6 segundos — al investigar resultó que la imagen de fondo del encabezado se había subido a resolución completa, sin comprimir (de un post de benchmark en r/divi).
El escenario más cotidiano: cuando subes a Xiaohongshu, Zhihu, WeChat o archivos adjuntos de correo, cada plataforma tiene su propio límite de tamaño. Las portadas de Xiaohongshu admiten hasta 5MB, las imágenes de artículos de WeChat 2MB, y muchos formularios de solicitud solo aceptan 200KB.
La compresión de imágenes no consiste solo en hacer los archivos “más pequeños”. Esta guía te explicará en 5 minutos qué comprimir, cuánto, en qué formato y qué herramienta es la más rápida.
Tres caminos de compresión
Solo hay tres formas de reducir una imagen, pero la mayoría confunde sus diferencias:
| Camino | Qué hace | Tasa de compresión | Pérdida de calidad | Mejor para |
|---|---|---|---|---|
| Compresión con pérdida | Descarta detalles sutiles (casi invisibles al ojo) | Alta, 60-80% | Mínima | Fotos, paisajes |
| Compresión sin pérdida | Optimiza el almacenamiento, como un zip | Baja, 10-30% | Cero pérdida | Capturas PNG, iconos |
| Conversión de formato | Cambia de un formato a otro | Muy alta, 70-95% | Depende del destino | PNG a WebP / AVIF |
Una metáfora: la compresión con pérdida elimina las páginas de relleno de un libro grueso (sigue siendo legible); la compresión sin pérdida recorta la puntuación y los espacios (ni una palabra cambia); la conversión de formato cambia el libro en papel por un e-book (mismo contenido, 10 veces más pequeño).
En la práctica, la tercera opción es la más efectiva — convertir un PNG directamente a WebP a menudo convierte una foto de 5MB en un WebP de 200KB con una calidad casi indistinguible.
Cómo elegir los parámetros clave
Elegir un camino no basta. Las herramientas te lanzarán un montón de parámetros. Esto es lo que controla cada uno:
Calidad (Quality)
Un deslizador de 0 a 100 que controla cuántos detalles se descartan. Valores recomendados:
| Escenario | Calidad recomendada | Tamaño objetivo |
|---|---|---|
| Imagen hero de web | 75-80 | < 200KB |
| Imagen de artículo de blog | 80 | < 150KB |
| Foto de producto e-commerce | 85-92 | < 300KB |
| Avatar de redes sociales | 80 | < 100KB |
| Adjunto de correo | 75 | < 1MB |
| Impresión / archivo | 92+ u original | Sin comprimir |
Quality 80 es el punto óptimo para la web — el tamaño baja un 60-70%, pero la mayoría de la gente no nota la diferencia (benchmark de cleverutils.com).
Submuestreo de crominancia
JPEG y WebP descartan algo de información de color durante la codificación, ya que el ojo humano es más sensible al brillo que al color. El parámetro se escribe como 4:4:4, 4:2:0 o 4:2:2:
4:4:4: Color completo preservado (usa para capturas de pantalla, capturas de UI)4:2:0: Descarta el 75% de los datos de color (usa esto para fotos — reduce el tamaño a la mitad)4:2:2: Intermedio (común en vídeo)
Normalmente no necesitas configurar esto manualmente — la mayoría de herramientas usan 4:2:0 por defecto, que es lo correcto.
Resolución
Si una foto de móvil de 4000×3000 solo se muestra a 800px de ancho en tu página web, el 75% de esos píxeles se desperdician. Redimensiona primero, luego comprime — el resultado es mucho mejor que comprimir el original.
Metadatos EXIF
Las fotos llevan datos ocultos: modelo de cámara, ubicación GPS, fecha de disparo — inútiles en una web y hacen el archivo más grande. Elimínalos antes de subir. Para los detalles sobre qué quitar y qué riesgos quedan, consulta la Guía de privacidad EXIF.
Árbol de decisión de formatos
Cinco formatos principales — cómo elegir:
¿Necesitas transparencia?
- Sí → PNG / WebP / AVIF transparente, todos funcionan
- ¿Necesitas compatibilidad con navegadores antiguos? PNG
- ¿Quieres el menor tamaño? AVIF > WebP > PNG
- No → ¿Foto o ilustración?
- Foto → WebP > AVIF > JPG
- Ilustración / captura → PNG (precisión de color) o WebP
Características de cada formato:
| Formato | Compresión | Transparencia | Compatibilidad | Mejor para |
|---|---|---|---|---|
| JPG | Base | ❌ | 100% | Cuando la compatibilidad es prioritaria |
| PNG | Pobre | ✅ | 100% | Capturas, iconos |
| WebP | 25-34% más pequeño que JPG | ✅ | 97%+ | Estándar web |
| AVIF | ~20% más pequeño que WebP | ✅ | 90%+ | Proyectos nuevos, máxima compresión |
| HEIC | ~50% más pequeño que JPG | ✅ | Solo Apple | Originales de iPhone |
La cifra del 25-34% que WebP logra frente a JPG proviene del estudio de Google Developers de 2010, todavía citado como referencia. Chrome, Firefox, Safari 14+ y Edge lo soportan — cobertura superior al 97%. Úsalo sin dudar.
AVIF es más agresivo, pero el soporte completo en Safari solo llegó en 16.4 (marzo de 2023). Si tienes usuarios en Safari antiguos, configura un fallback JPG.
Si tu origen es HEIC (formato por defecto en iPhone), convierte primero a WebP y luego comprime. El Conversor de Formatos de Imagen de piick.cc gestiona todos estos cambios de formato.
Práctica: 30 segundos en Piick
¿No quieres instalar software? Ejecuta directamente en el navegador. El Compresor de Imágenes de piick.cc trabaja enteramente en el frontend — sin subir nada a ningún servidor, sin problemas de privacidad.
Tres pasos:
- Arrastra tu imagen — soporta JPG / PNG / WebP, hasta 25MB por archivo
- Elige la Calidad — por defecto 80, funciona en la mayoría de casos
- Descarga el archivo comprimido — muestra el ahorro, p. ej. 4,8MB → 620KB (87% más pequeño)
Probado en una foto de móvil de 4000×3000 (4,8MB) con Quality 80, el resultado fue 620KB con las mismas dimensiones y sin caída visible de calidad.
Avanzado: lote, Retina, EXIF
Compresión por lotes
¿Necesitas comprimir 50 imágenes? Hacerlo una por una es tedioso. Squoosh CLI (npx squoosh-cli --mozjpeg '{"quality":80}' *.jpg) o scripts de ImageMagick gestionan trabajos por lotes. piick.cc actualmente maneja archivos individuales; el soporte por lotes está en la hoja de ruta.
¿Las pantallas Retina necesitan compresión más agresiva?
No. Las pantallas Retina tienen mayor densidad de píxeles, no una mayor demanda de imágenes más nítidas — las páginas web siguen renderizándose en las mismas dimensiones de píxeles CSS en Retina. Lo que debes hacer es subir imágenes con resolución 2x (por ejemplo, 1600×800 para un contenedor de 800×400) manteniendo los mismos parámetros de compresión. Quality 80 funciona igual de bien en Retina.
¿Deberías conservar el EXIF?
- Compartir fotos personales: consérvalo (más fácil de archivar)
- Sitios web comerciales: elimínalo (archivos más pequeños + mejor privacidad)
- Noticias / medios: conserva los campos de copyright
Para campos específicos a vigilar, consulta la Guía de privacidad EXIF.
Preguntas frecuentes
Comprimido a menos de 200KB pero ya estoy en Quality 60 y se ve borroso — ¿qué hago?
Reduce primero la resolución, luego comprime. Reducir de 4000×3000 a 2000×1500 antes de comprimir puede volver a cortar el tamaño a la mitad, con mejor calidad. El Recortador de Imágenes de piick.cc hace recortes precisos.
¿Puedo usar WebP sin pensarlo?
Para el 97% de los navegadores, sí. Si tu audiencia se inclina hacia Safari antiguo / IE, configura un fallback JPG o quédate con JPG.
¿La conversión de PNG a WebP es sin pérdida?
No. WebP tiene dos modos — WebP sin pérdida y WebP con pérdida. Las herramientas por defecto usan el modo con pérdida, y la caída de calidad es apenas visible. Si necesitas pérdida absoluta (archivo de capturas), usa cwebp -lossless input.png -o output.webp.
¿Por qué mi archivo comprimido es más grande que el original?
Esto suele ocurrir cuando la Calidad está por encima de 95 — el algoritmo de compresión almacena más metadatos a mayor calidad, lo que puede producir un archivo más grande que el original. En ese caso, usa el original y no comprimas.
¿Cuándo sustituirá AVIF por completo a WebP?
Cuando la compatibilidad de navegadores alcance el 95% (estimado 2026-2027). Por ahora, apuesta por WebP. ¿Quieres experimentar? Prueba AVIF con el Conversor de Formatos de Piick.
La compresión de imágenes no es tan compleja como parece: elige primero el formato (WebP como predeterminado), luego un valor de Calidad (empieza en 80), y finalmente decide si redimensionar. ¿Necesitas probarlo online? Abre el Compresor de Imágenes de piick.cc y obtén resultados en 30 segundos.