Бесплатно · без регистрации · режимы смешивания
Наложить картинку на картинку
Наложи одно изображение на другое прямо в браузере: перетаскивай наложение мышью по базовой картинке, настраивай прозрачность и размер, выбирай режим смешивания — обычное, умножение, экран, перекрытие и другие, как в Photoshop. Живой предпросмотр показывает результат сразу.
Загрузка инструмента...
База и наложение
Загружаешь два изображения: одно — фон, второе ложится сверху отдельным слоем.
Позиция мышью
Перетаскивай наложение по базе и ставь ровно туда, где нужно — угол, центр, край.
Режимы смешивания
Умножение, экран, перекрытие, затемнение, осветление, свет, разница — как в Photoshop.
Прозрачность и размер
Регулируй прозрачность ползунком и меняй размер верхнего слоя под задачу.
Живой предпросмотр
Результат обновляется сразу при каждой настройке — видно, что получится, до скачивания.
Файлы не сохраняются
Всё считается в браузере — картинки не загружаются на сервер и нигде не хранятся.
Как это работает
Как наложить картинку на картинку — 3 шага
Перетащи первую картинку — она станет базой (фоном). Затем добавь вторую картинку — она ляжет сверху как слой наложения. Обе появятся в живом предпросмотре.
Перетаскивай верхнюю картинку мышью по базе, чтобы поставить её в нужное место. Меняй размер наложения, настраивай прозрачность ползунком и выбирай режим смешивания — умножение, экран, перекрытие и другие. Результат обновляется мгновенно.
Когда картинка выглядит как нужно, нажми «Скачать» — итоговое изображение с наложением сохранится на устройство в исходном разрешении базы.
FAQ
Вопросы о наложении картинок
Да, полностью бесплатно и без регистрации. Накладывай сколько угодно картинок, без водяных знаков и лимитов на количество изображений.
Режим смешивания (blend mode) определяет, как пиксели верхней картинки взаимодействуют с пикселями базовой. При обычном режиме верхний слой просто перекрывает нижний с учётом прозрачности. Другие режимы считают цвет по формуле: «Умножение» затемняет, «Экран» осветляет, «Перекрытие» усиливает контраст, «Разница» вычитает цвета. Это те же режимы, что в Photoshop и других редакторах — они позволяют накладывать текстуры, тонировать и создавать эффекты, а не просто класть картинку поверх.
Да. Прозрачность наложения регулируется ползунком — от полностью непрозрачного до еле заметного, чтобы верхний слой мягко просвечивал сквозь базу. Если сама картинка-наложение имеет прозрачные области (PNG с альфа-каналом), они останутся прозрачными — например, логотип без фона ляжет ровно на фото.
«Умножение» перемножает цвета слоёв, поэтому светлые области верхней картинки становятся прозрачными, а тёмные — сохраняются: удобно накладывать тени, текстуры, штампы и рисунки на белом фоне. «Экран» работает наоборот — тёмные области пропадают, а светлые проявляются: идеально для наложения бликов, огня, снега, боке и любых эффектов света на тёмном фоне.
Коллаж собирает несколько фото рядом в сетку или на общий холст — каждое в своей ячейке. Здесь картинки накладываются друг на друга в одной точке: верхняя ложится поверх нижней с прозрачностью и режимом смешивания, они сливаются в единое изображение. Для двойной экспозиции, водяных знаков и текстур нужно именно наложение, а не коллаж.
Нет. Наложение считается прямо в браузере на вашем устройстве — картинки никуда не загружаются и не сохраняются на сервере. Ничего не хранится и не логируется, результат остаётся только у вас.
Да. Загрузи два снимка, поставь верхний в режим «Экран» или «Осветление» и убавь прозрачность — светлые части одного кадра проявятся сквозь другой, получится эффект двойной экспозиции. Портрет и текстура (лес, город, небо) — классическое сочетание для такого приёма.
Итоговая картинка сохраняется в разрешении базового изображения — наложение подгоняется под него. Качество не теряется: верхний слой рисуется поверх базы в полном размере, без пережатия и водяных знаков.
Помимо этого инструмента
Это только один из инструментов Gobanana
Под капотом — полноценный ИИ-редактор: нейрофотосессии, карточки для Wildberries и Ozon, замена фона, реставрация старых снимков — текстовой командой на русском, за 30 секунд.
Бесплатно · без установки · 3 генерации в подарок при регистрации
Смотри также
Другие возможности Go Banana
Зачем накладывать одну картинку на другую
Наложение изображений — это когда две картинки объединяются в одну: верхняя ложится поверх нижней и сливается с ней за счёт прозрачности и режима смешивания. В отличие от коллажа, где фото стоят рядом, здесь они находятся в одной точке холста и взаимодействуют пикселями. Так делают водяные знаки, двойную экспозицию, тонирование, накладывают текстуры и световые эффекты.
Что можно собрать наложением:
- Логотип или водяной знак — полупрозрачный знак поверх фото, чтобы защитить снимок от воровства.
- Текстура — бумага, зерно, царапины, боке поверх картинки для «плёночного» или винтажного вида.
- Двойная экспозиция — портрет, сквозь который проступает лес, город или небо.
- Тонирование — цветная заливка или градиент поверх фото для единой цветовой атмосферы.
- Рамка с прозрачностью — PNG-рамка ложится по краям, не перекрывая центр кадра.
Режимы смешивания и что они делают
Режим смешивания (blend mode) считает цвет результата по формуле из двух слоёв. Это ключ к красивому наложению — просто прозрачность даёт «выцветшую» картинку, а режим создаёт эффект.
| Режим | Что делает | Когда применять |
|---|---|---|
| Обычное | Верхний слой просто перекрывает нижний с учётом прозрачности | Логотип, водяной знак, PNG без фона |
| Умножение | Перемножает цвета — светлое исчезает, тёмное остаётся | Тени, штампы, текстуры и рисунки на белом фоне |
| Экран | Инверсия умножения — тёмное исчезает, светлое проявляется | Блики, огонь, снег, боке, свет на тёмном фоне |
| Перекрытие | Умножение в тенях + экран в светах — усиливает контраст | Текстуры, тонирование, «драматичный» вид |
| Затемнение | Оставляет более тёмный из двух пикселей | Мягкое затемнение, объединение тёмных деталей |
| Осветление | Оставляет более светлый из двух пикселей | Двойная экспозиция, световые эффекты |
| Жёсткий свет | Резкий контраст — как яркая направленная подсветка | Сильные эффекты света и текстур |
| Мягкий свет | Деликатный контраст — как рассеянный свет | Аккуратное тонирование и лёгкая текстура |
| Разница | Вычитает цвета слоёв — даёт инверсные оттенки | Психоделика, глитч, необычные цветовые эффекты |
| Исключение | Как «Разница», но мягче и с меньшим контрастом | Плавные цветовые сдвиги, арт-эффекты |
Сценарии наложения
| Задача | Что накладываем | Как настроить |
|---|---|---|
| Логотип на фото | PNG-логотип поверх снимка | Режим «Обычное», прозрачность 30–60%, тащим в угол |
| Текстура | Зерно, бумага, царапины поверх картинки | Режим «Перекрытие» или «Мягкий свет», прозрачность 20–50% |
| Двойная экспозиция | Второй кадр поверх портрета | Режим «Экран» или «Осветление», прозрачность 40–70% |
| Тонирование | Цветная заливка или градиент поверх фото | Режим «Умножение» или «Мягкий свет», прозрачность по вкусу |
Прозрачность и размер — зачем нужны
Режим задаёт характер наложения, а прозрачность — его силу. На 100% эффект максимальный, убавляя ползунок, вы делаете его тоньше и деликатнее. Размер наложения меняется отдельно: логотип можно уменьшить в угол, а текстуру — растянуть на весь кадр. Позиция задаётся мышью — просто перетащите верхний слой туда, где он должен быть.
Чем наложение отличается от коллажа
Коллаж — это несколько фото рядом, каждое в своей ячейке общей сетки. Наложение — это два изображения друг на друге в одной точке, слитые в единую картинку. Если нужно показать несколько снимков вместе — это коллаж. Если нужно, чтобы одна картинка просвечивала сквозь другую или ложилась поверх (знак, текстура, эффект) — это наложение.
Приватность: файлы не покидают устройство
Наложение считается прямо в браузере — обе картинки обрабатываются на вашем устройстве и не загружаются на сервер. Ничего не сохраняется и не логируется, результат остаётся только у вас.
Что дальше
- Нужно собрать несколько фото в сетку, а не наложить — используй коллаж из фото.
- Хочешь только защитить снимок знаком — есть отдельный инструмент для водяного знака.
- Нужно поменять оттенок вместо наложения слоя — попробуй замену цвета на фото.
- Соединяешь снимки встык, а не поверх — там инструмент склейки фото.