# Generate Your First Render

> Use the API or no-code integrations to generate images from your template

- **URL**: https://orshot.com/docs/quick-start/generate-images

---

You have a template and an API key — now let's generate your first image.

## Using REST API

### 1. Get Your Template ID

Go to your [templates page](https://orshot.com/workspaces) and copy the template ID. The quickest way to get started is through the **Template Playground** — it shows API examples, integration options, and lets you test renders in your browser.

![](https://orshot.com/docs/quick-start/link-to-playground.png)

![](https://orshot.com/docs/quick-start/playground-usage.png)

### 2. Make a Render Request

Send a POST request with your template ID and the values you want to change:

<Tabs items=>
<Tab value="cURL">```bash
curl -X POST "https://api.orshot.com/v1/studio/render" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "templateId": "YOUR_TEMPLATE_ID",
    "modifications": {
      "title": "Hello World",
      "subtitle": "Welcome to Orshot",
      "authorPhoto": "https://example.com/photo.jpg"
    },
    "response": {
      "type": "url",
      "format": "png"
    }
  }'
```</Tab>
<Tab value="JavaScript">```javascript
const response = await fetch("https://api.orshot.com/v1/studio/render", {
  method: "POST",
  headers: {
    "Authorization": "Bearer YOUR_API_KEY",
    "Content-Type": "application/json",
  },
  body: JSON.stringify({
    templateId: "YOUR_TEMPLATE_ID",
    modifications: {
      title: "Hello World",
      subtitle: "Welcome to Orshot",
      authorPhoto: "https://example.com/photo.jpg"
    },
    response: {
      type: "url",
      format: "png"
    }
  })
});

const data = await response.json();
console.log(data.data.content); // Image URL

````
</Tab>
<Tab value="Python">```python
import requests

response = requests.post(
    "https://api.orshot.com/v1/studio/render",
    headers={
        "Authorization": "Bearer YOUR_API_KEY",
        "Content-Type": "application/json"
    },
    json={
        "templateId": "YOUR_TEMPLATE_ID",
        "modifications": {
            "title": "Hello World",
            "subtitle": "Welcome to Orshot",
            "authorPhoto": "https://example.com/photo.jpg"
        },
        "response": {
            "type": "url",
            "format": "png"
        }
    }
)

data = response.json()
print(data["data"]["content"])  # Image URL
````

</Tab>
</Tabs>

### Response Types

Choose how you want to receive the image:

| Type     | Description                       | Use Case                  |
| -------- | --------------------------------- | ------------------------- |
| `url`    | Returns a hosted URL to the image | Web applications, sharing |
| `base64` | Returns base64-encoded image data | Email, inline embedding   |
| `binary` | Returns raw image binary data     | Direct file download      |

### Response Formats

Choose your output format:

- `png` - Best for graphics with transparency
- `jpg` - Smaller file size, no transparency
- `webp` - Modern format, smaller size
- `pdf` - For printable documents

[Learn more about response options →](https://orshot.com/docs/definitions/response-type)

### Example Response```json
{
  "data": {
    "content": "https://storage.orshot.com/renders/user123/image-456.png",
    "type": "url",
    "format": "png",
    "responseTime": 1234.56
  }
}
```## Using Integrations

Prefer no-code? Use one of these integrations:

## Next Steps