Об этом инструменте
Оттенки серого, сепия, инверсия, яркость, контраст, насыщенность, размытие и поворот оттенка — этот инструмент применяет все восемь настроек к вашему фото в реальном времени прямо в браузере, с живым предпросмотром, который обновляется при перетаскивании каждого ползунка. Ничего не загружается на сервер: изображение декодируется локально, а каждый фильтр вычисляется собственным движком рендеринга Canvas браузера — той же технологией, что и CSS-фильтры в вебе.
Каждая перерисовка начинается заново с исходного изображения, а не накладывается на предыдущий предпросмотр, поэтому перемещение ползунка туда-обратно никогда не ухудшает качество и не накапливает ошибки округления. Начните с одного из пресетов — Ч/Б, Винтаж, Холодный или Тёплый — а затем донастройте отдельные ползунки поверх него, либо нажмите «Сбросить всё», чтобы начать заново. Когда результат вас устроит, скачайте его в PNG или JPEG в исходном полном разрешении изображения — та же комбинация фильтров рендерится ещё раз, так что способ отображения предпросмотра никогда не ограничивает качество скачиваемого файла.
Частые вопросы
Могу ли я применить несколько фильтров одновременно?
Да — каждый ползунок независим, и все они объединяются в реальном времени, поэтому вы можете одновременно активировать оттенки серого, немного усилить контраст и слегка размыть изображение — именно так, как показано в живом предпросмотре. Кнопки пресетов — это просто удобные начальные комбинации; вы можете позже настроить любой отдельный ползунок, не теряя остальные.
Будут ли фильтры выглядеть точно так же, как CSS-фильтры, используемые в веб-дизайне?
Да, точно так же — этот инструмент использует нативное свойство Canvas `filter`, которое реализует ТЕ ЖЕ функции фильтров (оттенки серого, сепия, яркость и т. д.), что и CSS `filter`, с идентичной математикой и диапазонами значений. Если вы использовали CSS-фильтры раньше, ползунки здесь будут вести себя точно так, как вы ожидаете.