TanodTools
RU

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

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

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

Перетащите сюда изображение

PNG, JPEG, WebP, GIF, BMP или AVIF. Или перетащите его в любое место этой страницы.

Открывается на этом устройстве. Ничего не загружается.

Работает с одним изображением до 50 МБ и примерно 100 мегапикселей. Очень большие изображения обрабатываются несколько секунд; страница при этом остаётся отзывчивой.

Как применить фильтры к изображению

  1. Выберите изображение. Предпросмотр показывается в уменьшенном размере, чтобы ползунки реагировали сразу.
  2. Начните с пресета, например Чёрно-белое или Яркое, затем подстройте ползунки. Включите Показать оригинал, чтобы сравнить.
  3. Нажмите Применить и сохранить. Фильтры будут применены заново к полноразмерному изображению, и вы скачаете его.

Что каждый фильтр делает с пикселями

Каждый пиксель — это три числа от 0 до 255: красный, зелёный и синий. Яркость умножает эти числа, поэтому 150 процентов превращают значение 100 в 150, а всё, что больше 255, обрезается до белого. Контраст растягивает числа от среднего серого (128) или сжимает их к нему, поэтому при контрасте 0 процентов получается ровная серая картинка. Насыщенность и поворот оттенка смешивают три канала с помощью фиксированных цветовых матриц, так фотография уходит в серый или смещается по цветовому кругу.

Оттенки серого заменяют каждый пиксель его яркостью (люминансом), взвешенной суммой, где сильнее всего учитывается зелёный (около 72 процентов), затем красный (21 процент) и меньше всего синий (7 процентов), поскольку глаз наиболее чувствителен к зелёному. Сепия использует матрицу, дающую тёплый коричневый оттенок старых отпечатков. Инверсия вычитает каждое значение из 255 и даёт негатив. Размытие усредняет каждый пиксель с соседями, трижды в каждом направлении, что близко соответствует размытию по Гауссу.

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

Советы

Вопросы и ответы

Моё фото загружается на сервер?

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

Дают ли фильтры тот же результат, что CSS в моём браузере?

Они используют те же формулы, что и спецификация CSS Filter Effects: яркость умножает значения, контраст вращается вокруг среднего серого, а насыщенность, поворот оттенка, градации серого и сепия используют цветовые матрицы из спецификации. Вычисления на самой странице, а не средствами фильтров браузера, позволяют работать и в браузерах, где этой возможности нет.

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

Яркость, контраст, насыщенность, поворот оттенка, градации серого, сепия, инверсия, затем размытие. Порядок неизменный, поэтому одни и те же положения ползунков всегда дают одну и ту же картинку.

Почему размытие в предпросмотре и в сохранённом файле выглядит одинаково?

Степень размытия — доля ширины изображения, а не число пикселей. Фото шириной 4000 пикселей, показанное в предпросмотре шириной 800, размывается в пикселях предпросмотра в пять раз слабее, и при одинаковом масштабе это выглядит одинаково.

Что происходит с прозрачностью?

Она не меняется. Альфа-канал никогда не изменяется, а при размытии цвета взвешиваются по непрозрачности, чтобы мягкие края вырезанного объекта не темнели. Сохраняйте в PNG или WebP, чтобы сохранить прозрачность; JPEG заливает прозрачные области белым.

Можно ли отменить пресет?

Нажмите «Сбросить» или верните ползунки на место. Пресеты лишь сдвигают ползунки, и после этого их можно подстроить. Исходный файл не меняется.