Video: Easy Image Combiner with Nano Banana and n8n
Another example of using a form to combine multiple images with Nano Banana and n8n.
As I mentioned in another post, using multiple image binaries in n8n is not the easiest thing to do.
In this workflow I went for a more direct route and "hardcoded" a 3 image path so this workflow will expect 3 images to transform into 1. You could also just delete the 3rd if you only want to combine 2 images.
Very similar to the Nano Banana workflow though, but this does also need to build out a more dynamic image payload to send into the Gemini 2.5 Flash Image API.
Sample JSON for inlineData object for images:
{
"inlineData":{
"mimeType":"{{ $json.mimeType }}",
"data":"{{ $json.data }}"
}
}
Sample Gemini 2.5 Flash Image request body:
{
"contents": [
{
"parts": [
{
"text": "{{ $('On form submission').item.json.Instructions }}"
},
{{ $json.inlineData.toJsonString().replace("[","").replace("]","") }}
]
}
],
"generationConfig": {
"responseModalities": ["IMAGE"]
}
}
Let me know if you have any questions!
4
2 comments
Jay Peters
5
Video: Easy Image Combiner with Nano Banana and n8n
Learn Automation and AI
skool.com/learn-automation-ai
Learn, build, and ship AI Automations in days, not months. Templates, live help, community.
Leaderboard (30-day)
Powered by