HTML to JPG Converter
Upload a saved web page, email template or HTML report and get it back as a JPG image of the whole page, top to bottom. You pick the browser width, so the result can show the desktop layout or the mobile one.
Document to Image
or drop DOC, DOCX, DOCM … files here ·
Max 95 MB per file· Up to 20 files· Deleted after 30 minutes
Files are processed on our servers and deleted after 30 minutes.
Convert every page, only the first one (a thumbnail or cover), or a range.
Pages or slides to convert, e.g. 1-3, 5, 8-10.
HTML files only: the browser window width used to render the page. 1280 px is a typical laptop; 390 px shows the mobile layout.
85 keeps text sharp at a moderate size. Lower values make smaller files but blur small print.
How to use this tool
- 1
Upload the HTML file
Drop an .html, .htm or .mhtml file, up to 20 at a time. For pages with images and styles, save them in your browser as a single file (MHTML) first so everything travels with the page.
- 2
Choose the page width
HTML page width starts at 1280 px, a typical laptop. Enter 390 px for the phone layout or 600 px for an email template. Images is set to one long image.
- 3
Convert to JPG
Press Convert to JPG and download the image. Switch Images to one per page if you prefer the page split into print-sized pieces.
HTML to JPG is a full-page screenshot made from a file: the browser width you choose decides the layout, and the JPG captures every pixel of it.
How an HTML file becomes a JPG image
An HTML file is instructions, not a picture. The browser reads the markup, applies the stylesheets, loads the images and fonts, and lays everything out for the width of the window. Change the width and a responsive page rearranges itself: columns stack, menus collapse, images shrink. That is why the converter asks for HTML page width before anything else.
Once the layout is done, the whole page is captured from top to bottom, not just the part that would fit on a screen. With Images on one long image, you get a single tall JPG; switch to one per page and the same content is cut into page-sized images instead.
Quality starts at 85, which keeps body text readable while staying much smaller than a PNG of the same page. Raise it toward 95 if the page has small print or thin table borders that must stay sharp.
1280 pxdefault browser width for rendering the page
Pick the page width: full desktop page or mobile view
The default. Most sites show their full desktop layout at this width, with navigation bars and side columns.
- Website reviews and client approvals
- Archiving how a page looked
- Slides and reports
The CSS width of many recent iPhones. Responsive pages switch to their mobile layout, giving a tall, narrow image.
- Showing the mobile design
- App store or social media mockups
The width most HTML email templates are built for. The template renders exactly as a desktop mail client would show it.
- Newsletter previews
- Sharing a campaign proof
A full HD monitor. Useful for dashboards and pages that add columns on large screens.
- Analytics dashboards
- Wide data tables
When the HTML to JPG result looks wrong
Images are missing or show as broken icons
The images were stored next to the HTML, not inside it. Save the page as a single MHTML file, or use full web addresses for the images.
The page is blank or only shows a loading spinner
The content is built by scripts after the page loads, or sits behind a login. Open it in your browser, wait until it has fully loaded, then save it as a single file.
Text is cut off at the right edge
The page has a fixed width wider than the window. Raise HTML page width to match it, for example 1440 px.
The JPG is too large for an upload form
Lower Quality to around 70, use a narrower width, or shrink the result afterwards with Compress image.
HTML
HyperText Markup Language
HTML is the markup language of the web, first described by Tim Berners-Lee in the early 1990s and now maintained by WHATWG as a living standard. An HTML file describes headings, paragraphs, links, tables, images and forms, while styling usually comes from CSS. Every browser renders it, and it is also used for email templates and saved web pages. A single HTML file often depends on external images and stylesheets, so it may look broken when moved on its own.
- Compression
- –
- Transparency
- –
- Animation
- –
- Introduced
- 1993 · Tim Berners-Lee; maintained by WHATWG
JPG
JPEG image
JPEG (or JPG) is the most widely used photo format, standardised by the Joint Photographic Experts Group in 1992. It uses lossy compression that discards fine detail the eye is unlikely to notice, which keeps photos small enough for the web, email and phone storage. It handles smooth gradients and natural scenes well, but sharp text, line art and flat colours pick up visible blocky or fuzzy artefacts. JPEG has no transparency and no animation, and every re-save loses a little more quality. Every browser, phone, camera and image editor can open it.
- Compression
- Lossy
- Transparency
- No
- Animation
- No
- Introduced
- 1992 · Joint Photographic Experts Group
HTML only looks right inside a browser; turning it into a JPG freezes one rendering into a picture you can attach, post, archive or drop into a slide, where code would be useless.
HTML to JPG questions
Can I paste a website address instead of uploading a file?
No, this converter works on HTML files you upload. Open the page in your browser, use Save Page As and choose Webpage, Single File (MHTML in Chrome and Edge), then upload that file. It contains the HTML, styles and images together.
Why does my JPG show plain text without any styling?
The HTML was saved without its stylesheet and images, which happens with the Webpage, HTML Only option. The converter only sees the markup. Save the page again as a single MHTML file, or put the CSS inline in the HTML before uploading.
How long a page can one JPG hold?
The JPEG format caps each side at 65,535 pixels, so an extremely long page at a wide setting can hit that limit. For long articles, switch Images to one per page, or convert to HTML to PDF, which has no such limit.
Should I choose JPG or PNG for a web page screenshot?
JPG is smaller and fine for pages with photos. PNG keeps small text and thin lines perfectly crisp and supports a transparent background, so it is better for UI mockups and dashboards. Our JPG vs JPEG vs PNG explainer covers the trade-off.
Why do the fonts in the image look different from my browser?
Fonts installed only on your computer are not available where the page is rendered, so a fallback font is used. Web fonts embedded in the saved page, or loaded with the page's styles, render as intended.
Can I convert an HTML email template to an image for a preview?
Yes. Set HTML page width to 600 px, the width most email templates are designed for, and keep one long image. The result is a quick visual proof to share with someone who should not receive the test email itself.