Los archivos de imagen grandes son una de las causas más comunes de páginas web lentas, correos rebotados y discos de almacenamiento llenos. La buena noticia es que la mayoría de las imágenes son mucho más grandes de lo que necesitan ser, y normalmente puedes reducir su tamaño a la mitad o más sin ninguna diferencia que puedas percibir de verdad. El truco está en saber qué palancas accionar.
Esta guía repasa las cinco cosas que determinan el tamaño de un archivo de imagen, más o menos en orden de impacto, para que puedas reducir tus imágenes con confianza sin degradarlas.
Qué significa aquí "sin perder calidad"
Vale la pena aclararlo, porque la frase se usa de forma imprecisa. Algunos métodos son realmente *lossless*: reducen el tamaño manteniendo cada píxel idéntico. Otros son *lossy*, pero ajustados de modo que la pérdida resulta invisible para el ojo humano, que es lo que la mayoría de la gente quiere en realidad. Ambos son válidos. A lo largo de esta guía, "sin perder calidad" significa que el resultado se ve idéntico para ti en una visualización normal, aunque el archivo sea mucho más pequeño.
Palanca 1: elige un formato más eficiente
Esta suele ser la mayor victoria individual, y no exige ninguna concesión de calidad en absoluto. Los formatos antiguos como JPEG y PNG son mucho menos eficientes que los modernos. Convertir un JPEG a WebP normalmente recorta entre un 25 y un 34 por ciento del archivo con la misma calidad visual; convertir a AVIF puede recortarlo aproximadamente a la mitad.
Para fotografías, convierte JPG a WebP o JPG a AVIF. Para gráficos y capturas de pantalla almacenados actualmente como PNG, convierte PNG a WebP, que conserva la transparencia mientras reduce el archivo. Un simple cambio de formato a menudo resuelve el problema antes de tocar cualquier otra cosa. Para una comparación más profunda, consulta WebP vs AVIF.
Palanca 2: cambia el tamaño a las dimensiones que realmente muestras
Este es el espacio que más se desperdicia. Una foto recién salida de un teléfono o una cámara puede tener 4000 píxeles de ancho, pero si se muestra en una columna de 800 píxeles, tres cuartas partes de esos píxeles se descargan y luego el navegador los descarta. Redimensionar la imagen al mayor tamaño en que realmente se mostrará (quizás duplicado para pantallas de alta resolución) puede reducir el archivo enormemente sin pérdida visible alguna, porque no estás eliminando ningún detalle que el espectador hubiera podido ver.
Redimensiona siempre antes de empezar a afinar la compresión. Es el paso de mayor impacto para fotos sobredimensionadas.
Palanca 3: ajusta el nivel de calidad
Los formatos *lossy* te permiten cambiar un poco de fidelidad por mucho tamaño. La relación no es lineal: bajar de la calidad máxima a alrededor del 80 al 85 por ciento a menudo elimina una gran parte del tamaño del archivo sin que la diferencia sea visualmente distinguible en fotos típicas. Por encima de aproximadamente el 90 por ciento pagas un fuerte sobreprecio de tamaño por un detalle que casi nadie puede ver.
Un nivel de calidad en torno a los 80 bajos o medios es un punto óptimo fiable para las fotografías web. Los gráficos con bordes nítidos y texto son más sensibles, así que mantenlos más altos o usa un formato *lossless*.
Palanca 4: elimina los metadatos innecesarios
Las fotos suelen cargar con un equipaje oculto: datos EXIF como el modelo de cámara y la ubicación GPS, miniaturas incrustadas y perfiles de color. Nada de ello es visible en la imagen, y sin embargo puede añadir un peso considerable, sobre todo a lo largo de muchas imágenes pequeñas. Eliminar los metadatos es completamente *lossless* para la imagen en sí, y tiene un beneficio de privacidad, ya que puede quitar detalles de ubicación y de dispositivo. Muchos conversores eliminan estos datos automáticamente o te permiten hacerlo.
Palanca 5: ajusta el tipo de compresión al contenido
Usar el tipo de compresión equivocado infla los archivos. Las fotografías corresponden a un formato *lossy* como JPEG, WebP o AVIF, donde sus tonos continuos se comprimen de forma eficiente. Los gráficos, logotipos, capturas de pantalla y cualquier cosa con color plano y bordes nítidos corresponden a un formato *lossless* como PNG, o mejor aún, a un vector SVG para logotipos e iconos, que es diminuto y escala infinitamente. Guardar un logotipo como un JPEG de alta resolución, o una foto como PNG, son errores comunes y costosos. Para saber más sobre esto, consulta JPG vs PNG.
Un flujo de trabajo práctico
En conjunto, un proceso eficiente se ve así:
- **Redimensiona** la imagen a las mayores dimensiones en que se mostrará.
- **Conviértela** a un formato moderno: WebP como opción predeterminada segura, AVIF para el máximo ahorro.
- **Ajusta la calidad** a los 80 bajos o medios para fotos, y más alta para gráficos detallados.
- **Elimina los metadatos** que no necesites.
En la práctica, convertir a WebP o AVIF con una calidad sensata se ocupa de la mayor parte de esto en un solo paso, y por eso un cambio de formato es lo primero que conviene probar.
Lossless o lossy: cuál elegir
Si no puedes tolerar ningún cambio en absoluto (para masters de archivo, imágenes técnicas o gráficos con texto nítido), usa compresión *lossless*: PNG para gráficos de mapa de bits, WebP *lossless* para archivos sin pérdida más pequeños, o SVG para arte vectorial. Para todo lo demás, especialmente fotografías web, un ajuste *lossy* de alta calidad ofrece archivos mucho más pequeños sin diferencia visible, lo cual casi siempre es el mejor compromiso.
Cómo reducir el tamaño de archivo sin instalar software
No necesitas un editor de imágenes para nada de esto. Un conversor basado en el navegador puede cambiar el formato y aplicar una compresión sensata en un solo paso: JPG a WebP, PNG a WebP, JPG a AVIF o PNG a JPG cuando necesites la máxima compatibilidad. Conserva tus archivos originales de alta calidad y genera versiones más pequeñas a partir de ellos según las necesites. Para ayudarte a elegir un formato de destino, consulta Cómo elegir el formato de imagen adecuado para la web.