> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.templated.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Complete Guide to Output Formats

# Complete Guide to Output Formats

Templated supports multiple output formats for different use cases.

## Available Formats

| Format | Extension | Best For |
| ---- |
| JPEG | `.jpg` | Photos, social media, web |
| PNG | `.png` | Graphics with transparency |
| WebP | `.webp` | Web optimization |
| PDF | `.pdf` | Print, documents |
| MP4 | `.mp4` | Video, animations |

## JPEG (Default)

```json
{ "format": "jpg" }
```
* Best for photographs
* Smaller file sizes
* No transparency support

## PNG with Transparency

```json
{
  "format": "png",
  "transparent": true
}
```
* Supports transparent backgrounds
* Larger file sizes
* Best for logos, graphics

## WebP

```json
{ "format": "webp" }
```
* Modern web format
* Smaller than PNG/JPEG
* Wide browser support

## PDF Options

```json
{
  "format": "pdf",
  "cmyk": true,
  "flatten": true
}
```

* `cmyk` — Convert to CMYK color (for print)
* `flatten` — Flatten layers (recommended for print)
* `link` — Add clickable links to layers

## Video (MP4)

```json
{
  "format": "mp4",
  "duration": 10000,
  "fps": 30
}
```

* `duration` — Length in milliseconds (max 90000)
* `fps` — Frames per second (1-60, default 30)
* Captures all CSS animations

**Credit cost formula:**
```
(Width × Height × FPS × Seconds) / 50,000,000
```

## Scaling

Resize output without changing template:
```json
{
  "scale": 2.0
}
```

* `0.1` = 10% size (smaller)
* `1.0` = 100% size (default)
* `4.0` = 400% size (larger)

For detailed documentation: [https://templated.io/docs/renders/create/](https://templated.io/docs/renders/create/)