Skip to main content

​
Quickstart

This guide walks you through generating your first image with Pictify in under 5 minutes.

​
Prerequisites

​
Step 1: Get Your API Key

  1. Log in to your Pictify dashboard
  2. Navigate to Settings > API Keys
  3. Click Create API Key
  4. Copy and store your key securely
Keep your API key secret. Never expose it in client-side code or public repositories.

​
Step 2: Install an SDK (Optional)

Choose your preferred language: 
npm install @pictify/sdk

​
Step 3: Generate an Image

​
Using the SDK

import { Pictify } from '@pictify/sdk';

const pictify = new Pictify({
  apiKey: 'your-api-key'
});

const result = await pictify.images.create({
  html: `
    <div style="width: 1200px; height: 630px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center;">
      <h1 style="color: white; font-size: 64px; font-family: sans-serif;">Hello, Pictify!</h1>
    </div>
  `,
  width: 1200,
  height: 630
});

console.log('Image URL:', result.url);

​
Using cURL

curl -X POST https://api.pictify.io/image \
  -H "Authorization: Bearer your-api-key" \
  -H "Content-Type: application/json" \
  -d '{
    "html": "<div style=\"width: 1200px; height: 630px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center;\"><h1 style=\"color: white; font-size: 64px; font-family: sans-serif;\">Hello, Pictify!</h1></div>",
    "width": 1200,
    "height": 630
  }'

​
Step 4: Use a Template

Templates let you create reusable designs with variables. Create a template in the dashboard, then render it: 
const result = await pictify.templates.render('your-template-id', {
  variables: {
    title: 'My Blog Post',
    author: 'Jane Doe',
    publishedAt: '2026-01-29'
  }
});

​
Next Steps

Templates

Learn to create reusable templates with variables

API Reference

Explore all API endpoints

SDKs

Full SDK documentation

Batch Processing

Generate images at scale