Фильтры Изображений

Нажмите или перетащите для загрузки

JPG / PNG / WEBP / GIF

Загрузите изображение для предпросмотра здесь

Применяйте 8 профессиональных фильтров к фото онлайн: чёрно-белый, сепия, инверсия, размытие, яркость, контраст, насыщенность и поворот оттенка — каждый с интенсивностью 0-200% и превью в реальном времени. Что видите, то и экспортируете.

Что такое фильтры изображений?

Фильтры изображений — это набор техник, которые отображают значения пикселей в новые значения с помощью математических преобразований. Наиболее распространённым стандартом в вебе и на мобильных устройствах является CSS-свойство filter (blur / brightness / contrast / grayscale / sepia / saturate / hue-rotate / invert). Этот инструмент построен на тех же API в Canvas, поэтому фильтры можно накладывать одним кликом.

**Отличие от редактора фото:** Профессиональные редакторы (Photoshop, Lightroom) поддерживают локальные кисти, слои и маски. Этот инструмент занимается цветокоррекцией всего изображения и пакетным применением фильтров. Он легче, быстрее и лучше подходит, когда не нужна тонкая локальная правка.

**Чёрно-белый vs сепия:** ЧБ унифицирует RGB по воспринимаемой яркости (взвешивание ITU-R BT.601) и убирает весь цвет. Сепия добавляет коричневый оттенок поверх серой основы, давая более сильное ощущение ностальгии.

**Почему наложение такого количества эффектов не искажает?** Фильтры — это попиксельная математика, они никогда не меняют структуру пикселей. Любая комбинация в диапазоне 0-200% сохраняет изображение, хотя результат может быть драматичным. Тестируйте небольшими шагами.

Варианты использования

Быстро скорректируйте недодержанные или блёклые фото с помощью яркости, контраста и насыщенности
Добавьте винтажный, чёрно-белый или инвертированный стиль к изображениям для соцсетей
Унифицируйте цветовой тон или быстро улучшите главные фото и素材ы карточек товаров e-commerce
Настройте насыщенность и оттенок для фото на документы, аватаров или фоновых цветов портрета
Примените инверсию к дизайн-эскизам или UI-скриншотам для визуального тестирования
Используйте размытие для маскировки личных данных (номера телефонов, адресов) на скриншотах

Как использовать

Загрузите изображение, к которому хотите применить фильтр (JPG / PNG / WEBP / GIF)
Выберите один из 8 базовых фильтров в сетке миниатюр: ЧБ / сепия / инверсия / размытие / яркость / контраст / насыщенность / поворот оттенка
Перетащите ползунок интенсивности для точной настройки (0% выкл, 100% стандарт, 200% максимум) и смотрите превью в реальном времени
Накладывайте дополнительные эффекты, переключаясь на другие фильтры и регулируя интенсивность, чтобы собрать идеальный тон
Нажмите «Скачать» для экспорта в PNG; к имени файла автоматически добавляется суффикс _filtered

Функции

8 встроенных эффектов: ЧБ, сепия, инверсия, размытие, яркость, контраст, насыщенность, поворот оттенка
Интенсивность 0-200%: у каждого фильтра свой ползунок, 100% — стандарт, 200% — максимум
Превью в реальном времени: переключение и настройка применяются мгновенно, без повторного экспорта
Поддержка всех форматов: JPG / PNG / WEBP / GIF и другие популярные форматы изображений
Сброс одним кликом: очищает все фильтры и восстанавливает оригинал для сравнения стилей
Локальная обработка: все фильтры выполняются в Canvas браузера, файлы не покидают устройство

Best Practices

Порядок коррекции: сначала экспозиция, потом цвет, в конце стиль

Рекомендуемый рабочий процесс: сначала настройте яркость и контраст для коррекции экспозиции, затем насыщенность для исправления цвета, и в конце добавьте стилизующие фильтры вроде ЧБ, сепии или поворота оттенка. Это соответствует логике Photoshop и предотвращает ситуацию, когда сильный стилевой фильтр маскирует проблемы экспозиции в начале.

Начинайте ползунок интенсивности с 50%, не сразу на 200%

Большинство фильтров лучше всего работают в диапазоне 50-150%. Сразу прыгать на 200% — частая причина клиппинга насыщенности, искажения оттенка или избыточного размытия. Начните с 100% для оценки и далее регулируйте шагами ±20%.

Держите насыщенность 100-150% во избежание клиппинга цвета

Насыщенность выше 150% приводит к выходу красного и жёлтого за границы и потере деталей. Выше 200% могут появиться необратимые цветовые блоки. Диапазон 0-200% создан для креативных эффектов; для ежедневной коррекции идеально 80-130%.

ЧБ + умеренный контраст = классический документальный стиль

Чисто чёрно-белое может выглядеть плоско. Попробуйте ЧБ 100% плюс контраст 110-130% плюс небольшую коррекцию яркости (в зависимости от исходной экспозиции). Такая комбинация имитирует документальный стиль эпохи плёнки и была самым популярным рецептом ЧБ в раннем Instagram.

Сепия подходит для старых фото и ностальгии, не для современных товаров

Коричневый тон сепии сильно меняет цветовую палитру, поэтому хорошо сочетается с ностальгией, документальной работой и обложками видео. Для главных фото e-commerce, UI-скриншотов или технологичных товаров сепия делает продукт устаревшим и непрофессиональным, нарушая реалистичность товара.

Размытие выше 30 уже даёт заметный эффект боке

Ползунок размытия 0-200% соответствует радиусу 0-20px. Интенсивность 30 (3px) даёт лёгкую мягкость. Интенсивность 50 (5px) подходит для имитации боке фона. Интенсивность 100 (10px) и выше подходит для маскировки личных данных или выделения объекта на портрете.

Поворот оттенка 0/360/720 возвращает к исходному цвету

Оттенок — это циклическое цветовое пространство. Интенсивность 0-200 соответствует повороту 0°-360°. Интенсивность 100 эквивалентна 180° (дополнительный цвет), 200 возвращает к исходному. Для креативной коррекции оставайтесь в диапазоне 10-30; выше 50 естественный цвет объектов резко меняется.

После цветокоррекции используйте компрессор для уменьшения размера

Этот инструмент экспортирует в PNG без потерь, что может быть объёмным. Для веб-страниц, вложений почты или загрузок в соцсети продолжите работу компрессором изображений — обычно можно сэкономить 50-80% размера без видимой потери качества, конвертируя PNG в JPG.

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

Какие фильтры изображений доступны? Можно сделать ЧБ и винтаж?

Встроено 8 профессиональных фильтров: чёрно-белый, сепия, инверсия, размытие, яркость, контраст, насыщенность и поворот оттенка. Один клик создаёт винтажный стиль, художественное ЧБ-фото или эффект мечтательного размытия. Все фильтры поддерживают интенсивность 0-200%; 1% уже даёт тонкие изменения, 100% — стандарт, 200% — максимум.

Можно ли сделать эффект фильтра сильнее или слабее?

Да. У каждого фильтра есть независимый ползунок интенсивности. 0% — выключено, 100% — стандарт, 200% — максимум. Например, насыщенность 50% лишь слегка усиливает цвета, 150% мгновенно даёт плёночный вид. Поворот оттенка 50 соответствует 90°, 200 возвращает исходный цвет.

Фото слишком тёмное или цвета блёклые. Этот инструмент поможет?

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

Можно ли накладывать несколько фильтров друг на друга?

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

Какие форматы изображений поддерживаются? Как сохранить результат?

Полная совместимость с JPG, PNG, WEBP и GIF. Во время обработки вы видите превью в реальном времени. Когда результат устроит, нажмите «Скачать», чтобы экспортировать в PNG (без потерь, большой размер). Для меньшего JPG используйте этот инструмент для цвета, а затем сожмите результат компрессором изображений.

Безопасно ли использовать фильтры изображений онлайн? Мои фото утекут?

Полностью безопасно. Вся обработка изображений выполняется локально в вашем браузере через Canvas filter API. Никакие файлы не отправляются на сервер, никакое ПО устанавливать не нужно. Даже личные фото семьи, сканы договоров и документы можно безопасно обрабатывать; закрытие браузера мгновенно освобождает память.

Цветокоррекция влияет на размер файла?

Немного. Осветление, повышение контраста или усиление насыщенности могут немного увеличить файл. Затемнение, ЧБ или сепия убирают высокочастотные детали, что может слегка уменьшить размер. Если нужно ещё меньше — запустите компрессор изображений после цветокоррекции. Сначала коррекция, потом сжатие — стандартный рабочий процесс.

В чём разница между ЧБ и сепией?

Чёрно-белый унифицирует RGB до яркости (взвешивание ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B) и полностью убирает цвет. Сепия добавляет поверх серой основы коричневый оттенок (Tint), имитируя химическое тонирование фотографий XIX века и давая более сильное ностальгическое ощущение.

Глоссарий

CSS filter: Свойство CSS с набором нативно поддерживаемых браузером фильтров изображений: blur / brightness / contrast / drop-shadow / grayscale / hue-rotate / invert / opacity / saturate / sepia. Этот инструмент реализует тот же набор через Canvas filter API.MDN - CSS filter
Тон сепии: Классический винтажный оттенок, имитирующий химическое тонирование фотографий XIX века. Матрица RGB: R = 0,393R + 0,769G + 0,189B; G = 0,349R + 0,686G + 0,168B; B = 0,272R + 0,534G + 0,131B.
Поворот оттенка (Hue Rotate): Циклическое вращение канала H (оттенок) в цветовом пространстве HSL. Поворот на 360° возвращает к исходному цвету. Интенсивность 0-200% в этом инструменте соответствует вращению 0°-360°.
Взвешивание BT.601: Формула яркости стандарта ITU-R BT.601: Y = 0,299R + 0,587G + 0,114B. Чёрно-белые фильтры и телевизионный сигнал используют это взвешивание, потому что оно лучше отражает повышенную чувствительность человеческого глаза к зелёному, чем простое среднее.
Экспозиция: Общее количество света, полученного фотографией. Недодержка = слишком темно; передержка = слишком светло. Фильтры яркости могут компенсировать это, но не могут восстановить потерянные детали в светлых участках.
Насыщенность: Интенсивность цвета. 0% = полностью серая шкала; 100% = исходный цвет; >100% = усилено. Слишком высокая насыщенность вызывает клиппинг цвета и потерю деталей.

8 встроенных фильтров одним взглядом

Фильтр	Алгоритм / реализация	Типичное применение
Чёрно-белый (Grayscale)	`R=G=B=0,299R+0,587G+0,114B`	Документалистика, арт, винтаж
Сепия (Sepia)	`Классическая матрица Sepia Tone`	Ностальгия, эффект старого фото, обложка видео
Инверсия (Invert)	`255 минус исходное по каналам RGB`	Рентген, арт-постер, тёмный UI
Размытие (Blur)	`Canvas filter: blur(radius)`	Боке фона, фокус, маскировка
Яркость (Brightness)	`Смещение добавляется к RGB`	Коррекция недосвета/пересвета, осветление в пасмурный день
Контраст (Contrast)	`(RGB-128) × factor + 128`	Глубина для плоского фото, HDR-стиль
Насыщенность (Saturate)	`Масштабирование канала S в HSL`	Яркость, восстановление выцветшего, фирменный цвет
Поворот оттенка (Hue Rotate)	`Вращение канала H в HSL`	Креативный сдвиг, смена цвета, визуальный тест

Справка по эффектам ползунка 0-200%

Интенсивность	Визуальный эффект	Рекомендуемое применение
`0%`	Полностью выкл, эквивалент оригинала	Сброс, A/B-тест
`1-30%`	Очень тонкий, почти не виден	Тонкая настройка, нужно приглядеться
`30-70%`	Лёгкий эффект	Ежедневная цветокоррекция фото
`100%`	Стандартная интенсивность	Значение по умолчанию для большинства сценариев
`130-170%`	Усиленный эффект	Стилизованные работы, единый фирменный цвет
`200%`	Максимальный эффект	Художественная, абстрактная обработка