Stop Resizing Graphics for Every Platform — Automate It with Bannerbear
Tired of duplicating and resizing the same graphic five times every time you promote an event? In this tutorial, you'll learn how to design once and automatically generate perfectly sized graphics for every platform — Facebook, Instagram, LinkedIn, email, and more — using Bannerbear V5's adaptive resizing, Airtable, and Zapier.
One Airtable record. One Zapier trigger. All your sizes, generated and stored automatically.
What you'll learn:
• How to build an adaptive Bannerbear V5 template that resizes intelligently across dimensions
• How to set up an Airtable base to store event data and collect generated images
• How to use Zapier Paths to route one record into multiple platform-specific image generations
• How to store all generated graphics in a single Airtable attachment field without overwriting
What you'll need:
• A Bannerbear V5 adaptive template
• An Airtable base with your event data
• A paid Zapier account
🔔 Subscribe for more no-code automation tutorials 💬 Tell us how you're using this in your workflow — drop a comment below!
Video Transcription
[00:00:00] You're running an event, a webinar, a product launch, or perhaps a community meet. You need to promote it everywhere, Facebook, Instagram, LinkedIn, email, and maybe even a physical poster. The problem is that every platform wants a different size. So you design a graphic, you duplicate it, resize it, shuffle everything around so it doesn't look like garbage, and then you do it all over again for the next platform.
It's tedious, it's error-prone, and if there's one date change, you're redesigning the entire thing five times over. What if you didn't have to do any of that? With adaptive resizing in Banner Bear V5, you design your template once and it tells you how elements should move when the canvas changes size.
Then you automate the whole thing. One record in Airtable, one Zapier
[00:01:00] trigger, and all five sizes generated and stored in an attachment field where it's ready to ship. And you don't even have to use the same dimensions every time. With this method, you can pick and choose making a versatile conditions-based automation that leaves your hands free.
That's what we're building today, a system that takes one piece of event data and spits out perfectly sized graphics for every channel you need without redesigning or manual resizing. To make this work, you'll need three things: an adaptive Banner Bear V5 template, an Airtable base with your data, and a paid Zapier account.
Ready to build? Let's go. An adaptive template is just a regular template with one key difference. You tell each layer how to behave when the canvas gets bigger or smaller. Start with your template as usual.
[00:02:00] We've got pre-designed adaptive templates if you want to skip ahead.
As you build out your layers, you'll see adaptive settings at the bottom of the right sidebar. That's where you control position, size, and aspect ratio for each element It might take some time tweaking to get it perfect. Lucky for us, there's a button to make things a little bit easier. Hit the adaptive preview button on your template page.
You'll see your design rendered at a bunch of different sizes all at once. Adjust your settings until everything looks right across the board. Once you're happy, move on. We need a place to store event data and tell Zapier where to send the generated images. Think of this as the control center. Set up a basic events table with the essentials: event names, descriptions,
[00:03:00] times, and dates.
Whatever your graphics need. Then add a few more fields. A multi-select field for channels. Pick your platforms. Facebook posts, Instagram posts, LinkedIn, whatever you're using
An attachment field or multiple where your generated images will land
And lastly, a checkbox for approval. Only checked records will trigger image generation. This keeps you from burning credits on events that aren't yet ready to go. Create a filtered view that shows only approved records. This view is what Zapier will watch That's the basics. Have at least one test record ready and checked before moving on.
We're near the payoff. All that's left is to set up an automation that kicks off image generation
[00:04:00] based on the dimensions you'd like. We'll do that using Zapier's Paths feature so that we can keep things nice and organized. Open Zapier and create a new zap. Airtable is your trigger, new record in your approved records view
Test it, make sure it picks up your test data
Now here's where adaptive resizing pays off. You're going to set up multiple paths in this Zap, one for each image size you need. Zapier will route your event down each path, generating a different sized image in each one. Set up path A. The condition is simple. Does this record's advertising channels field contain Facebook post?
If yes, continue
A tip, you can rename each path to navigate your Zap a little more easily.
[00:05:00]
Add a BannerBear step, V5 Create Image, select your template, and specify the dimensions you want to use for a Facebook post
Map your Airtable fields to your template layers
Use the Airtable record ID as metadata so we can match images back to their source later. Test it. You should see a generated image link in the output
Now, there are two ways that you can continue. If you'll be saving each poster to its own Airtable attachment field, all you have to do is add an update record event to each path. The image metadata will help you find the original record, and you've just got to map it to your selected field, and that's
[00:06:00] where your workflow can end.
But if you want to store all of your generated images in one field, you'll need to set up the workflow a little differently. First, you look for existing attachments, and then upload the image as an additional file rather than replacing everything entirely. To set that up, add a step to find record by ID in Airtable
Use the image's metadata as the record ID search value
This should pull up the latest record data Now add your update record step, same base, same table, same image metadata as record search value
Then we configure the attachments. Map the new image file to the attachment field,
[00:07:00] add a comma, and finish off with the field's posters ID from your Airtable search step. Keep in mind that you will need to start with a test attachment in the field for this to work
Test it. The image should appear as an attachment in Airtable
Now duplicate that path, change the condition to Instagram post, adjust the dimensions in the BannerBear step, and make sure all your values are correctly mapped. Test again
Using the multiple attachment method, you should see each graphic add itself to the field without removing any of the prior ones
Repeat for every platform you're targeting.
[00:08:00] Once everything is set up and tested, you're done. Approve a record in Airtable and watch all of your sizes generate automatically
You've just built a system that works for you. One template, one Airtable record, and your graphics are generated across every platform that you need. The beauty of adaptive resizing is that it scales with you. Need to add to LinkedIn? Duplicate a path. Need to adjust sizing? Update the path once and everything regenerates.
It's automation that actually automates rather than moves the busywork around. Give it a try for yourself and let us know how you're using this for your own workflows in the comments below. Thanks for watching.
