Skip to main content

HTML/CSS to Image

The HTML/CSS to Image modules enable you to convert HTML/CSS to an image in your HTML/CSS to Image account.

Getting Started with HTML/CSS to Image


  • An HTML/CSS to Image account

In order to use HTML/CSS to Image with Make, it is necessary to have a HTML/CSS to Image account. If you do not have one, you can create a HTML/CSS to Image account at


The module dialog fields that are displayed in bold (in the Make scenario, not in this documentation article) are mandatory!

Connect HTML/CSS to Image to Make

To connect your HTML/CSS to Image account to Make you need to obtain your User ID and API Key.

1. Log in to your HTML/CSS to Image account.

2. Go to Dashboard where you can find your User ID and API Key.


3. Go to Make and open the HTML/CSS to Image module's Create a connection dialog.

4. Enter the User ID and API Key provided in step 2 to the respective fields and click the Continue button to establish the connection.


Create an Image with HTML/CSS

Converts HTML/CSS to an image (jpg, png, webp).


Establish a connection to your HTML/CSS to Image account.


Enter the html you want to create an image from.


Enter the CSS to be applied to the HTML above.

Google Fonts

Specify the Google Font you use in your CSS. E.g. Oxanium


See also the documentation on the HTML/CSS to Image website.

Make an API Call

Allows you to perform a custom API call.


Establish a connection to your HTML/CSS to Image account.


Enter a path relative to E.g. /image/{{image_id}}

For the list of available endpoints, refer to the HTML/CSS to Image Documentation.


Select the HTTP method you want to use:

GET to retrieve information for an entry.

POST to create a new entry.

PUT to update/replace an existing entry.

PATCH to make a partial entry update.

DELETE to delete an entry.


Enter the desired request headers. You don't have to add authorization headers; we already did that for you.

Query String

Enter the request query string.


Enter the body content for your API call.

Example of Use - Get an Image

The following API call downloads the created image:

URL: /image/{{image_id}}




The result can be found in the module's Output under Bundle > Body. The image data: