Convert HTML to JPG
Ads, social visuals and one-off creatives increasingly start life as HTML: Claude Design, ChatGPT or a quick hand-coded page. But ad platforms, CMSs and clients want an image file. This converter renders your HTML in a real Chromium browser and captures it as a high-resolution JPG, exactly as it looks on screen. One frame gives you one JPG; a multi-slide file gives you a zip with every slide as a numbered JPG.
Your file is processed in an isolated browser and deleted immediately after conversion.
Why screenshots and print tools fail for HTML creatives
- Manual screenshots are capped at your monitor's resolution and grab browser chrome, cursors and scrollbars along with the design.
- Screenshot browser extensions rarely capture the full design at exact dimensions, and compress aggressively.
- Print-based converters re-render for paper: gradient text (background-clip: text) turns black, shadows and glass effects vanish.
- Multi-slide HTML files (a set of ad variations, a carousel) need each frame captured one by one.
How to convert
- 1.Upload your .html file or a .zip with its assets, exactly as your AI tool exported it.
- 2.Pick JPG in the Format option.
- 3.The engine renders the page in headless Chromium at 2x resolution: a 1920x1080 creative becomes a 3840x2160 JPG.
- 4.A single frame downloads as one .jpg. Several slides download as a .zip of numbered JPGs (slide-01.jpg, slide-02.jpg…).
Made for AI-generated ads and creatives
Tools like Claude Design have made HTML the fastest way to produce ad creatives: describe the visual in a prompt, iterate with Edit and Annotate, and the design is done in minutes. The missing step is the file format. Meta, Google Ads, LinkedIn and every CMS want a JPG or PNG, not an HTML file.
Renditions closes that gap. Export your design as HTML (in Claude Design: Share, then "More formats and apps", then HTML), drop the zip here, choose JPG, and download platform-ready images. If your file contains several creatives or slides, you get all of them in one zip, already numbered.
JPG or PNG?
Choose JPG for photos, gradients and ad platforms: files are much smaller at visually identical quality (we encode at quality 92 with full chroma resolution). Choose PNG when you need lossless output, razor-sharp text at small sizes, or when a platform requires it. Both formats are captured from the same 2x Chromium rendering, so the pixels are identical before encoding.
FAQ
What resolution is the JPG?
Twice the CSS dimensions of your design. A 1920x1080 creative is captured at 3840x2160. Documents are captured at 2x across their full height.
My HTML file contains several slides or ad variations. What do I get?
A .zip archive with one numbered JPG per slide (slide-01.jpg, slide-02.jpg…), captured in order. Single-frame files download as a plain .jpg.
Can I convert a Claude Design ad to JPG?
Yes, that is one of the main use cases. In Claude Design, open Share, choose "More formats and apps", export as HTML, upload the downloaded file here and pick JPG as the format.
What JPG quality do you use?
Quality 92 with 4:4:4 chroma subsampling, which keeps text edges and gradients clean. Transparent areas are flattened onto white, since JPG has no alpha channel.
Can I get PNG instead of JPG?
Yes. The Format option offers PDF, JPG and PNG. PNG is lossless and slightly larger; JPG is smaller and ideal for ads and social platforms.