demobook

n8n: Combine multiple images into one generation

n8nTry it →Watch full video →Leon van Zyl ·

Demo summary

The video shows how to pass multiple base64 encoded images into a single API call to blend elements, such as placing a specific hat from one image onto a character from another.

Step-by-step

  1. Add multiple file upload elements to your form for the base images
  2. Add a separate 'Extract from File' node for each uploaded image
  3. Set unique output field names for each conversion node to prevent data overwriting
  4. Open the image generation node and expand the request body
  5. Copy the object containing the inline data for the first image
  6. Add a comma and paste the object to include the base64 content for the second image
  7. Run the workflow to generate the combined image

Options

  • Upload up to 12 images to Nano Banana Pro

Watch out for

  • You must use different names for the output fields in the conversion nodes or the values will overwrite each other

Tips

  • Test each conversion step individually to ensure the images are being received correctly
  • Use specific prompts to describe how the images should be blended, such as 'Sitting Sweeney wears the pink hat'

Highlights

this is really simple... this is just insane

All demos from “Build ANYTHING with Nano Banana Pro and n8n

  1. 6:031:22Basic image generation with n8n Gemini nodeThe video shows how to use the standard Google Gemini node in n8n to generate an image by manually entering the model ID for Nano Banana Pro.n8nText to Image
  2. 7:572:28Advanced image generation via HTTP RequestThe demo walks through configuring an HTTP Request node in n8n to send a JSON payload to the Google API, allowing for custom aspect ratios and resolutions (1k, 2k, 4k).n8nAI Image Generator
  3. 10:273:02Edit images using n8n and Nano Banana ProThe creator demonstrates how to convert an uploaded image to base64 and use it in an n8n workflow to perform image-to-image editing with a text prompt.n8nImage to Image
  4. 13:292:55Combine multiple images into one generationCurrentThe video shows how to pass multiple base64 encoded images into a single API call to blend elements, such as placing a specific hat from one image onto a character from another.n8nAI Image Combiner
  5. Watch “Build ANYTHING with Nano Banana Pro and n8n” →

AI Image Combiner

  1. 9:291:46Combining multiple images into one with Nano Banana ProThe demo shows an n8n automation that takes three separate product image URLs (shirt, watch, water bottle) and uses Nano Banana Pro to generate a single composite image of a man using all three items.Nate Herk | AI Automation
  2. 13:292:55Combine multiple images into one generationCurrentThe video shows how to pass multiple base64 encoded images into a single API call to blend elements, such as placing a specific hat from one image onto a character from another.Leon van Zyl
  3. 8:211:58Multi-image composition in n8nA walkthrough of a complex n8n workflow that merges multiple images from Google Drive into a single cinematic composition using the Gemini API.Kyle Friel | AI Software