### Features - Convert plain HTML and CSS code to PNG, JPEG or WebP image. - Ability wait for a specified number of milliseconds for the web page to load before taking a screenshot - Ability to generate an image directly from a website url with the option of specifying height and width - Ability to adjust pixel ratio for the screenshot ### Benefits You can use this API to programmatically generate images using a set of standard templates. We build this API for our own use at DelightChat.io to programmatically generate an image that we send to our customers via WhatsApp. ### How to use? This API has only one endpoint which is `/image` and it will accept the following parameters: 1. #### `html` - Required You have to pass a simple html code in it. You can minify your html before sending the API request to reduce the response time of API. Example code that you can pass in this field: ```

Four Aunties and a Wedding

₹199.00 x 1

₹199.00

It Starts With Us

₹179.00 x 1

₹179.00

When I Am With You

₹120.00 x 1

₹120.00

Standard shipping ( for online payments )

INR

₹40.00

Total

INR

₹538.00

``` **OR** ```

Four Aunties and a Wedding

₹199.00 x 1

₹199.00

It Starts With Us

₹179.00 x 1

₹179.00

When I Am With You

₹120.00 x 1

₹120.00

``` 2. #### `css` - Optional Use this parameter if you do not want to include it in the html parameter. Here is an example: ``` *{ margin: 0px; padding: 0px; } body { font-family: "Roboto", sans-serif; } p { font-size: 20px; } .container { width: 900px; border: 1px solid black; padding: 60px 60px 40px 60px; } .flex { display: flex; } .product { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 40px; } .product-image { width: 100px; height: 100px; border: 1px solid #dddddd; border-radius: 8px; } .product-details { margin-left: 20px; } .product-details h2 { margin-bottom: 10px; max-width: 400px; } .price { font-weight: bold; margin-left: 40px; } .currency { color: gray; margin-right: 10px; } .footer { margin-top: 40px; } .total { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 20px; } .total h2 { font-size: 28px; } ``` 3. #### `ms_delay` - Optional Use this parameter to tell our headless browser how many milliseconds to wait for the HTML to render before taking a screenshot. 4. #### `format` - Optional Specify what format you want the image in. Options - png, jpeg, webp and pdf. By default png will be taken as the format 5. #### `device_scale` - Optional This adjusts the pixel ratio for the screenshot. Minimum: `1`, Maximum: `3`. ### Response This is what the API response will look like ``` { "url":"https://htmltoimage-s3bucket-1lw6aoyde4nz5.s3.amazonaws.com/b45b6c02-74a8-4428-8900-b0f4f917884d.png" } ``` ### Notes All images will be deleted from our servers after 30 days of creation.

Tutorial