Перейти к основному содержимому

Вся обработка происходит локально в вашем браузере

Image Machine logo
Image Machine

Вибрация и Насыщенность — Усиление цвета онлайн без отсечения

Загрузите изображение для настройки

Принимаемые форматы: JPG, PNG, WEBP, BMP, GIF (не анимированные)

Загрузить Изображение

Вставьте (Ctrl/⌘+V) или перетащите изображение — либо импортируйте по URL

Вибрантность — это более умный, нелинейный контроль насыщенности. Обычная «Насыщенность» умножает интенсивность каждого цвета на одно и то же значение — быстро толкая небо, кожу и уже яркие цвета за пределы отображаемого, создавая грубый, обрезанный «неоновый» вид — а «Вибрантность» применяет взвешенный подъём, абсолютная величина которого наибольшая для цветов средней насыщенности и спадает к обоим краям. Почти серые и уже яркие пиксели меняются меньше всего, тогда как приглушённые цвета среднего диапазона получают наибольший подъём. Результат — фото, которое выглядит богаче и живее без мультяшной пересыщенности, поэтому «Вибрантность» — это дежурный ползунок «сделай ярче» в Lightroom и большинстве приложений камер. Этот инструмент даёт вам оба варианта: ползунок «Вибрантность» для защищённого нелинейного подъёма и ползунок «Насыщенность» для классической равномерной коррекции сверху. Тяните любой вправо для усиления цвета или влево для приглушения изображения до серого. Работает в цветовом пространстве HSL, поэтому меняется только насыщенность каждого пикселя — оттенок и светлота сохраняются, полностью серые пиксели остаются точно серыми. Всё работает локально на HTML canvas в браузере: изображение никогда не загружается, прозрачность сохраняется, без регистрации и водяных знаков.

Сочность и насыщенность, измеренные на одной и той же фотографии

Что происходитНасыщенность +50Сочность +50
Цвет, доведённый до предела, у которого детали уже нет304 138 пикселей из 1 080 000, то есть 28,16 % фотографии, оказались сплющены.0 пикселей. Это не маленькое число, округлённое вниз: прибавка сочности сходит на нет по мере приближения цвета к полной насыщенности, поэтому она попросту не может ничего вытолкнуть за край.
Цвет, который и так был ярким (0,7 и выше, здесь 294 801 пиксель)Получает 0,147 насыщенности.Получает 0,058, то есть в 2,5 раза меньше. Именно здесь эти двое расходятся.
Приглушённый цвет (ниже 0,3, здесь 336 124 пикселя)Получает 0,105 насыщенности.Получает 0,080. Здесь они почти совпадают, что противоположно тому, как обычно объясняют эту разницу.
СерыйНе затронут. У пикселя без цвета нечего умножать.Не затронут по той же причине. Оба ползунка на 0 дают точную пустую операцию: изменилось 0 из 1 080 000 пикселей.
Тон и светлотаСветлота смещается не более чем на 0,5 из 255. Тон не более чем на 10 градусов.Светлота на те же 0,5 из 255. Тон не более чем на 5,14 градуса. Ни один из ползунков не пишет ни одного байта прозрачности.

Измерено на фотографии 1200 x 900 (1 080 000 пикселей), пропущенной через собственный код этой страницы, через ту самую функцию applyVibranceToData, которую запускает браузер, а не через замену. Воспроизводится командой scripts/measure-vibrance.mts. Ползунки различаются одним слагаемым: насыщенность умножает, поэтому её прибавка растёт по прямой вместе с тем, насколько пиксель уже был насыщен, тогда как сочность прибавляет величину с весом s(1-s), максимальную в середине и падающую до нуля на обоих концах. При +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, изменение одного канала и обратный перевод округляют до целых байтов, а почти серые цвета как раз и есть то место, где округление на одну единицу уводит тон дальше всего. 5,14 градуса в худшем случае при сочности, 10 при насыщенности, и на таком масштабе это незаметно. Но это измерено, а не заявлено.

Как Это Работает

1

Выберите инструмент

Выбирайте из 168+ инструментов для изменения размера, конвертации, сжатия или улучшения изображения.

2

Загрузите и редактируйте

Перетащите изображение и настройте параметры. Оно остаётся на вашем устройстве.

3

Скачайте

Мгновенно сохраните результат — без водяных знаков и без регистрации.

Почему Image Machine?

Ваши файлы никогда не покидают устройство

Вся обработка происходит локально в вашем браузере. Ваши изображения никогда не загружаются на сервер.

Полностью бесплатно

Каждый инструмент бесплатен — без ограничений, водяных знаков и скрытых платежей.

Молниеносная скорость

Никакого ожидания загрузки — ваши изображения обрабатываются мгновенно на вашем устройстве.

Профессиональное качество

Безупречный результат с полным контролем над форматом, размером и качеством.

Часто Задаваемые Вопросы

В чём разница между «Вибрантностью» и «Насыщенностью»?

«Насыщенность» умножает яркость цвета каждого пикселя на одно и то же значение, поэтому она поднимает тусклые и яркие цвета одинаково — что быстро толкает уже яркие цвета за пределы отображаемого, создавая грубый, обрезанный «неоновый» вид. «Вибрантность» вместо этого применяет взвешенный подъём: добавляемый подъём наибольший для цветов средней насыщенности и уменьшается к обоим краям, поэтому почти серые и уже яркие цвета меняются мало, а приглушённый средний диапазон получает больше всего. Коротко: «Насыщенность» — равномерный подъём, а «Вибрантность» — защищённый; выбирайте «Вибрантность», когда хотите более богатый цвет без засветки самых ярких насыщенных областей.

«Вибрантность» лучше для портретов и тонов кожи?

Обычно да. Поскольку «Вибрантность» добавляет меньше подъёма по сравнению с «Насыщенностью» для любого цвета с уже некоторой насыщенностью — и спадает дальше, когда цвета приближаются к полной насыщенности — она бережнее к тонам кожи и другим уже насыщенным областям, поэтому она придаёт живость портрету, не делая кожу оранжевой или пятнистой. Хороший рабочий процесс — полагаться на «Вибрантность» для основного подъёма и добавить лишь небольшое количество «Насыщенности», если изображение всё ещё выглядит плоским.

Можно использовать эти ползунки для приглушения цветов или обесцвечивания фото?

Да. Оба ползунка работают и в отрицательном направлении. Потяните «Насыщенность» полностью влево, чтобы свести все цвета к серому, или частично для выцветшего, приглушённого плёночного вида. Отрицательная «Вибрантность» спускает цвета вниз с той же защитной взвешенностью — полностью серый пиксель всегда остаётся серым — что удобно для приглушения слишком красочного изображения без полного выравнивания.

Изображение загружается, и сохраняется ли прозрачность?

Нет загрузки — «Вибрантность и Насыщенность» работает полностью в браузере на HTML canvas, поэтому изображение никогда не покидает устройство и работает офлайн после загрузки страницы. Коррекция выполняется в цветовом пространстве HSL и меняет только насыщенность каждого пикселя: оттенок и светлота сохраняются, полностью серые пиксели остаются точно серыми, а альфа-канал остаётся нетронутым, поэтому прозрачные области PNG остаются прозрачными. Без регистрации и водяных знаков.

Инструменты Редактирования

Отразить изображение

GIF в спрайт-лист

Микшер каналов

Пленочное зерно

Тилт-шифт

Сортировка пикселей