Фильтры и коррекция изображений

Настраивайте яркость, контраст, насыщенность, оттенок, оттенки серого, сепию, инверсию и размытие или применяйте пресеты. Экспорт совпадает с превью в любом браузере.

Перетащите изображение сюда или нажмите, чтобы выбрать
Можно также вставить изображение из буфера обмена (Ctrl+V / ⌘V)

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

Похожие Инструменты

Просмотреть Все

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

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

Как пользоваться Фильтры для изображений

  1. Перетащите, выберите или вставьте изображение.
  2. Нажмите пресет или двигайте ползунки каждой настройки.
  3. Сравните превью До и После.
  4. Выберите формат результата и скачайте обработанное изображение.

Пример

Ввод
Pure red pixel (#FF0000), Grayscale 100%
Вывод
#363636 (0.2126 × 255 ≈ 54 for each channel)

Когда использовать Фильтры для изображений

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

Как работает Фильтры для изображений

Фильтры вычисляются попиксельно в JavaScript по формулам спецификации W3C Filter Effects (та же математика, что у CSS filter): линейные передаточные функции для яркости и контраста, цветовые матрицы для насыщенности, поворота оттенка, оттенков серого и сепии и функция инверсии, применяемые в этом порядке с ограничением значений после каждого шага. Размытие — гауссово, приближённое тремя проходами box-blur по альфа-каналу с предумножением. Поскольку свойство filter canvas не используется, экспорт содержит эффект даже в браузерах, которые его не поддерживают, например в Safari.

Распространенные Случаи Использования

  • Превратить фото в чёрно-белое для печатного макета.
  • Осветлить тёмный снимок со смартфона.
  • Придать фото товаров единый тёплый или холодный тон.
  • Размыть фоновое изображение для главного блока сайта.
  • Инвертировать скриншот в тёмной теме для печати.

Примечание по Безопасности

Изображения декодируются, обрабатываются и кодируются локально в вашем браузере через Canvas API. На сервер ничего не загружается.

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

Будет ли скачанное изображение выглядеть так же, как превью?

Да. Превью и экспорт создаются одним и тем же попиксельным кодом независимо от поддержки фильтров canvas в браузере.

В каком порядке применяются фильтры?

Яркость, контраст, насыщенность, поворот оттенка, оттенки серого, сепия, инверсия, затем размытие.

Можно ли отменить изменения?

Нажмите пресет Оригинал, чтобы сбросить все ползунки; исходное изображение никогда не изменяется.

Что сделать дальше

Другие категории