🙋♂️ Optimise your images!
Configured with Bannerbear, Discord, Form Trigger, HTTP Request, and additional nodes. Review the connections and setup before adapting this template.
Node categories in this workflow
- Trigger
- Web / API
- Integration
- Transform
- Messaging
- AI & models
Icons describe general node roles, inferred from node types. Inspect the parameters for the configured action.
Drag to pan; use + and − to zoom. Reconstructed from the exported node positions; nothing runs here. Dashed lines represent non-main connections. Full node names and notes appear below.
How it works
The exported workflow contains the following configured nodes. Their connections are shown above; inspect the JSON for the complete logic, expressions, and external actions.
| Node | Category | Type | Operation |
|---|---|---|---|
| n8n Form Trigger | Trigger | Form Trigger | See node parameters |
| Upload to Cloudinary | Web / API | HTTP Request | POST |
| Send to Bannerbear Template | Integration | Bannerbear | See node parameters |
| Set Parameters | Transform | Edit Fields | See node parameters |
| Download Banner | Web / API | HTTP Request | See node parameters |
| Discord | Messaging | Discord | message |
| Generate AI Banner Image | AI & models | Open Ai | image |
Setup
- Download the JSON and import it into an isolated n8n instance. Leave the workflow inactive.
- Connect your own credentials through n8n’s credential store. Replace
REPLACE_WITH_*values with your resource identifiers. - Inspect API destinations, Code nodes, database queries, file paths, and outbound actions.
- Run with synthetic data and harmless destinations. Enable triggers only after checking the actual outputs.
Requirements
An n8n instance with the listed node types and compatible versions. Service-connected workflows may require accounts, credentials, or paid APIs.
Credential types declared in the source
bannerbearApidiscordBotApihttpQueryAuthopenAiApi
Workflow notes
1. Start with n8n Forms
1. Start with n8n Forms
For this demo, we'll use the form trigger for simple data capture but you could use webhooks for better customisation and/or integration into other workflows.
2. Use AI to Generate an Image
2. Use AI to Generate an Image
Generating AI images is just as easy as generating text thanks for n8n's OpenAI node. Once completed, OpenAI will return a binary image file. We'll have to store this image externally however since we can't upload it directly BannerBear. I've chosen to use Cloudinary CDN but S3 is also a good choice.
3. Create Social Media Banners with BannerBear.com
3. Create Social Media Banners with BannerBear.com
Read more about the BannerBear Node
Now with your generated AI image and template variables, we're ready to send them to BannerBear which will use a predefined template to create our social media banner.
4. Post directly to Social Media
4. Post directly to Social Media
Read more about using the Discord Node
We'll share our event banner with our community in Discord. You can also choose to post this on your favourite social media channels.
🙋♂️ Optimise your images!
🙋♂️ Optimise your images!
AI generated images can get quite large (20mb+) which may hit filesize limits for some services. I've used Cloudinary's optimise API to reduce the file size before sending to BannerBear.
Result!
Result!
Here is a screenshot of the generated banner.
Try It Out!
Try It Out!
This workflow does the following:
- Uses an n8n form to capture an event to be announced.
- Form includes imagery required for the event and this is sent to OpenAI Dalle-3 service to generate.
- Event details as well as the ai-generated image is then sent to the BannerBear.com service where a template is used.
- The final event poster is created and posted to X (formerly Twitter)
Need Help?
Join the Discord or ask in the Forum!
Happy Hacking!
Sticky Note7
🚨Required
- You'll need to create a template in BannerBear.
- Once you have, map the template variables to fields in this node!
Sticky Note8
🚨Required
- You'll need to change all ids and references to your own Cloudinary instance.
- Feel free to change this to another service!
🙋♂️ Optimise your images!
🙋♂️ Optimise your images!
Purpose and structure
This folder contains the 🙋♂️ Optimise your images! workflow. Its executable nodes use bannerbear, discord, formTrigger, httpRequest, openAi, set. The table and connection map below are derived from the JSON, not an inferred guarantee of behavior.
Setup
Import inactive. Configure your own credentials and replace REPLACE_WITH_* values. Review external destinations and Code nodes before running.
Entry points
n8n Form Trigger
Verification
Sanitized source candidate; not runtime-tested. This overview is generated from node metadata. Read the folder README for the connection map, credential types, and license.
Attribution
https://github.com/Zie619/n8n-workflows/blob/94007c1445d9258a7da116646b79473e7c7c3282/workflows/Bannerbear/0525_Bannerbear_Discord_Create_Webhook.json MIT; preserve source notices.