What is Image Generation?

Published November 29, 20212 min read

What is Image Generation?

Image generation is a technique of automated or semi-automated images creation. Creating a complete and eye-catching image with API from scratch could be a challenging task. Great graphic designers usually don't know how to code, so they use visual editors like Photoshop, Sketch or Bannerly to create their drafts and mockup. Image generation software uses templates created by graphic designers and API just replaces properties like texts, colors or images to meet the final requirements.

Step 1: Create a template

Add components and design your template in our Template Editor.

Online Editor for Image Generation

Check every added component on canvas.

Set image fit

Click on image and on the right side adjust image fit option. Set image fit to cover if it can be cropped on sides in order to fill whole space, or use contain option if the image must be showed without cropping. The contain option is useful when you add logos or brand visuals.

Adjust text box

By default, Bannerly will scale down your text if it will be bigger than blue rectangle. You can set width and height of a text box to make sure your text can freely grow.

Text alignment

Adjust text alignment

Click on text and on the right side scroll down to 'Alignment' section. You can decide how the text will grow if it will be bigger than used placeholder on draft.

Step 2: Automate and scale

Now, you are ready replicate your template with different texts, images and more! No matter which integration you will choose, the general rule of thumb is that you need to know which component you want to update and what property. Layout plus Data equals your image

General format of change looks as follows:

YOUR_COMPONENT_ID.PROPERTY=YOUR_VALUE

Example:

myNameComponent.text=This is my name

Check list of properties which you can edit with any integration.

Example of generated image from Image Generation API


Share article

Relevant posts

How to create many images from a spreadsheet?

How to create many images from a spreadsheet?

Jakub PomykałabyJakubMarch 22, 2022

Learn how to generate many images from a template using spreadsheet data .

Read more
Send Personalized Emails with Mailchimp in 3 minutes

Send Personalized Emails with Mailchimp in 3 minutes

Kinga WojciechowskabyKingaDecember 10, 2021

Personalized images are a powerful way to connect with your customers on a personal level. Check how you can create outstanding personalized images and how to use them in your Mailchimp email campaigns.

Read more
Image Generation with Integromat

Image Generation with Integromat

Jakub PomykałabyJakubDecember 08, 2021

Automate image generation using Make.com. Create images using your templates, or take website screenshot with Make.com.

Read more
Image Generation with Zapier

Image Generation with Zapier

Jakub PomykałabyJakubDecember 07, 2021

Automate image generation using Zapier. Create images using your templates, or take website screenshot with Zapier.

Read more
iMessage Link Preview Tool

iMessage Link Preview Tool

Kinga WojciechowskabyKingaDecember 06, 2021

Try out how your product links look like when shared on iMessage. Check our free online link preview tool and see the results of your link sharing details.

Read more
What is Bannerly?

What is Bannerly?

Jakub PomykałabyJakubNovember 29, 2021

Learn more about Bannerly, its features and how you can scale your designs with external tools like Zapier and Integromat.

Read more

Design. Automate. Scale.

Free plan • No credit card required • Get started in minutes