HTML to JPG
Make a JPG from your HTML. Choose the quality and get a light file.
Paste HTML and CSS, or open an .html file. The picture is drawn as you type.
Open the HTML editor- Private by defaultDeleted within an hour
- Super FastProcess in seconds
- No Sign-upStart instantly
A JPG is the file that every app, mail program and website accepts. If you need a picture of a page that you can attach, upload to a form or post in a chat, a JPG is the safe choice. Paste your HTML and CSS, pick the size, and the picture is drawn and compressed for you.
JPEG works best on pages full of photos and soft gradients, where it shrinks the file a great deal. It is less kind to thin text on a flat colour, which can show faint noise around the letters. For pages that are mostly text, raise the quality or use PNG instead.
Because JPEG has no transparency, the picture is drawn on a white ground. Switch the whole page option on to capture a long layout from top to bottom, such as a newsletter, a receipt or a price list, and get it as one tall picture.
Choosing the quality
The quality slider runs from 40 to 100. Around 85 is a good start: the file is small and the difference from the original is hard to see. Go up toward 95 for text and logos, and down toward 70 when the file must be as light as possible.
Each change draws the picture again, so you can compare sizes at once. The size of the file is shown under the download button.
Long pages in one picture
With the whole page option the height is measured from the page itself, and the picture is as tall as the content. The height you type is then the smallest the picture can be. Pages taller than 16,000 pixels are cut off at that point.
Very tall JPEG files are awkward to view. If you plan to print or send a long page, a PDF may suit the reader better, and you can also split the page in your markup and draw each part on its own.
Newsletters, receipts and reports
Billing and reporting systems often produce HTML. A picture of that page can go into a ticket, a chat or an archive where the original markup would not display. Use a width of about 800 pixels for a document and 600 for an email.
Check the result before you send it. A narrow column that looked fine on a wide screen may wrap differently at 600 pixels, so adjust the width until the lines break where you want them.
Frequently asked questions
Why not a transparent JPG?
The JPEG format has no way to store transparency. The picture is drawn on white. If you need clear areas, use our HTML to PNG page.
What quality should I choose for text?
Use 90 or higher for pages that are mostly text. Lower values blur the edges of thin letters, which you will see when you zoom in on the preview.
Can I capture a whole long page?
Yes. Switch on the whole page option. The height of the picture follows the content, up to 16,000 pixels, and a note tells you if the end was cut.
Will it keep my colours?
Colours are drawn in the standard sRGB range that browsers use, so the picture matches the page. Very saturated colours outside sRGB are brought into range.
How big will the file be?
It depends on the content. A text page at 1280 by 720 is often under 150 KB, and a page with large photos can be a few hundred. The exact size is shown before you download.
Can I use it for photos on the page?
Yes, if the photo is embedded as a data address. The photo is drawn inside the layout and the whole picture is compressed once, which keeps the final file small.
Related tools
- HTML to imagePaste your HTML and CSS, pick a size, and download a picture of the page.
- HTML to PNGA PNG of your HTML with sharp text and a see-through background if you want one.
- Compress a JPEGReduce JPEG file size while keeping the photo looking right, free and with no sign-up.
- Convert PNG to JPGGet a smaller file for photos, with transparent areas filled white.