Utilities
HTML to Image
Convert HTML and CSS to high-quality images. Render any HTML snippet, webpage fragment, or styled markup as a PNG, JPEG, or WebP image at any resolution. Useful for generating social cards, email previews, and dynamic image content from templates.
Features
- Renders full HTML and CSS including web fonts
- Output as PNG, JPEG, or WebP
- Custom viewport width and height
- Transparent background support for PNG output
- Batch convert multiple HTML snippets
What you can do
- Generate social media cards and Open Graph images from HTML templates
- Create email preview thumbnails from HTML email markup
- Render styled text and layouts as images for sharing
- Produce dynamic banner images from data-driven HTML templates
Self-hosted. Your images never leave your network.
SnapOtter runs entirely on your own infrastructure. Images processed with HTML to Image are never uploaded to third-party servers. Deploy a single Docker container and process images with full privacy, no watermarks, and no usage limits. Open source under AGPL-3.0.
Frequently asked questions
- What HTML and CSS features are supported?
- Most modern HTML5 and CSS3 features are supported including flexbox, grid, web fonts, gradients, shadows, and transforms. JavaScript is not executed.
- Can I set a custom image size?
- Yes. Specify the viewport width and height to control the rendered area. The output image matches the viewport dimensions you set.
- Does it support transparent backgrounds?
- Yes, when outputting as PNG. Set no background color on the root element and the transparent areas will be preserved in the output image.
Ready to try HTML to Image?
Deploy SnapOtter in under a minute. All 50+ tools included. Open source and free forever.