Claude
Skills
Sign in
Back

website-screenshot

Included with Lifetime
$97 forever

Capture screenshots of live websites and web pages via API. Use when users need to screenshot a URL, capture website previews, archive web pages, generate thumbnails of sites, or document web content. Ideal for monitoring, archiving, sharing website previews, or creating visual references of web pages.

Backend & APIs

What this skill does


# Website Screenshot API

Capture screenshots of any live website via `html2png.dev`.

## Endpoint

```
POST https://html2png.dev/api/screenshot
```

## Request

```bash
curl -X POST "https://html2png.dev/api/screenshot" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://example.com", "width": 1280, "fullPage": true}'
```

## Parameters

| Parameter           | Type   | Default  | Description                    |
| ------------------- | ------ | -------- | ------------------------------ |
| `url`               | string | required | Website URL to capture         |
| `width`             | int    | 1280     | Viewport width                 |
| `height`            | int    | 800      | Viewport height                |
| `fullPage`          | bool   | false    | Capture entire scrollable page |
| `format`            | string | png      | png, webp, pdf                 |
| `deviceScaleFactor` | float  | 2        | Retina scale (1-4)             |
| `delay`             | int    | 0        | Wait ms before capture         |
| `omitBackground`    | bool   | false    | Transparent bg                 |
| `colorScheme`       | string | -        | light or dark                  |
| `userAgent`         | string | -        | Custom user agent              |

## Response

```json
{
  "success": true,
  "url": "https://html2png.dev/api/blob/screenshot-abc.png",
  "format": "png",
  "timestamp": "2025-01-27T10:30:00.000Z"
}
```

## Examples

### Basic Screenshot

```bash
curl -X POST "https://html2png.dev/api/screenshot" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://github.com"}'
```

### Full Page Capture

```bash
curl -X POST "https://html2png.dev/api/screenshot" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://example.com", "fullPage": true, "delay": 2000}'
```

### Mobile Viewport

```bash
curl -X POST "https://html2png.dev/api/screenshot" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://example.com", "width": 375, "height": 812, "deviceScaleFactor": 3}'
```

### PDF Export

```bash
curl -X POST "https://html2png.dev/api/screenshot" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://example.com", "format": "pdf", "fullPage": true}'
```

### Dark Mode

```bash
curl -X POST "https://html2png.dev/api/screenshot" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://example.com", "colorScheme": "dark"}'
```

## JavaScript Example

```javascript
const response = await fetch("https://html2png.dev/api/screenshot", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    url: "https://example.com",
    width: 1280,
    fullPage: true,
    delay: 1000,
  }),
});

const data = await response.json();
console.log(data.url);
```

## Tips

- Use `delay` for sites with heavy JavaScript or animations
- `fullPage` captures the entire scrollable content
- `deviceScaleFactor=2` or higher for crisp text
- No caching - each request captures fresh content

## Rate Limits

50 requests/hour per IP.
Files: 1
Size: 3.3 KB
Complexity: 8/100
Category: Backend & APIs

Related in Backend & APIs