HTML to Image Converter: Convert HTML to PNG, JPG and WEBP
Pricing
from $2.38 / 1,000 file generateds
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
Maintained by CommunityActor stats
0
Bookmarked
2
Total users
1
Monthly active users
a day ago
Last modified
Categories
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øiddo</div>", "width": 600, "height": 200} - Full-height transparent WEBP at 2x density
Input
| Field | Type | Required | Description |
|---|---|---|---|
html | string | yes | The HTML document or fragment (UTF-8, up to 2 MB). JavaScript is not executed. |
width | integer | no | Viewport width in CSS px |
height | integer | no | Viewport height in CSS px; omit for a full-page image that fits the content |
format | select | no | File format of the result. Allowed: png, jpeg, jpg, webp. |
quality | integer | no | jpeg / webp quality |
device_scale_factor | string | no | Pixel density (2 = retina) (a number) |
transparent | boolean | no | Transparent page background (png / webp only) |
items | array | no | Optional. 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ø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 ApifyClientclient = 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ø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ø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ø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.