Наложить градиент на фото

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

Пример:
Перетащите файлы или нажмите, чтобы выбрать (макс. 30 МБ)

Как это работает

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

Как получить классическое для веб-баннеров «затемнение снизу»?

Установите угол 90° (вертикальный градиент), выберите начальный цвет, визуально прозрачный и близкий к чёрному вверху, чёрный конечный цвет внизу и непрозрачность от 50 до 80%: низ изображения затемнится, и на нём будет хорошо читаться белый текст, а верх останется ближе к исходному фото.

Градиент заменяет цвета фото или накладывается сверху?

Градиент накладывается поверх исходного фото с выбранной прозрачностью: при непрозрачности 100% он почти полностью закрывает изображение, а при 20–40% лишь слегка подкрашивает существующие цвета, не стирая их.

100% локальная обработка: градиент рисуется прямо в вашем браузере с помощью Canvas — ваше фото никогда не отправляется на сервер.