Limited lifetime deal. Grab it Now →
HTML to Image API

Generate images from HTML templates

Create invoices, certificates, social cards, and more using HTML/CSS — and generate thousands of images automatically.

Generate your first image → View API docs
Full browser rendering with CSS, fonts, and layouts - exactly as you design Generate hundreds of images with one template using dynamic data No credit card 100 free renders
HTML template
<!-- OG Image --> <div style="background:linear-gradient( 135deg,#1e3a5f,#6d28d9); width:1200px;height:630px; padding:80px;color:white;"> <h1 style="font-size:64px"> {{page_title}} </h1> <p style="opacity:.6"> peekshot.com </p> </div>
Rendered image
✓ Rendered · 0.8s
peekshot.com
Screenshot any website. Automatically.
cdn.peekshot.com/img_og_k8x2.png · 1200×630
< 1s
Average render time
Any CSS
Flexbox, Grid, variables
Any font
Google, Adobe, or custom
CDN
Hosted URL, zero config
Trusted by 500+ teams
Agenix AI
AstroDecode
Bernadot
CandyDocs
DSM Engines
Elevate HC
Radio Media
Seraph
Agenix AI
AstroDecode
Bernadot
CandyDocs
DSM Engines
Elevate HC
Radio Media
Seraph
The problem with alternatives

Canvas API is a pain.
Design tools can't scale.

Generating images programmatically has always been harder than it should be. You shouldn't need to learn a graphics API to put text on a coloured background.

✗ Canvas API / node-canvas
⟶ Steep learning curve with low-level drawing primitives
⟶ Text wrapping requires manual calculation — no CSS layout
⟶ Loading custom fonts is painful and platform-specific
⟶ Building anything complex takes days, not hours
⟶ Output quality varies — subpixel rendering is inconsistent
⟶ Native binaries break on deploy across different environments
✓ PeekShot HTML to Image API
⟶ Write HTML and CSS you already know — no new API to learn
⟶ Full CSS layout engine: Flexbox, Grid, text-overflow, wrapping
⟶ Any Google Font, Adobe Font, or custom typeface — one parameter
⟶ Go from HTML template to rendered image in under an hour
⟶ Consistent, pixel-perfect output — same result every render
⟶ Pure REST API — no dependencies, no binaries, no deploy issues
API integration

Send HTML.
Get an image URL back.

POST your HTML and CSS to the API. PeekShot renders it in a full browser environment with complete CSS support, then returns a hosted CDN URL you can use immediately. No storage setup. One request.

  • Full HTML5 and CSS3 support — any valid markup renders correctly
  • Inject external CSS frameworks like Tailwind or Bootstrap
  • Dynamic content via template variables — personalise every image
  • Set exact pixel dimensions for any output size — OG, Twitter, LinkedIn
  • Retina output option for crisp 2x images on high-DPI displays
  • Returns a permanent hosted CDN URL — embed directly in your app
generate-og.js 
// Generate a dynamic OG image from HTML
const html = `<html>
  <head>
    <link rel="stylesheet" href="https://fonts.googleapis.com/
      css2?family=Inter:wght@400;700">
    <style>
      body { margin:0; font-family:'Inter',sans-serif; }
      .card {
        width:1200px; height:630px;
        background:linear-gradient(135deg,#1e3a5f,#7c22d9);
        display:flex; flex-direction:column;
        justify-content:flex-end; padding:80px; color:white;
      }
      h1 { font-size:64px; line-height:1.1; margin:0; }
    </style>
  </head>
  <body>
    <div class="card">
      <h1>${pageTitle}</h1>
      <p style="opacity:.6">peekshot.com · ${date}</p>
    </div>
  </body>
</html>`;

const { url } = await fetch(
  'https://api.peekshot.com/v1/html-screenshots', {
    method: 'POST',
    headers: { 'x-api-key': process.env.PEEKSHOT_KEY },
    body: JSON.stringify({ html, width:1200, height:630 })
  }
).then(r => r.json());
// → https://cdn.peekshot.com/img_og_k8x2.png
✓ 200 OK · 0.8s · cdn.peekshot.com/img_og_k8x2.png · 1200×630px
What you can build

Every image your app
needs to generate.

peekshot.com
Screenshot any website. Automatically.
OG / Social Share Image
Dynamic Open Graph images for any page. Personalised per URL with live title and metadata.
Certificate of completion
Jamie
Advanced React Development · 2026
Certificates & Badges
Personalised certificates, completion badges, and awards with user data injected dynamically.
📊 Week in review
1,247 new signups
↑ 34% vs last week
Stat & Data Cards
Turn numbers and metrics into shareable visual cards for Slack, email, or social — from live data.
"Give it a URL, get a screenshot back. Simple. Elegant."
— mtrifiro, AppSumo
Testimonial Images
Convert text reviews into polished visual testimonial cards for landing pages, ads, and social.
📬 You're invited
Hi Jamie, join us for the product launch...
Register now →
Email Graphics
Personalised email header images that bypass CSS limitations in email clients. Consistent everywhere.
Order #PK-2847
PeekShot Basic$9.00
Total$9.00
Receipts & Invoices
Generate PDF or image receipts from HTML templates with dynamic order data. Perfect for transactional emails.
Developer workflows

How developers use
HTML to Image.

🌐
Dynamic OG images in Next.js
Generate unique Open Graph images for every page in your Next.js app without Vercel OG or Satori. Create an HTML template, inject page title and description, call PeekShot, cache the result. Works on any host.
Template HTML + page metadata → POST to /v1/html-screenshots → cache URL → return in <meta og:image>
🎓
Personalised certificate generation
Design your certificate in HTML and CSS, inject each user's name, course title, and completion date. PeekShot renders it as a print-quality PNG or PDF. No image editor, no server-side canvas required.
User completes course → inject name + date → POST to PeekShot → send download link
📣
Social media content at scale
Turn any data — blog post titles, product names, customer reviews — into on-brand social images. Define your template once, generate thousands of images by looping through your data and calling the API.
Data array → loop → inject each item → POST to PeekShot → store URLs → queue for posting
📧
Personalised email imagery
Email clients strip most CSS. Images don't. Generate personalised header images with the recipient's name, company, or custom data baked in. Consistent rendering across every email client.
Subscriber data → personalised HTML → POST to PeekShot → embed image URL in email send
Also from PeekShot

Need to capture a live URL instead?

HTML to Image renders your own markup. If you need to screenshot a live webpage — a competitor's site, a client page, a public URL — that's the URL to Image API on a separate page.

URL to Image API →

Design once.
Generate infinitely.

Build your HTML template, call the API, get back a hosted image URL. 100 free renders to start. No credit card, no canvas API, no headaches.

Get free API key → Read the docs
100 free renders · No credit card · Full CSS support · CDN hosting included