Convert HTML to PNG or JPG images
Get a full-page PNG of an HTML page, or one image per slide for social posts, docs and thumbnails. Up to 3× resolution, transparent-free and watermark-free, several images zipped in one download.
- ✓ Free, unlimited
- ✓ No sign-up
- ✓ No watermark
- 🔒 Your files never leave your device
Files
Or paste HTML code
🔒 Runs in your browser. Your files never leave your device.
PNG / JPG
Advanced options
Fixes for AI-generated pages
Live preview
Free tool by Dawwerni: gamified loyalty for businesses
How to convert HTML to an image
- Drop the .html file or paste the code.
- Choose PNG (sharp text, lossless) or JPG (smaller photos).
- Pick one full-page image, or one image per slide / screen.
- Click Download images: one file, or a ZIP when there are several.
Tips for crisp images
- PNG for text, UI and charts; JPG for photo-heavy pages.
- Use High or Maximum quality for retina screens and print.
- Set the layout width to Mobile 390 to get a phone-sized screenshot of a responsive page.
- For Instagram or LinkedIn carousels, design 1080 × 1080 or 1080 × 1350 sections and export one image per slide.
Common problems and how the converter fixes them
- Web fonts missing (Google Fonts, icon fonts)
- The converter waits for document.fonts.ready before capturing. If a font still loads late, raise "Wait before capture" to 2–3 seconds.
- Charts are blank or half drawn (Chart.js, D3, ECharts)
- Chart.js animations are switched off right before capture and the page gets a settle delay. For heavy dashboards, wait 2–4 seconds.
- Tailwind CDN page looks unstyled
- The Tailwind Play CDN builds its CSS in the browser after load. The default 1.5 s wait covers it; slow connections may need 3 s.
- Sections set to 100vh are giant or squashed
- The page is rendered in a fixed viewport (1280 × 720 by default, or the size of your slides), so vh units stay stable on every page.
- The header repeats on every page or hides content
- Fixed and sticky elements are shown once, at their place at the top, instead of being stamped on every page.
- Dark background turns white
- Backgrounds are captured as they are; in Print mode the converter forces print-color-adjust: exact. With dark pages, use margins "None" so the page edge is dark too.
- Content that appears on scroll stays invisible
- The converter scrolls through the page first (scroll-reveal and lazy images load), then freezes CSS animations at their final state.
- Images from other websites are missing
- The one-click download can only draw images whose server allows it (CORS). Use Print / Save as PDF, or put the images in a .zip with the HTML.
Private by design: nothing is uploaded
Most "online converters" upload your file to their server. This one does not: the HTML is opened inside your browser, in a sandboxed frame, and the PDF, PowerPoint, images, Word or Markdown file is built on your device. There is no server to send it to.
The sandbox lets the page run its own scripts (charts, Tailwind, slide decks) but blocks it from reading this site, your cookies or your storage, from opening pop-ups and from navigating away. Fonts, CDN scripts and images that your page itself links to are downloaded by your browser, exactly as when you open the file.
Guides
- HTML to PNG or JPG: 4 Free Ways to Save a Page as an ImageHTML to PNG or JPG for free: full-page screenshots in Chrome, Edge and Firefox, PNG vs JPG, sharp 2x images, one image per slide for social media, and limits.Open →
- Convert HTML to PDF Free: 3 Methods Compared (No Upload)Convert HTML to PDF free with your browser’s print dialog, a JavaScript library or headless Chrome. Compare text quality, fidelity, setup and privacy.Open →
- Claude Artifact to PowerPoint: Turn HTML Slides into a PPTXClaude artifact to PowerPoint in four steps: save the HTML, make it slide-shaped, add speaker notes and convert it to .pptx. Plus when to rebuild the text.Open →
Frequently asked questions
How do I take a full-page screenshot of an HTML file?
Drop the file here, choose "One full-page image" and PNG, then download. The whole page is captured, not only the visible part.
What resolution are the images?
Standard is 1×, High 2× and Maximum 3× the CSS size (capped near 4,000 px wide). A 1280 px wide page at High quality gives 2,560 px wide images.
Can I export each slide as a separate image?
Yes. Slides are detected automatically; choose "One image per slide / screen" and you get a ZIP with slide-01.png, slide-02.png and so on.
Why is an image from another website missing?
Browsers only allow drawing images whose server sends CORS headers. Put the images in a .zip with the HTML, or use the PDF print option, which shows every image.
Is there a watermark or a limit?
No watermark, no limit, no account. Everything runs in your browser.
Other free HTML converters
- HTML to PDFA4, Letter or 16:9 PDF with selectable text or pixel-perfect pages.Open →
- HTML to PowerPointHTML slide decks to .pptx, one 16:9 slide per section, notes kept.Open →
- HTML to WordEditable .docx with headings, lists, tables, links and images.Open →
- HTML to MarkdownClean GitHub-flavoured Markdown, tables and code blocks kept.Open →
- AI HTML converter (Claude, ChatGPT)Claude artifacts, ChatGPT & Gemini canvas exports to any format.Open →
Made by Dawwerni
We build gamified loyalty for cafés, restaurants and shops: customers scan a QR code, play a short game and come back. These converters are free and stay free.