Skip to content

Latest commit

 

History

History
98 lines (71 loc) · 2.8 KB

index.md

File metadata and controls

98 lines (71 loc) · 2.8 KB
layout title permalink nav_order expanded has_children description
default
Getting started
/getting-started/
2
true
true
Get started with the HTML/CSS to Image API. Quick start guide with examples for Python, PHP, JavaScript, Ruby, and Go.

Getting started

{: .no_toc } {: .fs-9 }

Start here to learn how to use the HTML/CSS to Image API. {: .fs-6 .fw-300 }

Live demo{: .btn .btn-primary .fs-5 .mb-4 .mb-md-0 .mr-2 } Get an API Key{: .btn .fs-5 .mb-4 .mb-md-0 }

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.