Una foto recién sacada del móvil suele medir unos 4.000 píxeles de ancho y pesar varios megas. Subida tal cual a una web, obliga al navegador a descargar muchísimo más de lo que va a mostrar: la página tarda en pintarse, quien entra con datos móviles se cansa y Google lo refleja en las Core Web Vitals, que cuentan para posicionar.
Este flujo hace de una vez las tres cosas que recomienda cualquier guía de rendimiento: reduce la foto a un ancho razonable, la pasa a WebP y le da una compresión final. Sueltas tus imágenes, pulsas «Procesar flujo» y descargas versiones que pesan una fracción del original sin que a simple vista se note la diferencia.
Cómo optimizar imágenes para web, paso a paso
-
Redimensionar imagen
- Modo: Por ancho
- Ancho (px): 1600
- No ampliar las que ya son más pequeñas: sí
Ajusta el ancho a 1.600 píxeles y calcula el alto para mantener la proporción, así nada se deforma. Es un tamaño que se ve nítido a pantalla completa en casi cualquier portátil y que en un blog o una ficha de producto sobra. Ojo: si tu foto ya es más estrecha, este paso la ampliaría; en ese caso baja el ancho antes de procesar.
-
Convertir imagen
- Formato: WebP (recomendado para webs)
- Calidad: 80 %
Cambia el formato a WebP con calidad 80. Es el formato que el propio Google propone para la web: con la misma calidad aparente ocupa bastante menos que un JPG, y lo abren todos los navegadores actuales.
-
Comprimir imagen
- Calidad: 72 %
Da una última pasada de compresión con calidad 72 y borra los metadatos EXIF: modelo de cámara, fecha y, si el móvil la guardaba, la ubicación GPS. Menos bytes y menos datos personales circulando por internet.
Qué puedes ajustar
- Ancho de destino
- Viene en 1.600 px. Para miniaturas o tarjetas de un listado bastan 800; para una cabecera a todo lo ancho puedes subir a 1.920. También puedes cambiar el modo a «Por alto», «Porcentaje» o a un tamaño predefinido.
- Formato de salida
- WebP viene marcado, pero si tu plantilla o tu gestor de contenidos no lo acepta puedes elegir JPG, que se abre en todas partes, o AVIF, que comprime todavía más.
- Calidad de la conversión
- El deslizador va de 10 a 100 y parte de 80. Por debajo de 60 empiezan a verse manchas en los degradados, como un cielo azul.
- Compresión final
- Calidad 72 y metadatos fuera. Si notas pérdida en fotos con mucho detalle, súbela a 80; si aún pesan demasiado, bájala a 65. Admite además un ancho máximo como tope de seguridad.
Qué te llevas
Te descargas cada foto en WebP, con 1.600 px de ancho y un peso que suele quedarse en unos cientos de KB frente a los varios megas del original. Si procesas un lote, el botón «Descargar todo (ZIP)» te las entrega juntas, listas para arrastrar a WordPress, Shopify o al gestor que uses.
Para quién es
- Quien lleva un blog y quiere dejar de subir fotos de 5 MB que ralentizan cada entrada.
- Tiendas online que necesitan fichas de producto rápidas, porque cada segundo de espera se nota en las ventas.
- Diseñadores y desarrolladores que entregan una web y quieren aprobar el informe de PageSpeed sin trucos.
- Cualquiera que vaya a colgar un portfolio o un álbum y no quiera abrir Photoshop para una tarea tan repetitiva.
Preguntas frecuentes al optimizar imágenes para web
¿Cuánto pesan las fotos después del flujo?
Depende de la imagen, pero una foto de móvil de 3 a 5 MB suele acabar en unos pocos cientos de KB. Las que tienen mucho detalle fino (hojas, arena, texto pequeño) pesan algo más que las de fondos lisos.
¿Se nota la pérdida de calidad?
A tamaño de pantalla, normalmente no. La conversión a WebP con calidad 80 y la compresión a 72 están pensadas para quitar lo que el ojo no aprecia. Si trabajas con fotografía de producto muy detallada, sube ambas calidades unos puntos.
¿Todos los navegadores abren WebP?
Sí: Chrome, Safari, Firefox y Edge lo leen desde hace años. Solo algunos programas de escritorio antiguos o ciertas plataformas lo rechazan; para esos casos cambia el formato a JPG en el segundo paso.
¿Puedo optimizar muchas imágenes a la vez?
Sí. Arrastra todas las fotos juntas: el flujo las procesa una a una con los mismos ajustes y al terminar las descargas en un único ZIP.
¿Necesitas otra combinación? Mira todos los flujos de imagen, vuelve al índice de flujos o monta el tuyo desde cualquier herramienta con «Añadir paso».