Download free

macOS and Windows. Your files stay on your computer.

Convert HTML to PNG on your Mac or PC. Arrange it, then capture.

Open an HTML file or paste markup, move the real elements around on an artboard, and export a sharp PNG at twice the size. Open Graph, square and story canvases are one click away. Your HTML stays on your computer.

Download for Mac Download for Windows

Intel Mac or need help installing? All downloads

Hangar runs on Mac and Windows. Open this page there to download.

  • Free for 3 days
  • No account
  • Then $45 once, no subscription

The file from the run in the recording

  • Lumen-Autumn-Landing.png, exported by HTML to Image in Hangar
    Lumen-Autumn-Landing.png2160×2160 PNG, 3.7 MB

How it works

How to convert HTML to PNG on Mac or Windows

  1. 1 Start from

    • HTML
    • HTM

    Open an HTML file or paste markup

    HTML and HTM files work, or paste the code straight into the studio.

  2. 2 Set it

    • Open Graph
    • Square
    • Story

    Pick a canvas and arrange

    Open Graph, Square, Story, Custom or Fit content. Move, resize, rotate or fade any element, with undo.

  3. 3 Export

    • PNG

    Export the PNG

    It saves at twice the artboard resolution, on a transparent or solid background.

New to Hangar? How to run a tool, step by step

Pick the canvas

Three ready sizes, each exported at double resolution.

The canvas sets the shape of the image. Whichever you pick, the PNG comes out at twice the artboard size, so text stays crisp on high-resolution screens. Custom and Fit content cover everything else.

  • Open Graph

    Start here

    1200 × 630, saved as 2400 × 1260.

    Best for link previews on social and chat apps.

  • Square

    1080 × 1080, saved as 2160 × 2160.

    Best for Instagram and LinkedIn feed posts.

  • Story

    1080 × 1920, saved as 2160 × 3840.

    Best for stories and vertical formats.

Every setting, explained in the HTML to Image guide Artboard · Layers · Position and size · Opacity · Background

Who uses it

Who uses HTML to Image

  • Developers

    Link previews from your own template

    Build the share image in HTML and CSS you already know, then export it at the exact Open Graph size.

  • Technical writers

    Docs images of coded components

    Turn a component page into a sharp, transparent PNG for documentation without a screenshot crop.

  • Marketers

    A landing page reworked for a post

    Rearrange a page’s real headline and visuals into a square post without touching the source.

    Hangar for marketers and content teams

One app, one payment

HTML to Image is one of 74 tools.

The same app makes mockups, carousels, QR codes and backgrounds, and handles your PDFs, images, video and audio too. One payment covers every tool.

A typical routine

Where HTML to Image fits

  1. Step 1HTML to Image
  2. Step 2Resize images
  3. Step 3Compress images

Render the image at double size, scale copies for each platform, then compress them so they load fast.

The alternative

Why not just take a browser screenshot?

A browser screenshot is free and fine for a quick look. When the image has to be an exact size and look finished, it gets fiddly.

ComparedA browser screenshotHangar
PriceFree in your browserIncluded with Hangar
Exact canvas sizeResize the window until it fitsOpen Graph, Square, Story, Custom or Fit content
Moving things before captureEdit the code and reloadDrag, resize, rotate and fade real elements
Transparent backgroundNot from a plain screenshotTransparent or a solid color
ResolutionDepends on your screenAlways twice the artboard
Pages that need JavaScriptRun as normalScripts are blocked, so the capture is static

Questions

Before you download

More answers in the help center.

Is it really free?

Every tool is free for 3 days, with no account and no card. After that, Hangar is a one-time payment from $45, with updates for the version you buy. There is no subscription.

How big is the exported PNG?

Twice the artboard. An Open Graph canvas of 1200 × 630 saves as a 2400 × 1260 PNG.

Can I make a PNG with a transparent background?

Yes. Keep the canvas transparent and only the page elements are drawn.

Can I paste HTML instead of opening a file?

No. Save the markup as an .html file and add it to the queue.

Does it work on Windows?

No. HTML to Image works on a Mac only. On Windows the tool shows as unavailable.

Can I move elements before exporting?

Yes. Hangar identifies meaningful elements and groups, then lets you move, resize, rotate, and change their opacity on the artboard.

Does it run JavaScript from the page?

No. Scripts are blocked during capture. The export is a static PNG using fonts installed on your computer or saved next to the page.

Does anything get uploaded?

No. Your files are processed on your computer and never sent anywhere. Hangar sends anonymous usage counts to improve the app, never file names or contents, and you can turn that off in Settings.

Does one license cover Mac and Windows?

Yes. A license works on any mix of Mac and Windows computers. Solo covers 1 computer, Crew 3 and Fleet 10.

Try HTML to Image free for 3 days.

Then pay once, from $45, for every tool and the updates for your version. No subscription. 30-day refund.See plans

Download for Mac Download for Windows

Intel Mac or need help installing? All downloads

Hangar runs on Mac and Windows. Open this page there to download.