Tienes una foto que no se sube, o una página que tarda cuatro segundos en aparecer, y en algún lugar hay una imagen de 6 MB. El instinto es buscar el deslizador de "calidad" y arrastrarlo hacia la izquierda hasta que el número se vea aceptable. Eso funciona, más o menos, y casi nunca es lo que estaba realmente mal.
La razón aburrida por la que tu imagen pesa tanto
Tiene demasiados píxeles.
Una foto de un teléfono actual mide alrededor de 4000 píxeles de ancho. El lugar donde la vas a poner — una entrada de blog, la ficha de un producto, la portada de un perfil — la muestra a 800 o 1200 píxeles de ancho. Estás enviando cuatro o cinco veces más imagen de la que alguien va a ver, y el navegador tira el resto a la basura después de descargar cada byte.
El tamaño del archivo crece con el área, no con el ancho, así que reducir el ancho a la mitad deja el número de píxeles en una cuarta parte. Pasar de 4000 px a 1000 px es una reducción de 16× antes de tocar la compresión siquiera. Por eso redimensionar le gana a cualquier otra palanca, y por eso los deslizadores de calidad decepcionan: estás afinando el último 20% mientras ignoras el primer 80%.
¿Qué ancho necesitas de verdad?
- 1920 px — una imagen de portada a todo lo ancho en un sitio de escritorio. Por encima de eso, solo un puñado de monitores muy grandes sale ganando.
- 1200 px — una imagen dentro de un artículo, mostrada de borde a borde en la columna de contenido.
- 800 px — la mayoría de las imágenes dentro de un artículo, y de sobra para cualquier cosa con texto alrededor.
- 400 px — miniaturas, avatares, elementos de una lista.
Duplica esos números si la imagen tiene que verse nítida en una pantalla de alta densidad y no estás sirviendo varios tamaños. Un archivo de 1600 px mostrado a 800 px cubre bien una pantalla retina.
Ahora sí, y solo ahora, comprime
Una vez que las dimensiones están bien, la compresión hace el resto. Para fotografías, entre 70 y 80% de calidad es donde quieres estar: al tamaño normal de visualización la diferencia con el original es invisible, y el archivo pesa una fracción. Por debajo de un 60% aproximadamente empiezas a ver parches cuadriculados en cielos y degradados suaves, que es el primer lugar donde asoman los artefactos de JPEG.
Los dos pasos ocurren juntos en el compresor de imágenes de aquí — fija un ancho máximo, elige una calidad, y te muestra el antes y el después en bytes para que veas qué cambio hizo el trabajo. No se sube nada; el redimensionado y la recodificación ocurren en tu navegador, con el mismo motor que dibuja la página.
Y ya que estás, elige el formato correcto
La elección del formato vale otro 25–35% encima de todo lo anterior.
- WebP para cualquier cosa que vaya a un sitio web. Más pequeño que JPEG con la misma calidad, admite transparencia y funciona en todos los navegadores lanzados en los últimos años.
- JPEG cuando el archivo tiene que funcionar en un lugar impredecible — un adjunto de correo, una imprenta, el formulario de subida de un organismo público escrito en 2011.
- PNG solo para gráficos de color plano y bordes definidos: logos, iconos, capturas de texto. Guardar una fotografía como PNG casi siempre la deja más grande, porque PNG es sin pérdida y las fotografías no tienen repetición que pueda aprovechar.
Si tienes el formato equivocado — una foto metida en un PNG, el caso más común — convertirla puede recortar el tamaño en un 80% por sí solo, antes de cualquier redimensionado o ajuste de calidad.
Cómo saber que te pasaste
Los artefactos de compresión aparecen en lugares predecibles, y una vez que sabes dónde mirar ya no los puedes dejar de ver:
- Los cielos y los degradados se rompen en bloques o bandas visibles.
- Los bordes definidos — sobre todo texto o un logo sobre una foto — ganan un halo tenue de ruido.
- Las zonas oscuras se ensucian y pierden separación entre tonos.
Revisa con el zoom al 100%, no ajustado a la ventana. Y revisa la imagen real, no una miniatura: todo se ve bien a 200 px de ancho.
Dos cosas que te van a complicar la vida
La compresión no se puede deshacer. El detalle que se descarta no vuelve. Guarda tus originales en algún lado y comprime copias — el día que necesites una versión con resolución de imprenta de una foto que exprimiste hasta 400 KB es el día en que te enteras.
No vuelvas a comprimir un archivo ya comprimido. Cada vez que guardas con pérdida, el daño se suma al de la vez anterior. Si necesitas un JPEG y ya hiciste un WebP, vuelve al original en lugar de convertir el WebP. Por esto también una imagen a veces queda más grande cuando la comprimes: si ya estaba muy exprimida, recodificarla agrega sobrecarga sin encontrar nada que quitar.
Por qué importa todo esto
Las imágenes suelen ser la mayor parte del peso de una página, lo que las convierte en lo principal que se interpone entre un visitante y tu contenido. Las Core Web Vitals de Google miden el Largest Contentful Paint — cuánto tarda en aparecer el elemento visible más grande — y en la mayoría de las páginas ese elemento es una imagen. Bajar una imagen de portada de 3 MB a 200 KB suele mover una página de reprobar esa métrica a aprobarla, sin cambiar nada más.
Además es simple cortesía. Alguien en un teléfono con dos rayitas de señal está pagando por cada byte que le mandas.
Si quieres hacerlo ahora mismo en vez de leer sobre el tema, el compresor de imágenes hace los dos pasos a la vez — fija el ancho máximo, deja la calidad en 75 y mira las cifras de antes y después. Funciona en tu navegador, así que la foto nunca sale de tu computadora y no hay ninguna subida que esperar.
La cuestión del formato es la parte que más gente equivoca, y merece diez minutos por sí sola. PNG vs JPG vs WebP repasa cuál elegir y por qué una captura de pantalla se comporta tan distinto de una fotografía — que es justo lo que hace que los PNG se inflen.
Preguntas frecuentes
¿Cómo reduzco el tamaño de una imagen sin perder calidad?
Redimensiona antes de comprimir. Pasar una foto de 4000px a 1200px elimina cerca del 90% de los píxeles sin diferencia visible al tamaño en que se muestra, y eso gana por mucho a cualquier deslizador de calidad. Después comprime al 75–80%, donde los artefactos son invisibles en fotografías.
¿Cuál es un buen tamaño de archivo para una imagen web?
Menos de 200 KB para una imagen dentro de un artículo y menos de 400 KB para una portada a todo lo ancho es un objetivo razonable. Las miniaturas deberían quedar muy por debajo de 50 KB. Son guías, no reglas: una fotografía con mucho detalle justifica más que un gráfico plano.
¿Comprimir una imagen reduce su calidad?
JPEG y WebP son con pérdida, así que sí, se descarta información. Con 70–80% de calidad la pérdida es invisible al tamaño normal de visualización. El daño es permanente y se acumula cada vez que lo vuelves a guardar, así que trabaja siempre a partir de un original que conserves.
¿Por qué mi imagen quedó más grande después de comprimirla?
Casi siempre porque ya estaba comprimida. Recodificar un archivo eficiente agrega sobrecarga de contenedor sin encontrar redundancia que quitar. También pasa cuando un gráfico simple que era un PNG eficiente se vuelve a guardar en un formato con pérdida.
¿Es seguro comprimir imágenes en línea?
Depende por completo de si el sitio sube tu archivo. La mayoría lo hace, lo que significa que tu imagen queda en el servidor de otra persona bajo una política de retención que no leíste. Las herramientas que procesan en el navegador — incluida la de esta página — nunca transmiten el archivo.
Última actualización 19 de septiembre de 2026