HTML TO PNG

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.

Try the Editor Free
npx slideshot ./file.html --formats png --scale 4

HOW IT WORKS

01

Write HTML with .slide elements

Each element with class .slide becomes one PNG image. Use any CSS styling you want — fonts, gradients, images, flexbox, grid.

02

Choose resolution and export

Set your scale factor from 1x to 6x. A 540x675 slide at 4x produces a 2160x2700px PNG — high enough for print.

03

Download your PNGs

Get a ZIP file with all your slides as individual PNG files. Ready for LinkedIn carousels, presentations, or social media.

THREE WAYS TO CONVERT

Use whichever method fits your workflow — browser, terminal, or AI.

Web Editor

Paste HTML in the browser, preview live, and export PNG with one click. No install needed.

Open Editor

CLI Tool

Run npx slideshot in your terminal. Works in CI/CD, GitHub Actions, and shell scripts.

View on npm

MCP Server

Let Claude or Cursor generate slides and export PNG automatically via the MCP protocol.

View MCP Server

SLIDESHOT VS OTHER METHODS

FeatureslideshotBrowser ScreenshotCanva
Max resolution6x (3240x4050)1x (screen DPI)Varies
Automation / CLIYes (npx)NoNo
AI integrationMCP + APINoLimited
Code-first workflowYesManualDrag & drop
Batch processingYesNoLimited
CostFree / open sourceFreePaid plans
PrivacyNo data storedLocalCloud-based

HTML TO PNG FAQ

How do I convert HTML to PNG?+
Use slideshot's web editor at slideshot.chavan.in/editor to paste HTML and export to PNG, or run 'npx slideshot ./file.html --formats png' in your terminal.
What resolution are the PNG exports?+
Slideshot supports up to 6x scale. A 540x675 slide at 4x scale produces a 2160x2700 PNG. At 6x, you get 3240x4050px — high enough for print.
Is the HTML to PNG converter free?+
Yes. Slideshot is 100% free and open source under the MIT license. No account, no watermark, no limits on the CLI.
Can I convert HTML to PNG in CI/CD?+
Yes. Run 'npx slideshot ./slides.html --formats png --scale 4' in any CI/CD pipeline, GitHub Actions workflow, or shell script. No browser installation needed — Puppeteer is bundled.

CONVERT HTML TO PNG NOW

No signup. No install. Paste HTML and export high-res PNGs in seconds.