본문으로 건너뛰기

브라우저에서 로컬로 모든 처리

Image Machine logo
Image Machine

생동감 및 채도: 클리핑 없이 온라인에서 색상 부스트

조정할 이미지 업로드

지원 형식: JPG, PNG, WEBP, BMP, GIF (비애니메이션)

이미지 업로드

이미지를 붙여넣기(Ctrl/⌘+V)하거나 끌어다 놓기 — 또는 URL로 가져오기

바이브런스는 더 스마트한 비선형 채도 컨트롤입니다. 일반 채도는 모든 색상의 강도에 동일한 배수를 적용해 하늘, 피부, 이미 선명한 색상이 표시 가능한 한계를 넘어 '네온'처럼 클리핑되는 경우가 많습니다. 바이브런스는 중간 채도 색상에 가장 강하고 양쪽 끝으로 갈수록 감소하는 가중치 부스트를 적용합니다. 거의 회색인 픽셀과 이미 선명한 픽셀은 거의 변하지 않고, 채도가 낮은 중간 범위 색상이 가장 큰 부스트를 받습니다. 그 결과 만화같은 과채도 없이 더 풍부하고 생동감 있어 보이는 사진이 됩니다. 이것이 바이브런스가 Lightroom과 대부분의 스마트폰 카메라 앱에서 '팝' 슬라이더로 불리는 이유입니다. 이 도구는 두 가지를 모두 제공합니다. 보호된 비선형 부스트를 위한 바이브런스 슬라이더와 그 위에 클래식한 균등 조정을 위한 채도 슬라이더입니다. 둘 중 하나를 오른쪽으로 드래그하면 색상이 강해지고, 왼쪽으로 드래그하면 회색조 방향으로 억제됩니다. HSL 색상 공간에서 작동하므로 각 픽셀의 채도만 바뀌고 색조와 밝기는 보존됩니다. 완전히 회색인 픽셀은 정확히 회색을 유지합니다. 모든 처리는 HTML 캔버스를 사용해 브라우저에서 로컬로 이루어집니다. 이미지는 업로드되지 않으며, 투명도가 유지되고, 회원가입·워터마크도 없습니다.

자연스러운 채도와 채도, 같은 사진에서 실측

무슨 일이 일어나는가채도 +50자연스러운 채도 +50
끝까지 밀려서 디테일이 사라진 색1,080,000개 픽셀 중 304,138개, 즉 사진의 28.16%가 납작해졌습니다.0개입니다. 작은 값을 반올림해서 0이 된 것이 아닙니다. 자연스러운 채도의 상승폭은 색이 완전 채도에 가까워질수록 0으로 줄어들어서 애초에 선을 넘길 수가 없습니다.
원래 선명하던 색 (0.7 이상, 이 사진에서 294,801개)채도가 0.147 올라갑니다.0.058만 올라갑니다. 2.5배 적습니다. 둘이 갈리는 지점이 여기입니다.
원래 흐릿하던 색 (0.3 미만, 이 사진에서 336,124개)채도가 0.105 올라갑니다.0.080 올라갑니다. 여기서는 둘이 거의 같습니다. 이 차이를 흔히 설명하는 방식과 정반대입니다.
회색그대로입니다. 색이 없는 픽셀에는 곱할 것이 없습니다.같은 이유로 그대로입니다. 두 슬라이더가 모두 0이면 완전한 무동작입니다. 1,080,000개 중 0개가 바뀌었습니다.
색상과 밝기밝기는 255분의 0.5까지, 색상은 10도까지 움직입니다.밝기는 똑같이 255분의 0.5, 색상은 최대 5.14도입니다. 두 슬라이더 모두 투명도는 1바이트도 건드리지 않습니다.

1200x900 사진(1,080,000 픽셀)을 이 페이지가 실제로 쓰는 코드에 그대로 통과시켜 측정했습니다. 대체품이 아니라 브라우저가 돌리는 바로 그 applyVibranceToData입니다. scripts/measure-vibrance.mts로 다시 뽑을 수 있습니다. 두 슬라이더의 차이는 항 하나에서 옵니다. 채도는 곱하기라 상승폭이 원래 채도에 비례해 직선으로 커지고, 자연스러운 채도는 s(1-s)로 가중된 양을 더해서 중간에서 최대이고 양 끝에서 0으로 떨어집니다. +50에서 채도 0.10인 픽셀의 상승폭은 채도가 +0.050, 자연스러운 채도가 +0.045입니다. 0.50에서는 +0.250 대 +0.125, 0.90에서는 +0.100 대 +0.045입니다. 다만 0.75와 0.90에서는 채도가 이미 천장에 부딪혀 멈춰 있고, 납작해진 304,138개 픽셀이 바로 그것입니다. 그러므로 실용적인 규칙은 '자연스러운 채도가 흐린 색을 더 올려 준다'가 아닙니다. 그렇지 않습니다. 자연스러운 채도가 선명한 색을 건드리지 않는다는 것이고, 가장 먼저 망가지는 것이 그 선명한 색입니다. 흔한 설명에 대한 정직한 정정도 하나 있습니다. 확인하기 전에는 이 페이지도 그렇게 적고 있었습니다. 색상은 완벽하게 보존되지 않습니다. HSL로 바꾸고 채널 하나를 고친 뒤 되돌리면 정수 바이트로 반올림되는데, 회색에 가까운 색이 바로 1단위 반올림이 색상을 가장 크게 흔드는 지점입니다. 자연스러운 채도에서 최대 5.14도, 채도에서 최대 10도이고 그 정도면 눈에 보이지 않습니다. 다만 이건 주장이 아니라 측정값입니다.

사용 방법

1

도구 선택

168+개의 도구 중에서 골라 이미지를 크기 조정, 변환, 압축하거나 향상시키세요.

2

업로드 및 편집

이미지를 끌어다 놓고 설정을 조정하세요. 파일은 기기에 그대로 유지됩니다.

3

다운로드

결과물을 즉시 저장하세요. 워터마크도, 가입도 필요 없습니다.

왜 Image Machine인가요?

파일이 기기를 벗어나지 않습니다

모든 처리는 브라우저에서 로컬로 실행됩니다. 이미지가 서버에 업로드되는 일은 절대 없습니다.

완전 무료

모든 도구가 무료이며, 사용 제한도, 워터마크도, 숨겨진 비용도 없습니다.

번개처럼 빠른 속도

업로드 대기 없이 이미지가 사용자의 기기에서 즉시 처리됩니다.

전문가급 품질

픽셀 단위까지 완벽한 결과물, 포맷·크기·품질을 자유롭게 제어할 수 있습니다.

자주 묻는 질문

바이브런스와 채도의 차이는 무엇인가요?

채도는 모든 픽셀의 색감을 동일한 비율로 곱하므로, 칙칙한 색상과 선명한 색상 모두를 부스트합니다. 이미 선명한 색상이 표시 가능한 한계를 넘어 '네온'처럼 클리핑되기 쉽습니다. 바이브런스는 대신 가중치 부스트를 적용합니다. 중간 채도 색상에 가장 강하고 양쪽 끝으로 갈수록 감소하므로, 거의 회색이거나 이미 선명한 색상은 거의 변하지 않고 채도가 낮은 중간 범위가 가장 많이 향상됩니다. 간단히 말해 채도는 균일한 부스트이고 바이브런스는 보호된 부스트입니다. 가장 채도가 높은 영역을 날려버리지 않고 더 풍부한 색상을 원할 때 바이브런스를 선택하세요.

인물 사진과 피부 톤에 바이브런스가 더 좋은가요?

보통 그렇습니다. 바이브런스는 어느 정도 채도가 있는 색상에 평평한 채도 부스트보다 덜 부스트를 추가하고 색상이 완전한 채도에 가까워질수록 더 줄이므로, 피부 톤이나 이미 채도가 있는 영역에 더 친절합니다. 인물 사진에 생기를 더하면서 피부가 주황색이나 얼룩덜룩해지지 않습니다. 좋은 워크플로는 대부분의 향상을 바이브런스에 기대고 전체 이미지가 여전히 평탄해 보이면 적은 양의 채도를 추가하는 것입니다.

이 슬라이더로 색상을 억제하거나 사진을 회색조로 만들 수 있나요?

네. 두 슬라이더 모두 음수 방향으로도 작동합니다. 채도를 완전히 왼쪽으로 드래그하면 모든 색상을 회색조로 당기거나, 중간쯤으로 하면 희미하고 억제된 필름 룩이 됩니다. 음수 바이브런스는 동일한 보호 가중치를 사용해 색상을 줄입니다. 완전히 회색인 픽셀은 항상 회색을 유지합니다. 이는 이미지를 완전히 평탄하게 만들지 않고 과채도된 이미지의 색조를 낮추는 데 유용합니다.

이미지가 업로드되나요? 그리고 투명도가 유지되나요?

업로드 없음. 바이브런스·채도는 HTML 캔버스를 사용해 전적으로 브라우저에서 실행되므로 이미지는 절대 내 기기를 떠나지 않으며, 페이지가 한 번 로드된 뒤에는 오프라인에서도 동작합니다. 조정은 HSL 색상 공간에서 이루어지며 각 픽셀의 채도만 변경됩니다. 색조와 밝기는 보존되고, 완전히 회색인 픽셀은 정확히 회색을 유지하며, 알파 채널은 그대로 남아 PNG의 투명 영역이 보존됩니다. 회원가입·워터마크가 없습니다.

편집 도구

이미지 뒤집기

GIF를 스프라이트 시트로

채널 믹서

필름 그레인

틸트-시프트

픽셀 정렬