Загрузите изображение для настройки
Принимаемые форматы: 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 при насыщенности, и на таком масштабе это незаметно. Но это измерено, а не заявлено.
Как Это Работает
Выберите инструмент
Выбирайте из 168+ инструментов для изменения размера, конвертации, сжатия или улучшения изображения.
Загрузите и редактируйте
Перетащите изображение и настройте параметры. Оно остаётся на вашем устройстве.
Скачайте
Мгновенно сохраните результат — без водяных знаков и без регистрации.
Почему Image Machine?
Ваши файлы никогда не покидают устройство
Вся обработка происходит локально в вашем браузере. Ваши изображения никогда не загружаются на сервер.
Полностью бесплатно
Каждый инструмент бесплатен — без ограничений, водяных знаков и скрытых платежей.
Молниеносная скорость
Никакого ожидания загрузки — ваши изображения обрабатываются мгновенно на вашем устройстве.
Профессиональное качество
Безупречный результат с полным контролем над форматом, размером и качеством.
Часто Задаваемые Вопросы
В чём разница между «Вибрантностью» и «Насыщенностью»?
«Насыщенность» умножает яркость цвета каждого пикселя на одно и то же значение, поэтому она поднимает тусклые и яркие цвета одинаково — что быстро толкает уже яркие цвета за пределы отображаемого, создавая грубый, обрезанный «неоновый» вид. «Вибрантность» вместо этого применяет взвешенный подъём: добавляемый подъём наибольший для цветов средней насыщенности и уменьшается к обоим краям, поэтому почти серые и уже яркие цвета меняются мало, а приглушённый средний диапазон получает больше всего. Коротко: «Насыщенность» — равномерный подъём, а «Вибрантность» — защищённый; выбирайте «Вибрантность», когда хотите более богатый цвет без засветки самых ярких насыщенных областей.
«Вибрантность» лучше для портретов и тонов кожи?
Обычно да. Поскольку «Вибрантность» добавляет меньше подъёма по сравнению с «Насыщенностью» для любого цвета с уже некоторой насыщенностью — и спадает дальше, когда цвета приближаются к полной насыщенности — она бережнее к тонам кожи и другим уже насыщенным областям, поэтому она придаёт живость портрету, не делая кожу оранжевой или пятнистой. Хороший рабочий процесс — полагаться на «Вибрантность» для основного подъёма и добавить лишь небольшое количество «Насыщенности», если изображение всё ещё выглядит плоским.
Можно использовать эти ползунки для приглушения цветов или обесцвечивания фото?
Да. Оба ползунка работают и в отрицательном направлении. Потяните «Насыщенность» полностью влево, чтобы свести все цвета к серому, или частично для выцветшего, приглушённого плёночного вида. Отрицательная «Вибрантность» спускает цвета вниз с той же защитной взвешенностью — полностью серый пиксель всегда остаётся серым — что удобно для приглушения слишком красочного изображения без полного выравнивания.
Изображение загружается, и сохраняется ли прозрачность?
Нет загрузки — «Вибрантность и Насыщенность» работает полностью в браузере на HTML canvas, поэтому изображение никогда не покидает устройство и работает офлайн после загрузки страницы. Коррекция выполняется в цветовом пространстве HSL и меняет только насыщенность каждого пикселя: оттенок и светлота сохраняются, полностью серые пиксели остаются точно серыми, а альфа-канал остаётся нетронутым, поэтому прозрачные области PNG остаются прозрачными. Без регистрации и водяных знаков.