Viewport checks
Render the same page or generated content at several dimensions before selecting an image.
Batch images for AI & agents
Send one source with a list of viewport, color scheme, or content changes, then return every rendered image together for model analysis or human review.
{
"default_options": {
"url": "https://hcti.io"
},
"variations": [
{ "viewport_width": 1200 },
{ "viewport_width": 630 },
{ "color_scheme": "dark" },
{ "full_screen": true }
]
}
Live demo
Set one URL as the default, change the viewport and browser settings for each variation, and receive all three image URLs from one request.
This simplified demo shows a few common controls. See the API reference for every option supported in default_options and individual variations.
Use cases
Render the same page or generated content at several dimensions before selecting an image.
Return a set of rendered candidates for vision-model evaluation or human review.
Check portrait, landscape, mobile, and desktop layouts without separate API calls.
Capture several visual states together so an agent can compare expected and actual results.
You
HTML/CSS to Image
HTML/CSS to Image
MCP integration
Connect an MCP-compatible AI client to HCTI through OAuth.
Generate images and PDFs, capture webpages, and work with templates without putting an API key in the prompt.
Baseline + variations
Put common content and rendering settings in default_options, then include only the overrides each image needs.
Define the URL and any settings shared by every image once in default_options.
"url": "https://example.com"Each variation can change viewport, color scheme, timezone, full-page capture, content, or other image options.
"color_scheme": "dark"The response returns one generated image result for each variation.
"images": [ ... ]Batch image API
Send one authenticated request with shared defaults and an explicit list of variations instead of maintaining several separate requests.
Generate all variations in one batch instead of coordinating separate API requests.
Use the viewport, browser, content, format, and capture options available to an individual image request.
Keep shared settings in one place instead of building and tracking several nearly identical API calls.
{
"default_options": {
"url": "https://example.com"
},
"variations": [
{
"viewport_width": 1200,
"viewport_height": 630,
"color_scheme": "light"
},
{
"viewport_width": 630,
"viewport_height": 1200,
"color_scheme": "dark"
}
]
}Ready to generate?
Set shared defaults, override only what changes, and receive every generated image URL together.
Batch image workflows
See how teams use shared defaults and per-image overrides for testing, campaigns, agent tasks, and classroom materials.
Test viewports, layouts, color schemes, and timezones without coordinating separate calls.
View workflowGenerate channel sizes, audience variants, and localized campaign images together.
View workflowGenerate quiz versions, report cards, schedules, and learning materials from shared defaults.
View workflow