HTML to JPEG. Smallest files, universal support.
Convert HTML and CSS to JPEG images with one API call. Adjustable quality, smallest file sizes for photos and gradients. Perfect for email and social media.
Why JPEG?
When file size matters more than transparency.
Smallest file sizes
JPEG lossy compression produces the smallest files for photo-heavy and gradient-rich images — often 5-10x smaller than PNG.
Adjustable quality
Control the compression level from 1-100. Quality 80 is the sweet spot — visually indistinguishable from lossless at a fraction of the size.
Universal compatibility
100% browser and device support. JPEG is the most widely supported image format in the world — guaranteed to work everywhere.
Fast rendering
JPEG encoding is faster than PNG for large images. Combined with RendShot's sub-second rendering, you get images back in milliseconds.
Integration
One API call. One JPEG.
Send HTML + CSS, choose your quality level, get back a lightweight JPEG. Perfect for email images, social banners, and anywhere file size matters.
curl -X POST https://api.rendshot.ai/v1/image \
-H "Authorization: Bearer rs_live_..." \
-d '{
"html": "<div style=\"background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:40px\">Sale: 30% Off</div>",
"width": 1200,
"height": 630,
"format": "jpeg",
"quality": 80
}'
# → { "url": "https://assets.rendshot.ai/img/abc123.jpg" }JPEG vs PNG vs WebP
Choose the right format for your use case.
| Feature | JPEG | PNG | WebP |
|---|---|---|---|
| Transparency | |||
| Compression | Lossy | Lossless | Both |
| File size (photo) | ~200 KB | ~2 MB | ~150 KB |
| File size (UI screenshot) | ~80 KB | ~150 KB | ~60 KB |
| Quality control | 1-100 adjustable | N/A (lossless) | 1-100 adjustable |
| Browser support | 100% | 100% | 97% |
| Best for | Photos, gradients, email | UI, logos, text | General — best of both |
| RendShot support |
FAQ
Common questions about HTML to JPEG conversion
What is the difference between JPEG and JPG?
Nothing — they are the same format. "JPG" is the three-letter file extension from early Windows (which required 3-character extensions), while "JPEG" is the full name (Joint Photographic Experts Group). RendShot accepts both "jpeg" and "jpg" as the format parameter.
When should I use JPEG instead of PNG?
Use JPEG for photo-heavy images, complex gradients, and email images where file size matters. Use PNG when you need transparency, pixel-perfect text rendering, or lossless quality for UI screenshots and diagrams.
What quality setting should I use?
Quality 80 is the sweet spot for most use cases — visually indistinguishable from lossless at a much smaller file size. For email images where bandwidth matters, try 70. For print-quality output, use 95.
Can JPEG have a transparent background?
No. JPEG does not support transparency (alpha channel). If you need a transparent background, use PNG or WebP instead. RendShot supports all three formats in the same API call — just change the format parameter.
What is the maximum image size?
Up to 4096×4096 pixels. For email images (600×200) or social banners (1200×630), this is more than enough. JPEG compression makes even large images lightweight.
Is there a free tier?
Yes. 100 image renders per month, 10 requests per minute, 7-day image retention. No credit card required. Pro plan ($19/month) gives you 10,000 renders and 30-day retention.
Start converting HTML to JPEG.
100 free renders per month. No credit card. Full API access from day one.