HTML to Image Converter: Convert HTML to PNG, JPG and WEBP avatar

HTML to Image Converter: Convert HTML to PNG, JPG and WEBP

Pricing

from $2.38 / 1,000 file generateds

Go to Apify Store
HTML to Image Converter: Convert HTML to PNG, JPG and WEBP

HTML to Image Converter: Convert HTML to PNG, JPG and WEBP

Render an HTML snippet to a PNG, JPEG or WEBP image at any width, with retina scaling and transparent background. Batch mode: process up to 1000 items per run.

Pricing

from $2.38 / 1,000 file generateds

Rating

0.0

(0)

Developer

vøiddo

vøiddo

Maintained by Community

Actor stats

0

Bookmarked

2

Total users

1

Monthly active users

a day ago

Last modified

Share

Render an HTML snippet to a PNG, JPEG or WEBP image at any width, with retina scaling and transparent background.

What it does

Render an HTML snippet to a PNG, JPEG or WEBP image at any width, with retina scaling and transparent background. It runs in seconds, needs no login and no API key of your own, and can process up to 1000 items in one run (batch mode).

Examples:

  • A 600x200 PNG banner: {"html": "<div style='font:700 48px sans-serif;padding:40px;background:#1fa37a;color:#fff'>Hello, v&oslash;iddo</div>", "width": 600, "height": 200}
  • Full-height transparent WEBP at 2x density

Input

FieldTypeRequiredDescription
htmlstringyesThe HTML document or fragment (UTF-8, up to 2 MB). JavaScript is not executed.
widthintegernoViewport width in CSS px
heightintegernoViewport height in CSS px; omit for a full-page image that fits the content
formatselectnoFile format of the result. Allowed: png, jpeg, jpg, webp.
qualityintegernojpeg / webp quality
device_scale_factorstringnoPixel density (2 = retina) (a number)
transparentbooleannoTransparent page background (png / webp only)
itemsarraynoOptional. A list of input objects with the same fields as above; every object is processed in its own right and the top-level fields act as shared defaults. Leave empty to process the single input above (up to 1000 items per run).

Example input:

{
"html": "<div style='font:700 48px sans-serif;padding:40px;background:#1fa37a;color:#fff'>Hello, v&oslash;iddo</div>",
"width": 600,
"height": 200
}

Output

Each processed item adds one row to the dataset with file_url (a link to the generated file in the run's key-value store), filename, mime, bytes, credits and ms. The file itself is stored under the key shown in file_key. A failed item adds a row with error and status instead; the run fails only when every item failed.

Limits

  • Up to 30 seconds per item.
  • Input size up to 2,100,000 bytes per item.
  • URLs must be public http(s) addresses; private and local addresses are refused, robots.txt is respected where pages are fetched.
  • No logins, no captcha solving, no personal-data lookups.
  • Each run sends one short usage record to the developer: the Actor and run IDs, the number of results, whether the run succeeded (and if not, the kind of error, such as "blocked" or "input problem"), whether the account is on a paid Apify plan, how the run was started (for example from the Console, the API or a schedule) and a one-way fingerprint of the account (a hash, not the account ID), so that repeat runs of one account count once. It contains nothing from your input or results.

Pricing

You pay per successfully processed item (the current price is on the Pricing tab). A failed item is not charged.

Run it through the API

Python, with the apify-client package:

from apify_client import ApifyClient
client = ApifyClient("<YOUR_APIFY_TOKEN>")
run = client.actor("v0iddo/html-to-image").call(run_input={"html": "<div style='font:700 48px sans-serif;padding:40px;background:#1fa37a;color:#fff'>Hello, v&oslash;iddo</div>", "width": 600, "height": 200})
for item in client.dataset(run["defaultDatasetId"]).iterate_items():
print(item)

JavaScript, with the apify-client package:

import { ApifyClient } from 'apify-client';
const client = new ApifyClient({ token: '<YOUR_APIFY_TOKEN>' });
const run = await client.actor('v0iddo/html-to-image').call({"html": "<div style='font:700 48px sans-serif;padding:40px;background:#1fa37a;color:#fff'>Hello, v&oslash;iddo</div>", "width": 600, "height": 200});
const { items } = await client.dataset(run.defaultDatasetId).listItems();
console.log(items);

One HTTP call that waits for the run and returns the rows (for runs that finish within 5 minutes):

curl -X POST "https://api.apify.com/v2/acts/v0iddo~html-to-image/run-sync-get-dataset-items?token=<YOUR_APIFY_TOKEN>" \
-H "Content-Type: application/json" \
-d '{"html": "<div style='font:700 48px sans-serif;padding:40px;background:#1fa37a;color:#fff'>Hello, v&oslash;iddo</div>", "width": 600, "height": 200}'

Use it from an agent (MCP)

Claude, Cursor, VS Code and other MCP clients can call this actor as a tool through the Apify MCP server. Add it to the client's MCP configuration:

{
"mcpServers": {
"apify": {
"url": "https://mcp.apify.com?tools=v0iddo/html-to-image",
"headers": {
"Authorization": "Bearer <YOUR_APIFY_TOKEN>"
}
}
}
}

FAQ

Do I need an account or an API key?

No key of your own. You only need an Apify account to start the actor.

How many items can one run process?

One item from the fields above, or up to 1,000 in items (batch mode). Each item becomes one row in the dataset.

How am I charged?

Per successfully processed item, at the price on the Pricing tab for your Apify plan. A failed item is not charged, the platform usage of the run is included, and your spending limit for a run is always respected.

Where are the results?

Every row links to its file (file_url) in the run's key-value store; the rows themselves export as JSON, CSV or Excel from the Output tab or the API.

Can I run it on a schedule or from another tool?

Yes. Save the input as a task and schedule it in the Apify Console, or start it from Make, Zapier, n8n, a webhook or the API calls above.

Something is missing or wrong. Where do I report it?

Open an issue on the Issues tab of this actor with the run link, or write to data@voiddo.com.

Other ways to use it

The same engine is also available as an API at https://data.voiddo.com and as browser tools at https://utils.voiddo.com.

Support

Questions or a case that does not work: data@voiddo.com. We answer within one business day.