Automate image generation
Save time on creating similar images with different texts and brandings!
Create account
Share article

What is Image Generation?

Published November 29, 2021Updated June 04, 20222 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 RenderForm 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, RenderForm 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

Relevant posts

Image Generation with Zapier

Image Generation with Zapier

Jakub PomykałabyJakub PomykałaAugust 17, 2022

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

Read more
Make Your Site Stand Out With Those 3 Tips!

Make Your Site Stand Out With Those 3 Tips!

Kinga WojciechowskabyKinga WojciechowskaJuly 22, 2022

If you’re looking for a way to make your website stand out from others, this article is a great way to start! Learn 5 different tips and tricks to boost your website’s visibility. 

Read more
How to Grow Your Business With an Email Newsletter

How to Grow Your Business With an Email Newsletter

Kinga WojciechowskabyKinga WojciechowskaJuly 19, 2022

Email marketing is a powerful tool for engaging customers and growing your business. Perhaps unsurprisingly, 99% of email users check their inbox every day.

Read more
Image Generation with Airtable

Image Generation with Airtable

Jakub PomykałabyJakub PomykałaJune 17, 2022

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

Read more
Image Generation with Google Sheets

Image Generation with Google Sheets

Jakub PomykałabyJakub PomykałaJune 04, 2022

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

Read more
Personalized Emails with Mailchimp in 3 minutes

Personalized Emails with Mailchimp in 3 minutes

Kinga WojciechowskabyKinga WojciechowskaJune 04, 2022

Check how you can create outstanding personalized images and how to use them in your Mailchimp email campaigns.

Read more

Design. Automate. Scale.

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