What is the difference between full page and visible area?

Full page scrolls the whole document into one tall image, up to the height limit described below. Visible area captures only what fits in a standard browser window, which is what you want for a social card or thumbnail.

What resolution is the image?

Pages are rendered at a standard desktop width of 1280 pixels. The Sharpness setting decides the pixel density: 90 or above captures at 2× (a 2560-pixel-wide image) for high-resolution screens, and the default of 85 captures at 1.5×.

Why is my image missing fonts or pictures?

Assets referenced by a relative path are not uploaded with the HTML file and cannot be found. Use absolute URLs for images, fonts and stylesheets, or embed them directly as data URLs.

Why is my full-page image cut off at the bottom?

Only if the page is exceptionally long. An image is limited to about 60 million pixels, so a page too long to fit at your chosen Sharpness is captured at standard sharpness instead, which keeps all of it — roughly 46,000 pixels of page at the standard 1280-pixel width. Only a page longer than that is cut off, and then you get the top of it with a note saying how much.

Does JavaScript run before the capture?

Yes. The page's scripts run in an isolated browser, and the capture waits two seconds after loading by default so late layout and font changes can settle. Choose five seconds under Wait before capture for slower pages, or no wait for static HTML.

Will sections that load or fade in as I scroll appear?

Yes. Before a full-page capture the page is scrolled from top to bottom, so lazy-loaded images and sections that animate in on scroll are drawn, and the capture waits for images and web fonts to finish. Layouts where the content scrolls inside a panel — a dashboard or web-app style page — are opened out, so the whole panel is in the image rather than just the part that fits on screen.

Can the PNG have a transparent background?

No. The page is captured as the browser draws it, so anywhere your HTML sets no background comes out white. For a cut-out, remove the background in an image editor afterwards.

Is this converter free?

Yes. Every conversion on ConvertNicely is free to use, with no account, no watermark on the result and no limit on how many files you convert.

What happens to my files?

Your uploaded file is deleted from our servers the moment the conversion finishes, whether it succeeded or failed. The converted result is deleted automatically one hour later, and you can delete it yourself at any time with the Delete button.

Is there a file size limit?

Files up to 20 MB are accepted for this conversion. Larger limits apply to paid plans in future, but the free limit is generous enough for the overwhelming majority of PNG conversions.

Do I need to install anything?

No. ConvertNicely runs entirely in your browser and on our servers, so there is nothing to download or install. It works the same on Windows, macOS, Linux, Android and iOS.

Does it work on a phone?

Yes. The whole site is built mobile-first, so you can upload from your camera roll or files app, convert, and download the result without leaving your browser.

Free

Convert HTML to Image

Sometimes you need a picture of a page rather than a document. This renders your HTML in a real browser and captures the result as a PNG — useful for previews, social cards and visual records.

Also known as: HTM to image · HTML to PNG · HTML screenshot

Files up to 20 MBTypically under a minute

Drop your file hereor choose a file from your deviceHTML · up to 20 MB

Encrypted upload · deleted right after conversion

Your files are deleted automatically

Uploads are removed as soon as processing finishes, and converted files are deleted after 1 hour. Read our privacy policy.

How to convert HTML to PNG

Step 1
1. Add your HTML file
Drag your HTML file into the box, or choose it from your device. It can be up to 20 MB.
Step 2
2. Choose your settings
Adjust Capture full page (on), Include backgrounds (on) and Sharpness (85%), or keep the starting values in brackets, which suit most files. More are under Advanced options.
Step 3
3. Press Convert to PNG
The work happens on our servers, and you can follow its progress.
Step 4
4. Download your PNG file
Your upload is already deleted, and the result is deleted after one hour.

Why convert HTML to PNG?

Generating a preview thumbnail of a page or email template
Creating a social sharing image from an HTML design
Capturing a rendered component or chart as an image
Producing visual snapshots for documentation or review

HTML vs PNG

Comparison of HTML and PNG
Property	HTML	PNG
Contents	Text and markup	Pixels, stored losslessly
Text	Selectable and searchable	Part of the picture
Width	Reflows to any window	Fixed, 960 to 2560 pixels
Best for	Editing and publishing	Previews, social cards and records

Frequently asked questions

Page updated 3 October 2026

All Web converters

Convert HTML to Image

How to convert HTML to PNG

1. Add your HTML file

2. Choose your settings

3. Press Convert to PNG

4. Download your PNG file

Why convert HTML to PNG?

HTML vs PNG

Frequently asked questions

HTML to PDF

URL to PDF

PNG to JPG

PNG to WebP

Convert HTML to Image

How to convert HTML to PNG

1. Add your HTML file

2. Choose your settings

3. Press Convert to PNG

4. Download your PNG file

Why convert HTML to PNG?

HTML vs PNG

Frequently asked questions

What is the difference between full page and visible area?

What resolution is the image?

Why is my image missing fonts or pictures?

Why is my full-page image cut off at the bottom?

Does JavaScript run before the capture?

Will sections that load or fade in as I scroll appear?

Can the PNG have a transparent background?

Is this converter free?

What happens to my files?

Is there a file size limit?

Do I need to install anything?

Does it work on a phone?

Related conversions

HTML to PDF

URL to PDF

PNG to JPG

PNG to WebP