Convert any HTML+CSS into high-resolution PNG images at up to 6x scale. Slideshot renders each .slide element as a separate PNG file, giving you pixel-perfect output from code.
Each element with class .slide becomes one PNG image. Use any CSS styling you want — fonts, gradients, images, flexbox, grid.
Set your scale factor from 1x to 6x. A 540x675 slide at 4x produces a 2160x2700px PNG — high enough for print.
Get a ZIP file with all your slides as individual PNG files. Ready for LinkedIn carousels, presentations, or social media.
Use whichever method fits your workflow — browser, terminal, or AI.
Paste HTML in the browser, preview live, and export PNG with one click. No install needed.
Open EditorRun npx slideshot in your terminal. Works in CI/CD, GitHub Actions, and shell scripts.
View on npmLet Claude or Cursor generate slides and export PNG automatically via the MCP protocol.
View MCP Server| Feature | slideshot | Browser Screenshot | Canva |
|---|---|---|---|
| Max resolution | 6x (3240x4050) | 1x (screen DPI) | Varies |
| Automation / CLI | Yes (npx) | No | No |
| AI integration | MCP + API | No | Limited |
| Code-first workflow | Yes | Manual | Drag & drop |
| Batch processing | Yes | No | Limited |
| Cost | Free / open source | Free | Paid plans |
| Privacy | No data stored | Local | Cloud-based |
No signup. No install. Paste HTML and export high-res PNGs in seconds.