Pular para o conteúdo principal

Todo processamento feito localmente no seu navegador

Image Machine logo
Image Machine

Vibrância e Saturação — Aumente as Cores Online Sem Estourar

Carregue uma imagem para ajustar

Formatos aceitos: JPG, PNG, WEBP, BMP, GIF (não animado)

Enviar Imagem

Cole (Ctrl/⌘+V) ou solte uma imagem — ou importe de uma URL

Vibrance é um controle de saturação mais inteligente e não linear. Enquanto a Saturação comum multiplica a intensidade de cada cor pelo mesmo valor — rapidamente empurrando céus, pele e cores já vívidas além do que pode ser exibido, dando aquele visual duro e recortado de 'neon' — Vibrance aplica um boost ponderado cujo aumento absoluto é mais forte para cores de média saturação e diminui em direção aos dois extremos. Pixels quase cinzentos e já muito vívidos mudam o mínimo, enquanto as cores médias e suaves recebem o maior boost. O resultado é uma foto que parece mais rica e viva sem a supersaturação caricata, que é por isso que Vibrance é o controle deslizante 'deixar pop' no Lightroom e na maioria dos apps de câmera de celular. Esta ferramenta oferece ambos: um controle de Vibrance para o boost não linear protegido e um controle de Saturação para um ajuste uniforme clássico por cima. Arraste qualquer um para a direita para intensificar a cor, ou para a esquerda para suavizar a imagem em direção à escala de cinza. Funciona no espaço de cor HSL, então apenas a saturação de cada pixel muda — o matiz e a luminosidade são preservados e pixels completamente cinzentos permanecem exatamente cinzentos. Tudo roda localmente no canvas HTML no seu navegador: sua imagem nunca é enviada, transparência é mantida e sem cadastro e sem marca d'água.

Vibração e saturação, medidas na mesma foto

O que aconteceSaturação +50Vibração +50
Cor empurrada ao máximo, onde o detalhe dela já se foi304.138 pixels de 1.080.000, ou seja 28,16 % da foto, achatados.0 pixel. Não é um número pequeno arredondado para baixo: o ganho da vibração encolhe até nada conforme a cor se aproxima da saturação plena, então ela não consegue empurrar nada para além do limite.
Cor que já era viva (0,7 ou mais, aqui 294.801 pixels)Ganha 0,147 de saturação.Ganha 0,058, ou seja 2,5 vezes menos. É aqui que as duas discordam.
Cor apagada (abaixo de 0,3, aqui 336.124 pixels)Ganha 0,105 de saturação.Ganha 0,080. Aqui as duas quase coincidem, o que é o oposto de como a diferença costuma ser explicada.
CinzaIntocado. Um pixel sem cor não tem o que multiplicar.Intocado, pela mesma razão. Os dois controles em 0 são uma operação nula exata: 0 de 1.080.000 pixels mudaram.
Matiz e brilhoO brilho se desloca no máximo 0,5 de 255. O matiz no máximo 10 graus.O brilho, os mesmos 0,5 de 255. O matiz no máximo 5,14 graus. Nenhum dos dois controles escreve um único byte de transparência.

Medido em uma fotografia de 1200 x 900 (1.080.000 pixels) passada pelo próprio código desta página, o mesmo applyVibranceToData que o navegador executa, e não um substituto. Reproduza com scripts/measure-vibrance.mts. Os dois controles diferem por um único termo: a saturação multiplica, então o ganho dela cresce em linha reta com o quanto o pixel já estava saturado, enquanto a vibração soma uma quantidade ponderada por s(1-s), que é máxima no meio e cai a zero nas duas pontas. Em +50, o ganho num pixel de saturação 0,10 é de +0,050 para a saturação e +0,045 para a vibração; em 0,50 é +0,250 contra +0,125; e em 0,90 é +0,100 contra +0,045. Só que em 0,75 e 0,90 a saturação já bateu no teto e parou, e esses 304.138 pixels achatados são exatamente isso. Portanto a regra prática não é que a vibração realça mais as cores apagadas, porque não realça. É que a vibração deixa a cor viva em paz, e a cor viva é o que quebra primeiro. Uma correção honesta ao que costuma ser afirmado, esta página inclusive até ser verificada: o matiz não é perfeitamente preservado. Converter para HSL, mudar um canal e converter de volta arredonda para bytes inteiros, e as cores quase cinzas são justamente onde um arredondamento de uma única unidade desvia mais o matiz. 5,14 graus no pior caso com a vibração, 10 com a saturação, e invisível nesse tamanho. Mas medido, não afirmado.

Como funciona

1

Escolha uma ferramenta

Escolha entre 168+ ferramentas para redimensionar, converter, comprimir ou melhorar sua imagem.

2

Envie e edite

Arraste e solte sua imagem e ajuste as configurações. Ela permanece no seu dispositivo.

3

Baixe

Salve seu resultado instantaneamente: sem marca d'água e sem precisar de cadastro.

Por que o Image Machine?

Seus arquivos nunca saem do seu dispositivo

Todo o processamento acontece localmente no seu navegador. Suas imagens nunca são enviadas para um servidor.

Totalmente gratuito

Todas as ferramentas são gratuitas, sem limites, sem marcas d'água e sem custos ocultos.

Extremamente rápido

Sem espera de upload: suas imagens são processadas instantaneamente no seu próprio dispositivo.

Qualidade profissional

Resultado perfeito até o último pixel, com controle total sobre formato, tamanho e qualidade.

Perguntas frequentes

Qual é a diferença entre Vibrance e Saturação?

Saturação multiplica a coloridade de cada pixel pelo mesmo fator, então aumenta cores opacas e vívidas igualmente — o que rapidamente empurra cores já brilhantes além do que podem ser exibidas, dando o visual duro e recortado de 'neon'. Vibrance aplica um boost ponderado em vez disso: o aumento que adiciona é mais forte para cores de média saturação e diminui em direção aos dois extremos, então cores quase cinzentas e já vívidas mudam pouco enquanto a faixa média e suave ganha mais. Em resumo, Saturação é um boost uniforme e Vibrance é um boost protegido — use Vibrance quando quiser cores mais ricas sem estourar as áreas mais brilhantes e mais saturadas.

Vibrance é melhor para retratos e tons de pele?

Geralmente sim. Como Vibrance adiciona menos boost do que uma elevação plana de Saturação para qualquer cor que já tem alguma saturação — e alivia mais conforme as cores se aproximam da saturação total — é mais gentil com tons de pele e outras áreas já coloridas, então adiciona vida a um retrato sem tornar a pele laranja ou manchada. Um bom fluxo de trabalho é confiar no Vibrance para a maior parte do aumento e adicionar apenas uma pequena quantidade de Saturação se a imagem geral ainda parecer plana.

Posso usar esses controles para suavizar cores ou tornar uma foto em escala de cinza?

Sim. Ambos os controles também funcionam na direção negativa. Arraste a Saturação totalmente para a esquerda para puxar cada cor completamente para escala de cinza, ou no meio do caminho para um visual desbotado e suave de filme. Vibrance negativo alivia as cores usando a mesma ponderação protetora — um pixel completamente cinzento sempre fica cinzento — o que é prático para suavizar uma imagem com excesso de cor sem achatá-la completamente.

Minha imagem é enviada e ela mantém a transparência?

Sem upload — Vibrance e Saturação ocorrem inteiramente no seu navegador no canvas HTML, então sua imagem nunca sai do seu dispositivo e funciona offline após o carregamento da página. O ajuste é feito no espaço de cor HSL e altera apenas a saturação de cada pixel: o matiz e a luminosidade são preservados, pixels completamente cinzentos ficam exatamente cinzentos e o canal alfa fica intocado, então áreas transparentes de um PNG permanecem transparentes. Sem cadastro e sem marca d'água.

Ferramentas de Edição

Inverter Imagem

GIF para Sprite Sheet

Mixer de Canais

Granulação de Filme

Tilt-Shift

Classificação de Pixels