Use Case

Certificate & Award Generation

Generate professional certificates, awards, and diplomas from HTML templates. Perfect for online courses, events, and recognition programs.

Overview

Online courses, webinars, events, and employee recognition programs all need certificates. Designing each one manually doesn't scale. HTML-to-image conversion lets you templatize certificate generation and produce them on demand.

Screenshotly renders HTML certificate templates into high-resolution images or PDFs. Merge data—recipient name, course title, date, instructor—into your template and generate unique certificates for each recipient. The result is a professional, print-ready document.

This approach scales from tens to thousands of certificates. Online learning platforms generate completion certificates automatically, companies create employee recognition awards, and event organizers produce attendee certificates—all from a single template.

Key Benefits

Generate certificates from HTML templates

Merge recipient data dynamically

High-resolution print-ready output

Scale from tens to thousands

Results You Can Expect

Automated

certificate generation

Print-ready

high resolution output

Scalable

from 1 to 10,000+

How It Works

Design your certificate template in HTML/CSS

Add template variables for recipient data

Call the API with merged HTML for each recipient

Download PNG or PDF certificates

Distribute via email or download portal

Code Example

// Generate a course completion certificate
const generateCertificate = async (recipientData) => {
  const html = certificateTemplate
    .replace('{{name}}', recipientData.name)
    .replace('{{course}}', recipientData.course)
    .replace('{{date}}', recipientData.date);

  const certificate = await fetch('https://api.screenshotly.app/screenshot', {
    method: 'POST',
    headers: {
      'Authorization': 'Bearer YOUR_API_KEY',
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      html,
      format: 'png',
      viewport: { width: 1200, height: 850 },
    }),
  });

  return certificate;
};

Frequently Asked Questions

What resolution should I use for printable certificates?

Use a 2x device scale factor with a 1200x850 viewport for A4 landscape certificates. This produces images suitable for both screen viewing and printing.

Can I add digital signatures to certificates?

Yes! Include signature images in your HTML template. For verifiable certificates, add a QR code linking to a verification page.

Ready to automate certificates?

Get started with 100 free screenshots. No credit card required.

Start Free Trial Try Playground