Publicar imágenes más ligeras sin perder calidad

Las imágenes suelen ser lo más pesado de una página, así que también son la victoria de rendimiento más grande y fácil. El objetivo no es "más pequeño a cualquier precio" — es el fichero más pequeño que aún se ve bien en la pantalla donde aterriza. Aquí va un flujo que lo logra sin revisar a ojo cada exportación.

Redimensiona antes de comprimir

El mayor ahorro suele estar en las dimensiones, no en el códec. Un hero de 4000px servido en un hueco de 800px desperdicia ~96% de sus píxeles antes de que empiece la compresión. Decide el tamaño real de visualización, ten en cuenta las pantallas de alto DPR (2× sobra para casi todas las fotos) y reduce a eso primero. Comprime una imagen del tamaño correcto y cada paso posterior tiene menos que hacer.

Elige el formato adecuado para cada caso

Fotos: AVIF o WebP, con fallback a JPEG si aún lo necesitas. UI plana, logos y capturas: PNG o WebP sin pérdida. No publiques un PNG de una fotografía ni un JPEG de una captura — ambos son la herramienta equivocada y te cuestan bytes y calidad. En la duda, codifica de las dos formas y conserva el ganador.

Fija un objetivo de calidad perceptual

"Calidad 80" significa cosas distintas según el codificador, así que apunta a un resultado perceptual en vez de a un número mágico. Un SSIMULACRA2 en torno a 80–90 es visualmente sin pérdida para casi todas las fotos; por debajo de ~70 empezarás a notarlo en gradientes y piel. Elige un suelo, deja que el codificador lo alcance, y obtienes calidad consistente en toda una biblioteca en vez de adivinar fichero a fichero.

# Redimensiona al tamaño de pantalla y convierte con un suelo de calidad
imageforge hero.png --resize 1600 --convert avif --quality 82
imageforge ./gallery/*.jpg --convert webp --quality 80 --recursive

Automatízalo

Un flujo solo cuaja si es aburrido de ejecutar. Procesa una carpeta entera en lote, deja intactos los originales y deja que la herramienta informe de lo que ahorró para que confíes en el resultado. La idea es que "más ligero" sea el camino por defecto, no una tarea manual que alguien olvida antes del lanzamiento.

Publica el fichero más pequeño que aún se ve bien — no el más pequeño. Esa diferencia es todo el trabajo.

Mide, no adivines

Cierra el círculo comprobando el ahorro real y la calidad real, no solo el tamaño. Un fichero un 90% menor que se ve degradado no es una victoria; uno un 60% menor visualmente idéntico sí lo es. Mide ambos y podrás apretar ajustes con confianza en vez de jugar a lo seguro.