Skip to content
Astro Snapshot
Now compatible with Astro 6!

Say cheese!

Generate screenshots of your Astro pages automatically at build time with Astro Snapshot. Perfect for creating social images, content previews, dynamic icons, and more!
Get Started Demo View on GitHub

Features

Section titled “Features”

Framework agnostic

Generate images from any valid Astro page, using whatever front-end framework you want. Not limited to preset layouts or restricted CSS like other solutions.

Customizable outputs

You have full control over the generated images. Choose between PNG, JPEG, or WebP. Generate multiple images per page with different configurations. Save them anywhere.

Flexible configuration

Define global defaults and override them per image. Pass through options directly to Puppeteer for precise control of the browser, viewport, and screenshot generation process.

TypeScript support

Full type safety for all options. Import the Config type to catch mistakes in your config before you build. Install the package from JSR for use with TypeScript-native runtimes like Deno.

Use Cases

Section titled “Use Cases”

Social images

Use your existing front-end components to generate Open Graph images and/or Twitter cards for your blog posts or other content.

Content previews

Generate screenshots of your website for use in documentation, marketing materials, showcases, etc.

Favicons

Dynamically generate favicons for your website.