Convert HTML to JPG Online
Take a screenshot of an HTML file as a JPG image.
Drop your HTML file here
or click to select
How HTML to JPG works
Upload HTML
Drag & drop or click to select your HTML file.
Choose Options
Adjust quality, size, or other output settings if needed.
Download JPG
Click Convert and your JPG file downloads instantly.
About HTML to JPG conversion
HTML is the markup language of the web, and converting it to JPG turns living, interactive documents into static snapshots. Common reasons include archiving a page before redesign, sharing a portfolio mock-up without hosting it, embedding a documentation excerpt in a presentation, or preserving evidence of online content for legal or editorial reference. Unlike a browser screenshot, an HTML-to-JPG service renders the page in a controlled environment with a known viewport size, no extensions interfering, and no scrollbars or chrome polluting the capture.
jpg.now uses a headless Chromium engine to render HTML5, modern CSS (flexbox, grid, custom properties), and JavaScript with a generous but bounded execution budget. Web fonts load via @font-face if the source declares them; if a font file is hosted externally, the converter fetches it unless CORS blocks the request. The output captures the full scrollable height by default, producing a single tall JPG that preserves the page in its rendered glory.
Designers use this to generate Dribbble shots from working prototypes, technical writers grab snapshots of API documentation for slides, and SEO teams capture SERP-style mockups for client decks. For multi-page sites, capture each route individually and bundle with /jpg-to-pdf. If the resulting JPG is too large for email, route it through /compress-jpg. To convert documentation back into editable text, the /image-to-text OCR path works on the rendered output.
Where JPG comes from
HTML was created by Tim Berners-Lee at CERN in 1989-1991 and standardised in 1995. After the long stagnation of HTML 4.01 between 1999 and 2008, the WHATWG took over to draft HTML5, which was published as a W3C Recommendation in 2014 and made a Living Standard thereafter. HTML5 introduced semantic elements, native audio and video, canvas, web storage, geolocation, and a clean error-recovery parsing model. The .html four-letter extension became dominant once filesystems left DOS 8.3 limits behind in the late 1990s, and today every modern site, web app, and email template is served as .html via HTTPS over HTTP/2 or HTTP/3.
HTML vs JPG at a glance
| HTML | JPG | |
|---|---|---|
| Content type | Modern HTML5 with CSS3, JS, web fonts, video, canvas | Single rendered raster snapshot of the page |
| Editability | Editable in any code editor or visual builder | Not editable - DOM collapses to pixels |
| Searchability | Crawler-indexable, semantic landmarks queryable | Opaque until OCR is applied |
| Pages | One document of arbitrary scroll length | Tall single JPG or paginated set, depending on capture mode |
| File size | Markup tiny, assets typically 1-5 MB once images and fonts load | Single JPG, 500 KB to 4 MB for a full-page screenshot |
| Specific gotcha | Lazy-loaded images and JS-rendered content require waiting | Cookie banners and chat widgets often appear in the snapshot |
Real-world workflow — Web archivist preserving a marketing campaign landing page before it gets taken down
- Visit the live URL and confirm the Black Friday landing renders as expected
- Paste the URL into the converter and pick 1440 px wide full-page capture
- Set a 5-second wait so lazy images and the hero video poster load before the shot
- Auto-dismiss the cookie banner and chat bubble so they do not clutter the JPG
- Save the snapshot alongside the WARC record for the legal archive
Recommended conversion settings
| Use case | Settings |
|---|---|
| Full-page marketing snapshot | 1440 px viewport, quality 88, full-page capture, 5 s wait, dismiss banners |
| Hero / above-the-fold only | 1440 px viewport, quality 90, fold-only capture, 3 s wait |
| Mobile preview | 390 px viewport (iPhone 13), quality 85, full-page capture, 4 s wait |
| Print stylesheet rendering | 1200 px viewport, quality 92, force print CSS, paginate to A4 |
| Social card / Open Graph | 1200 x 630 fixed crop, quality 88, dismiss banners |
Where will your JPG file open?
| Platform | HTML | JPG |
|---|---|---|
| Chrome / Edge / Firefox / Safari | ✓ | ✗ |
| macOS Preview | ✗ | ✓ |
| Windows Photos | ✗ | ✓ |
| Photoshop | ✗ | ✓ |
| LibreOffice Writer (embed) | ~ | ✓ |
| iPhone Photos | ✗ | ✓ |
| Gmail / Outlook (inline) | ✗ | ✓ |
| Figma / Sketch import | ✗ | ✓ |
When to convert HTML to JPG
Converting an HTML file to JPG renders the full web page layout as a static screenshot image - Capturing text, images, CSS styling, and the overall visual design as it appears in a browser. This is invaluable for website documentation, portfolio screenshots, visual archives of web content, design review mockups, and embedding web page content in documents or presentations that do not support live web embedding.
UX designers, web developers, and digital marketing teams use HTML-to-JPG conversion to capture page screenshots for client presentations, before-and-after design comparisons, and portfolio case studies. The JPG provides a fixed, permanent record of what a page looked like at a specific point in time - Useful for tracking design iterations, documenting A/B test variants, and building visual change logs.
Legal and compliance teams use page-to-image conversion for archiving web content as timestamped evidence - Capturing terms of service versions, product pricing representations, and advertising claims exactly as they appeared to users on a given date. A JPG of the rendered page is a robust record that is harder to dispute than a text-based or HTML-source archive.
HTML to JPG tips
- Include all CSS and font files in the same upload bundle, or use absolute URLs that resolve publicly.
- Test responsive layouts at common breakpoints - 375px, 768px, 1280px - by adjusting the viewport before capture.
- Disable animations (prefers-reduced-motion or @media print) so the first frame captures correctly.
- For dark-mode pages, ensure the @media (prefers-color-scheme) query matches your intended output.
- Long pages can exceed 30,000px tall; split into sections for sharing or use PDF as the carrier format.
Why use this HTML to JPG converter
Related tools
Formats involved
HTML – HyperText Markup Language
JPG – Joint Photographic Experts Group
HTML to JPG tips
- Set the viewport width to match how the page should appear — use 1280 for desktop or 375 for mobile layout.
- JavaScript-rendered content and CSS animations are captured after the page finishes loading.
- Use a higher DPI setting if the output JPG looks soft or text appears small.
HTML to JPG — frequently asked questions
Related guides & articles
Maybe you wanted something else?
- If the file uses the legacy three-letter extension → HTM to JPG
- If you want a paged archival PDF → JPG to PDF
- If you need to extract copy from the screenshot → Image to Text
- If the full-page JPG is too heavy → Compress JPG