Getting started
Start here to learn how to use the HTML/CSS to Image API.
Quick start in 3 steps
1. Get your API credentials
Sign up at htmlcsstoimage.com and grab your User ID and API Key from the dashboard.
2. Make your first request
Choose your approach:
Generate from HTML/CSS:
curl -X POST https://hcti.io/v1/image -u 'UserID:APIKey' \
-d html="<div style='padding:20px;background:#4f46e5;color:white;'>Hello World</div>"
Screenshot a URL:
curl -X POST https://hcti.io/v1/image -u 'UserID:APIKey' \
--data-urlencode url="https://google.com"
3. Use your image
The API returns a URL to your generated image. Use it anywhere - in emails, social media, websites, or download it for other uses.
{
"url": "https://hcti.io/v1/image/be4c5118-fe19-462b-a49e-48cf72697a9d",
"id": "be4c5118-fe19-462b-a49e-48cf72697a9d"
}
Choose your path
| I want to… | Start here |
|---|---|
| Generate images from HTML/CSS | Using the API |
| Take screenshots of websites | URL to Image |
| Control image dimensions | Setting Height and Width |
| Create reusable templates | Templates |
| Generate images in one request | Create and Render |
Example code
Get started quickly with code samples in your language:
No-code options
Don’t want to write code? We’ve got you covered:
- Zapier - Connect with 5,000+ apps
- Make - Build powerful automation workflows
- MCP Server - Generate images from AI assistants like Cursor, Claude, and more
Need help?
We’re happy to help you get started. Email us at support@htmlcsstoimage.com - we’re experts at debugging HTML rendering issues and love helping developers succeed.