HTML/CSS to Image API Docs

Your search for pixel-perfect image generation ends here.

Generate images and PDFs from HTML/CSS, take screenshots of webpages, or create thousands of images from a single template. We run the browsers so you don’t have to.

Get back a png, jpg, webp, or pdf
Use your own fonts, CSS, and JavaScript
Reuse templates with different text, images, and data
Automatically generate Open Graph images for every page on your site
Works with your code, automation tools, and AI assistants
No janky fonts or blurry images

Four ways to generate images

From HTML/CSS

Send HTML and CSS to render an image or PDF. Use your own layouts, fonts, and JavaScript.

POST https://hcti.io/v1/image

{
  "html": "<h1>Hello world</h1>",
  "css": "h1 { color: #00b980; }"
}

From a URL

Screenshot a public webpage, capture the full page, or crop to a specific element.

POST https://hcti.io/v1/image

{
  "url": "https://example.com",
  "full_screen": true
}

From a template

Design a template in the visual editor or with HTML/CSS, then generate images with different text, images, and data.

POST https://hcti.io/v1/image/TEMPLATE_ID

{
  "template_values": {
    "title": "Hello world"
  }
}

Automatic Open Graph images

Connect your website or CMS and generate a social card for each page from its screenshot or metadata.

<head>
  <meta
    property="og:image"
    content="https://hcti.io/v1/og/DOMAIN_ID/"
  >
</head>

Quick start

Choose your path to get started:

I want to…	Go here
Read the API docs	Using the API
Try requests in Postman	Official collection · Setup guide
Add automatic social cards	Open Graph Images for a website, CMS, or store
Design a reusable template	Template Editor
See example code	PHP, JavaScript, Ruby, Python, GoLang, cURL, C#, TypeScript, Java, Rust, Kotlin, Elixir
Use with AI assistants	Connect Claude, ChatGPT/Codex, Cursor, Grok, and more with MCP
Automation options	n8n, Zapier, or Make
See use cases	Use Cases & Examples