Как пользоваться
- Нажмите Выберите файл или перетащите картинку в окно. Можно также вставить её сочетанием Ctrl+V.
- Выберите Готовый фильтр как отправную точку или двигайте ползунки по одному. Картинка меняется по мере движения.
- Сдвигайте разделитель, чтобы сравнить картинку с фильтром и исходную, и нажмите Сбросить, чтобы начать заново.
- Выберите Формат файла и нажмите Скачать картинку, чтобы сохранить картинку в полном размере.
Что делает каждый фильтр
Яркость добавляет свет всем цветам или отнимает его, а контраст раздвигает светлые и тёмные части или сближает их. Насыщенность задаёт силу цветов: при −100 картинка становится серой. Оттенок поворачивает каждый цвет по цветовому кругу на выбранное число градусов.
Оттенки серого, сепия и инверсия смешивают цвета с серым, коричневым тоном или их противоположностями. Размытие смягчает картинку, резкость делает края чётче, а тёмные углы притягивают взгляд к центру, затемняя края.
Порядок фильтров
Сначала применяются настройки цвета, затем размытие, резкость и тёмные углы. Поэтому размытие смягчает уже выбранные вами цвета. Одинаковые настройки всегда дают одну и ту же картинку, какой бы ползунок ни двигали первым.
Полный размер и большие картинки
Предпросмотр работает с небольшой копией картинки, поэтому остаётся быстрым. Сохранённый файл создаётся в полном размере картинки. Большая картинка обрабатывается в фоновом процессе, который останавливается, если фильтр работает дольше двух минут.
Пример: фото в старом стиле
Выберите готовый фильтр Винтаж для семейной фотографии. Он добавляет 40 % сепии, снижает контраст на 10 и насыщенность на 15, а углы затемняет на 35 %. Сдвиньте разделитель, чтобы проверить лица, затем нажмите Скачать картинку.
Частые вопросы
Загружается ли моя картинка, когда я применяю фильтр?
Нет. Ваш браузер вычисляет фильтры на вашем устройстве, и сохранённый файл создаётся там же. Проверить это можно, отключив интернет после загрузки страницы и применив фильтр к картинке.
Почему сохранённая картинка такого же размера, как исходная?
Фильтры работают с каждым пикселем картинки, поэтому файл сохраняет исходные ширину и высоту. Уменьшен только предпросмотр, чтобы поместиться на экране.
В чём разница между яркостью и контрастом?
Яркость сдвигает каждый цвет светлее или темнее на одну и ту же величину. Контраст раздвигает светлые и тёмные части или сближает их вокруг серого середины, поэтому детали становятся легче или труднее для восприятия.
Можно ли отменить фильтр?
Да. Кнопка «Сбросить» возвращает все ползунки к нулю. Исходный файл на вашем компьютере никогда не меняется, потому что инструмент создаёт для скачивания только новый файл.
Почему размытие занимает время на большой картинке?
Размытие обращается к каждому пикселю несколько раз. Большая картинка передаётся фоновому процессу, поэтому страница остаётся отзывчивой, а файл готов, когда работа завершится.
Что сохранять: PNG или JPEG?
PNG сохраняет каждый пиксель точно, поэтому подходит для графики и картинок, которые вы будете редактировать ещё раз. JPEG создаёт меньший файл для фотографий, записанный с небольшой потерей деталей.
Источники
- MDN: функции фильтров CSS, значение яркости, контраста, сепии и других (на английском)
- W3C: Filter Effects Module Level 1, веса яркости и матрица сепии (на английском)
- MDN: Web Workers API, работа вне страницы (на английском)
Цифры и текст в последний раз проверены вторник, 10 ноября 2026 г..