Наложить лого — на фото в браузере
Наложите логотип или прозрачный PNG-водяной знак на базовое фото в браузере — не текстовый водяной знак и не склейка нескольких снимков. Шаги: выберите базу и слой, задайте прозрачность и масштаб, позицию перетаскиванием или x/y, режим наложения, затем скачайте JPEG/WebP/PNG. Пример: образец фото + полупрозрачный LOGO справа снизу 75 % → PNG — всё на устройстве.
Как это работает
Добавьте базовое фото и второе изображение (логотип, бейдж или прозрачный PNG). Настройте прозрачность, масштаб и позицию — тяните в превью или введите x/y в пикселях базы. Выберите режим, формат и фон JPEG, наложите и скачайте. Всё локально.
Правила рисования
Холст вывода = натуральные пиксели базы. Слой рисуется с якорем сверху слева в (x, y) после масштаба.
- Ширина × высота холста = размер базы; база рисуется в (0, 0).
- Размер слоя = натуральная ширина × высота × (масштаб% ÷ 100); позиция в пикселях базы, якорь сверху слева.
- globalAlpha = прозрачность ÷ 100; globalCompositeOperation = выбранный режим; сброс после слоя.
- JPEG: сначала заливка выбранным фоном, затем база и слой. PNG/WebP сохраняют alpha где есть.
Пример
Загрузите пример: градиентная база + полупрозрачный LOGO справа снизу 75 %, режим Обычный. Наложите, оставьте PNG, скачайте. Тяните в превью; попробуйте Multiply на светлом логотипе.
Подходит для
- Бренд: логотип на товарных фото или шапках соцсетей без десктоп-редактора.
- Угловые бейджи: наклейка «NEW» с прозрачностью и сеткой из 9 позиций.
- Текстуры: серый слой с Multiply или Screen для тонировки или смягчения фона.
Frequently asked questions
Загружаются ли мои изображения?
Нет. Декодирование, композиция и экспорт в браузере. Вкладка Сеть — без POST.
Чем отличается от склейки?
Склейка собирает несколько фото в ряд, колонку или сетку. Наложение оставляет одну базу и рисует слой с прозрачностью, позицией и режимом.
Что делают режимы наложения?
Правила Canvas: Обычный кладёт сверху; Multiply темнее; Screen светлее; Overlay контрастнее; Darken/Lighten — min/max каналов.
Зачем цвет фона JPEG?
У JPEG нет прозрачности. Перед экспортом холст заливается, чтобы прозрачные PNG-зоны не стали чёрными.
Текстовый водяной знак здесь?
Страница накладывает только файлы изображений. Для текста используйте инструмент текстового водяного знака.
Related tools
Вопросы и отзывы
Что-то неясно, сломано или отсутствует? Напишите сообщение ниже — мы читаем каждую заметку об этих инструментах.