Comprimir imagen a 1 MB

La velocidad de carga la notan tanto los lectores como los buscadores, y las imágenes suelen ser lo más pesado de una página. Una sola foto de cámara sin tratar puede pesar de 5 a 10 MB: pon tres en un artículo y un móvil con datos se atasca antes de que aparezca el texto.

Mantener cada imagen en torno a 1 MB deja la página ágil y ayuda a métricas de Core Web Vitals como Largest Contentful Paint, sin dejar de conservar resolución suficiente para una portada a todo el ancho en un portátil o una pantalla de alta densidad. Es el tamaño que equilibra buen aspecto y carga rápida.

Un megabyte es generoso, así que rara vez tienes que sacrificar calidad visible; el truco es no malgastarlo. Redimensiona primero la imagen al mayor ancho al que de verdad se mostrará: una portada que se ve a 1600 píxeles de ancho no gana nada con un original de 6000 salvo peso.

Luego comprime hacia 1 MB, y para la web plantéate WebP, que suele mantener la misma nitidez que JPG a un tamaño bastante menor. Las fotos, los degradados y las escenas con detalle aguantan 1 MB de sobra; las únicas que sufren son las que se redujeron demasiado antes de comprimir.

El redimensionado y la recodificación ocurren en tu navegador, así que nada de una foto de producto sin publicar o de un borrador de blog se sube antes de que lo publiques. Eso mantiene el material embargado o de clientes fuera de servidores de terceros, y te deja procesar todas las imágenes de un artículo de una vez sin esperar una subida. El archivo se maneja en local y se devuelve para descargar, sin cuenta y sin dejar rastro.

El mayor ahorro en una imagen de web viene de redimensionar antes de comprimir, no solo de bajar calidad. Decide el mayor ancho al que la imagen se mostrará alguna vez —una portada a todo el ancho rara vez pasa de 2000 píxeles, y una imagen dentro de un artículo mucho menos— y escala a eso primero. Una foto recortada a su ancho real llega a 1 MB con calidad de sobra, mientras que la misma toma dejada a 6000 píxeles hay que aplastarla para que quepa, y de ahí viene la falta de nitidez. Ajusta los píxeles a la maqueta y el megabyte hace el resto; si dudas del ancho, mirar la columna de contenido del tema o la plantilla es más rápido que adivinar.