Saltar al contenido principal

Todo el procesamiento ocurre localmente en tu navegador

Image Machine logo
Image Machine

Intensidad y Saturación — Realza el color online sin recortes

Sube una imagen para ajustar

Formatos aceptados: JPG, PNG, WEBP, BMP, GIF (no animado)

Subir Imagen

Pega (Ctrl/⌘+V) o suelta una imagen — o impórtala desde una URL

La vibración es un control de saturación más inteligente y no lineal. Donde la Saturación ordinaria multiplica la intensidad de cada color por la misma cantidad — empujando rápidamente los cielos, pieles y colores ya brillantes más allá del punto que pueden mostrarse, dando ese look duro y recortado de 'neón' — la Vibración aplica un aumento ponderado cuyo incremento absoluto es más fuerte para los colores de saturación media y disminuye hacia ambos extremos. Los píxeles casi grises y los ya vívidos cambian menos, mientras que los colores apagados de rango medio reciben el mayor impulso. El resultado es una foto que parece más rica y viva sin la sobresaturación caricaturesca, que es por eso que la Vibración es el control deslizante de 'hacerlo brillar' en Lightroom y la mayoría de aplicaciones de cámara de teléfono. Esta herramienta te da ambas: un control deslizante de Vibración para el aumento protegido y no lineal y un control deslizante de Saturación para un ajuste uniforme clásico por encima. Arrastra cualquiera a la derecha para intensificar el color, o a la izquierda para atenuar la imagen hacia el gris. Funciona en el espacio de color HSL, así que solo cambia la saturación de cada píxel — el matiz y la luminosidad se conservan, y los píxeles completamente grises permanecen exactamente grises. Todo se ejecuta localmente en el canvas HTML en tu navegador: tu imagen nunca se sube, la transparencia se conserva, y no hay registro ni marca de agua.

Intensidad y saturación, medidas sobre la misma foto

Qué ocurreSaturación +50Intensidad +50
Color empujado al máximo, donde su detalle ya no está304.138 píxeles de 1.080.000, el 28,16 % de la foto, aplanados.0 píxeles. No es un número pequeño redondeado a la baja: el empuje de la intensidad se reduce a nada a medida que un color se acerca a la saturación plena, así que no puede llevar nada más allá del borde.
Color que ya era vivo (0,7 o más, aquí 294.801 píxeles)Gana 0,147 de saturación.Gana 0,058, es decir 2,5 veces menos. Aquí es donde ambas discrepan.
Color apagado (por debajo de 0,3, aquí 336.124 píxeles)Gana 0,105 de saturación.Gana 0,080. Aquí casi coinciden, que es lo contrario de como suele explicarse la diferencia.
GrisIntacto. Un píxel sin color no tiene nada que multiplicar.Intacto, por la misma razón. Ambos controles a 0 son una operación nula exacta: 0 de 1.080.000 píxeles cambiaron.
Tono y luminosidadLa luminosidad se mueve como mucho 0,5 sobre 255. El tono como mucho 10 grados.La luminosidad, los mismos 0,5 sobre 255. El tono, como mucho 5,14 grados. Ninguno de los dos controles escribe un solo byte de transparencia.

Medido sobre una fotografía de 1200 x 900 (1.080.000 píxeles) pasada por el propio código de esta página, el mismo applyVibranceToData que ejecuta el navegador, no un sustituto. Se reproduce con scripts/measure-vibrance.mts. Los dos controles difieren por un único término: la saturación multiplica, de modo que su empuje crece en línea recta con lo saturado que ya estaba el píxel, mientras que la intensidad suma una cantidad ponderada por s(1-s), que alcanza su máximo en el centro y cae a cero en ambos extremos. A +50, el empuje sobre un píxel de saturación 0,10 es de +0,050 para la saturación y +0,045 para la intensidad; a 0,50 es +0,250 frente a +0,125; y a 0,90 es +0,100 frente a +0,045. Solo que a 0,75 y 0,90 la saturación ya ha chocado con el techo y se ha detenido, y eso es exactamente lo que son esos 304.138 píxeles aplanados. Así que la regla práctica no es que la intensidad realce más los colores apagados, porque no lo hace. Es que la intensidad deja en paz al color vivo, y el color vivo es lo primero que se rompe. Una corrección honesta a lo que suele afirmarse, esta página incluida hasta que se comprobó: el tono no se conserva perfectamente. Convertir a HSL, cambiar un canal y volver a convertir redondea a bytes enteros, y los colores casi grises son donde un redondeo de una sola unidad desvía más el tono. 5,14 grados en el peor caso con la intensidad, 10 con la saturación, e invisible a ese tamaño. Pero medido, no afirmado.

Cómo funciona

1

Elige una herramienta

Elige entre 168+ herramientas para redimensionar, convertir, comprimir o mejorar tu imagen.

2

Sube y edita

Arrastra y suelta tu imagen y ajusta la configuración. Permanece en tu dispositivo.

3

Descarga

Guarda tu resultado al instante: sin marca de agua y sin necesidad de registro.

¿Por qué Image Machine?

Tus archivos nunca salen de tu dispositivo

Todo el procesamiento se realiza localmente en tu navegador. Tus imágenes nunca se suben a un servidor.

Completamente gratis

Todas las herramientas son gratuitas, sin límites, sin marcas de agua y sin costes ocultos.

Increíblemente rápido

Sin esperas de subida: tus imágenes se procesan al instante en tu propio dispositivo.

Calidad profesional

Resultados perfectos hasta el último píxel, con control total sobre el formato, el tamaño y la calidad.

Preguntas frecuentes

¿Cuál es la diferencia entre Vibración y Saturación?

La Saturación multiplica la vivacidad de cada píxel por el mismo factor, así que aumenta los colores apagados y los vívidos por igual — lo que rápidamente empuja los colores ya brillantes más allá del punto que pueden mostrarse, dando ese look duro y recortado de 'neón'. La Vibración aplica un aumento ponderado en su lugar: el incremento que añade es más fuerte para los colores de saturación media y se estrecha hacia ambos extremos, así que los colores casi grises y los ya vívidos cambian poco mientras el rango medio apagado gana más. En resumen, la Saturación es un aumento uniforme y la Vibración es uno protegido — recurre a la Vibración cuando quieras un color más rico sin arruinar las áreas más brillantes y saturadas.

¿Es la vibración mejor para retratos y tonos de piel?

Generalmente, sí. Dado que la Vibración añade menos aumento que una subida plana de Saturación a cualquier color que ya tenga algo de saturación — y se suaviza aún más a medida que los colores se acercan a la saturación completa — es más amable con los tonos de piel y otras áreas ya coloridas, así que añade vida a un retrato sin volver la piel naranja o irregular. Un buen flujo de trabajo es apoyarse en la Vibración para la mayor parte del impulso y añadir solo una pequeña cantidad de Saturación si la imagen general aún parece plana.

¿Puedo usar estos controles deslizantes para atenuar los colores o hacer una foto en escala de grises?

Sí. Ambos controles deslizantes también funcionan en dirección negativa. Arrastra la Saturación completamente a la izquierda para llevar cada color hasta la escala de grises, o a mitad de camino para un look de película desvanecido y atenuado. La Vibración negativa suaviza los colores usando la misma ponderación protectora — un píxel completamente gris siempre permanece gris — lo que es útil para atenuar una imagen demasiado colorida sin aplanarla completamente.

¿Se sube mi imagen y conserva la transparencia?

Sin subida — Vibración y Saturación se ejecutan íntegramente en tu navegador en el canvas HTML, así que tu imagen nunca abandona tu dispositivo y funciona sin conexión una vez cargada la página. El ajuste se hace en el espacio de color HSL y solo cambia la saturación de cada píxel: el matiz y la luminosidad se conservan, los píxeles completamente grises permanecen exactamente grises, y el canal alfa se deja intacto así que las áreas transparentes de un PNG siguen siendo transparentes. No hay registro ni marca de agua.

Herramientas de Edición

Voltear imagen

GIF a Hoja de Sprites

Mezclador de canales

Grano de película

Tilt-Shift

Ordenación de píxeles