Text to Image

HTML To Image and PDF

Render and convert raw HTML, CSS styles, and web layouts into high-resolution images (WebP, PNG, JPG) or vector PDF documents.

$0.005/run Studio Model Popular New 30 runs
HTML To Image and PDF
Generation time: 0s

Your result will appear here

Configure parameters and press Run, or press Ctrl - ↵ Enter.

Run the model to see raw JSON response

API Endpoint

POST https://lumozai.com/api/v4/run

Use this endpoint to run the model with your parameters. Authentication is required using your API key.

Sample Code (PHP cURL)

<?php
// API endpoint URL
$apiUrl = 'https://lumozai.com/api/v4/run';

// Your API key
$apiKey = 'YOUR_API_KEY';

// Model parameters
$params = [
    'model_id' => 'html-to-image',
    'html' => '<!DOCTYPE html><html><head><style>body{margin:0;padding:40px;background:#0f172a;color:#fff;font-family:system-ui,-apple-system,sans-serif;display:flex;align-items:center;justify-content:center;height:100vh;box-sizing:border-box;}.card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:24px;padding:48px;max-width:680px;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);}.badge{display:inline-block;padding:6px 16px;background:rgba(99,102,241,0.2);color:#818cf8;border:1px solid rgba(99,102,241,0.4);border-radius:9999px;font-weight:600;font-size:14px;margin-bottom:20px;}h1{font-size:40px;margin:0 0 16px 0;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}p{color:#94a3b8;font-size:18px;line-height:1.6;margin:0 0 24px 0;}</style></head><body><div class="card"><div class="badge">Lumoz AI Microservice</div><h1>HTML To Image and PDF</h1><p>Pixel-perfect web rendering with dynamic resolution and vector document export.</p></div></body></html>',
    'width' => 1680,
    'height' => 867,
    'file_type' => 'webp',
];

// Initialize cURL session
$curl = curl_init();

// Set cURL options
curl_setopt_array($curl, [
    CURLOPT_URL => $apiUrl,
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_POST => true,
    CURLOPT_POSTFIELDS => $params,
    CURLOPT_HTTPHEADER => [
        'Accept: application/json',
        'Authorization: Bearer ' . $apiKey
    ]
]);

// Execute the request
$response = curl_exec($curl);
$httpCode = curl_getinfo($curl, CURLINFO_HTTP_CODE);

// Check for errors
if (curl_errno($curl)) {
    echo 'cURL Error: ' . curl_error($curl);
} else {
    // Process the response
    $result = json_decode($response, true);
    
    if ($httpCode == 200 && isset($result['success']) && $result['success']) {
        // Handle successful response
        echo "Model output: ";
        print_r($result['data']['output']);
    } else {
        // Handle error response
        echo "Error: " . ($result['message'] ?? 'Unknown error');
    }
}

// Close cURL session
curl_close($curl);

Request Parameters

Parameter Type Required Description
model_id string Required The ID of the model to run (html-to-image)
api_key string Required Your API key for authentication (sent via Bearer token in the Authorization header)
html string Required Raw HTML, inline CSS, or styled web component to render.
width array Optional Viewport width in pixels (1 to 7680).
height array Optional Viewport height in pixels (1 to 4320).
file_type string Optional Render output format (WebP, PNG, JPG, or PDF Document).

Response Format

{
    "success": true,
    "data": {
        "output": "https://lumozai.com/storage/outputs/image_12345.jpg"
    }
}

Model Pricing

Pay only for what you run. Charges are deducted directly from your account balance with zero recurring commitments.

Rate per generation
$ 0.005 / generation
$5.00 per 1,000 generations
Cost Estimator
1,000 generations
Estimated Total $5.00
Add Balance
Automatic instant refund if any run fails • Credits valid for 1 year