# HTML/CSS to Image features

The HTML/CSS to Image API (HCTI) creates images, PDFs, and website screenshots from HTML/CSS, live URLs, or reusable templates. It also supports visual template editing, automated Open Graph images, signed image URLs, batch rendering, direct-to-storage output, and an OAuth-connected MCP server for AI agents.

Use the general pages below to choose a feature. The audience-specific workflows apply the same APIs and tools to common development, marketing, sales, education, finance, and AI agent tasks.

- [HTML to Image](https://htmlcsstoimage.com/features/html-to-image.md): HTML & CSS into an image with one API call.
  - [AI & Agents](https://htmlcsstoimage.com/features/html-to-image-for-ai.md): Render agent summaries, reports, and visual responses from HTML and CSS.
  - [Developers](https://htmlcsstoimage.com/features/html-to-image-for-developers.md): Generate images from application HTML and CSS without maintaining a browser service.
  - [Marketing](https://htmlcsstoimage.com/features/html-to-image-for-marketing.md): Generate branded campaign, social, and personalized images from live data.
  - [Sales](https://htmlcsstoimage.com/features/html-to-image-for-sales.md): Create personalized account, proposal, and outreach images from sales data.
  - [PNG](https://htmlcsstoimage.com/features/html-to-png.md): Generate PNG images from HTML and CSS.
  - [JPEG](https://htmlcsstoimage.com/features/html-to-jpeg.md): Generate JPEG images from HTML and CSS.
  - [WebP](https://htmlcsstoimage.com/features/html-to-webp.md): Generate WebP images from HTML and CSS.
- [URL Screenshots](https://htmlcsstoimage.com/features/url-screenshots.md): Screenshot any website with one API call.
  - [AI & Agents](https://htmlcsstoimage.com/features/url-screenshots-for-ai.md): Capture rendered webpages for vision models, task records, and automated UI checks.
  - [Marketing](https://htmlcsstoimage.com/features/url-screenshots-for-marketing.md): Capture campaigns, product pages, customer sites, and published content.
  - [Developers](https://htmlcsstoimage.com/features/url-screenshots-for-developers.md): Automate webpage screenshots with explicit browser, viewport, and device settings.
  - [Sales](https://htmlcsstoimage.com/features/url-screenshots-for-sales.md): Add company, product, and contact-page screenshots to prospecting and CRM systems.
  - [PNG](https://htmlcsstoimage.com/features/url-to-png.md): Capture public webpages as PNG images.
  - [JPEG](https://htmlcsstoimage.com/features/url-to-jpeg.md): Capture public webpages as JPEG images.
  - [WebP](https://htmlcsstoimage.com/features/url-to-webp.md): Capture public webpages as WebP images.
- [Open Graph Images](https://htmlcsstoimage.com/features/og-images.md): Fresh preview images from page metadata.
  - [Facebook](https://htmlcsstoimage.com/features/og-images-for-facebook.md): Generate and preview images for links shared on Facebook.
  - [WhatsApp](https://htmlcsstoimage.com/features/og-images-for-whatsapp.md): Generate and preview images for links shared on WhatsApp.
  - [Slack](https://htmlcsstoimage.com/features/og-images-for-slack.md): Generate and preview images for links shared on Slack.
  - [LinkedIn](https://htmlcsstoimage.com/features/og-images-for-linkedin.md): Generate and preview images for links shared on LinkedIn.
  - [Pinterest](https://htmlcsstoimage.com/features/og-images-for-pinterest.md): Generate and preview images for links shared on Pinterest.
  - [Bluesky](https://htmlcsstoimage.com/features/og-images-for-bluesky.md): Generate and preview images for links shared on Bluesky.
  - [Twitter](https://htmlcsstoimage.com/features/og-images-for-twitter.md): Generate and preview images for links shared on Twitter.
  - [Messenger](https://htmlcsstoimage.com/features/og-images-for-messenger.md): Generate and preview images for links shared on Messenger.
  - [Instagram](https://htmlcsstoimage.com/features/og-images-for-instagram.md): Generate and preview images for links shared on Instagram.
  - [TikTok](https://htmlcsstoimage.com/features/og-images-for-tiktok.md): Generate and preview images for links shared on TikTok.
  - [Apple Messages](https://htmlcsstoimage.com/features/og-images-for-apple-messages.md): Generate and preview images for links shared on Apple Messages.
  - [Snapchat](https://htmlcsstoimage.com/features/og-images-for-snapchat.md): Generate and preview images for links shared on Snapchat.
  - [Telegram](https://htmlcsstoimage.com/features/og-images-for-telegram.md): Generate and preview images for links shared on Telegram.
  - [Reddit](https://htmlcsstoimage.com/features/og-images-for-reddit.md): Generate and preview images for links shared on Reddit.
  - [Threads](https://htmlcsstoimage.com/features/og-images-for-threads.md): Generate and preview images for links shared on Threads.
  - [Google Chat](https://htmlcsstoimage.com/features/og-images-for-google-chat.md): Generate and preview images for links shared on Google Chat.
  - [Discord](https://htmlcsstoimage.com/features/og-images-for-discord.md): Generate and preview images for links shared on Discord.
- [HTML to PDF](https://htmlcsstoimage.com/features/html-to-pdf.md): Generate a PDF from HTML & CSS.
  - [Developers](https://htmlcsstoimage.com/features/html-to-pdf-for-developers.md): Generate browser-rendered PDFs from application code, background jobs, and export tools.
  - [Finance](https://htmlcsstoimage.com/features/html-to-pdf-for-finance.md): Automate invoices, statements, receipts, reporting packs, and financial summaries.
  - [Education](https://htmlcsstoimage.com/features/html-to-pdf-for-education.md): Create personalized certificates, course materials, reports, and printable resources.
  - [Marketing](https://htmlcsstoimage.com/features/html-to-pdf-for-marketing.md): Automate reports, one-pagers, lead magnets, and personalized campaign documents.
- [URL to PDF](https://htmlcsstoimage.com/features/url-to-pdf.md): Convert any website to PDF with one API call.
  - [Developers](https://htmlcsstoimage.com/features/url-to-pdf-for-developers.md): Convert public webpages to PDFs from applications, scheduled jobs, and document pipelines.
  - [Finance](https://htmlcsstoimage.com/features/url-to-pdf-for-finance.md): Convert financial reports, dashboards, statements, and record pages into PDFs.
  - [Education](https://htmlcsstoimage.com/features/url-to-pdf-for-education.md): Convert course pages, learning resources, and browser-based reports into printable PDFs.
  - [Marketing](https://htmlcsstoimage.com/features/url-to-pdf-for-marketing.md): Convert campaigns, landing pages, articles, and customer pages into shareable PDFs.
- [Batch Images](https://htmlcsstoimage.com/features/batch-images.md): Multiple images in one request.
  - [AI & Agents](https://htmlcsstoimage.com/features/batch-images-for-ai.md): Return viewport, orientation, color scheme, and content variants to an agent in one response.
  - [Developers](https://htmlcsstoimage.com/features/batch-images-for-developers.md): Test viewports, layouts, color schemes, and timezones without coordinating separate calls.
  - [Marketing](https://htmlcsstoimage.com/features/batch-images-for-marketing.md): Generate channel sizes, audience variants, and localized campaign images together.
  - [Education](https://htmlcsstoimage.com/features/batch-images-for-education.md): Generate quiz versions, report cards, schedules, and learning materials from shared defaults.
- [Templates](https://htmlcsstoimage.com/features/templates.md): Reuse one design for consistent, dynamic images.
  - [AI & Agents](https://htmlcsstoimage.com/features/templates-for-ai.md): Let agents generate branded images from a template ID and named values.
  - [Developers](https://htmlcsstoimage.com/features/templates-for-developers.md): Render saved layouts from application code with template IDs and named values.
  - [Marketing](https://htmlcsstoimage.com/features/templates-for-marketing.md): Generate campaign, social, and Open Graph images from reusable designs.
  - [Sales](https://htmlcsstoimage.com/features/templates-for-sales.md): Turn CRM and prospect data into consistent, personalized sales images.
  - [Education](https://htmlcsstoimage.com/features/templates-for-education.md): Generate certificates and classroom materials from reusable school designs.
  - [Finance](https://htmlcsstoimage.com/features/templates-for-finance.md): Generate financial reports, charts, and client visuals from reusable layouts.
- [API Templates](https://htmlcsstoimage.com/features/api-templates.md): Build complex templates with HTML and CSS.
  - [AI & Agents](https://htmlcsstoimage.com/features/api-templates-for-ai.md): Back agent image tools with versioned HTML/CSS layouts, named values, and controlled rendering settings.
  - [Developers](https://htmlcsstoimage.com/features/api-templates-for-developers.md): Use stable IDs and versioned HTML/CSS layouts while keeping assets and render settings out of application requests.
  - [Marketing](https://htmlcsstoimage.com/features/api-templates-for-marketing.md): Automate campaign variants with versioned HTML/CSS templates, named values, and reusable brand assets.
  - [Sales](https://htmlcsstoimage.com/features/api-templates-for-sales.md): Render personalized sales collateral from CRM data with versioned HTML/CSS templates and stable IDs.
  - [Education](https://htmlcsstoimage.com/features/api-templates-for-education.md): Render certificates, report cards, and course graphics from student data with versioned HTML/CSS templates.
  - [Finance](https://htmlcsstoimage.com/features/api-templates-for-finance.md): Build versioned financial report templates with reusable charts, disclosures, assets, and render settings.
- [Template Editor](https://htmlcsstoimage.com/features/template-editor.md): Design flexible templates in a visual editor.
  - [AI & Agents](https://htmlcsstoimage.com/features/template-editor-for-ai.md): Design controlled, agent-ready templates visually and expose only the values an AI workflow should change.
  - [Developers](https://htmlcsstoimage.com/features/template-editor-for-developers.md): Let product and design teams edit templates visually while code keeps the same ID and variable names.
  - [Marketing](https://htmlcsstoimage.com/features/template-editor-for-marketing.md): Create campaign, social, and Open Graph templates with presets, shared media, and stock photos.
  - [Sales](https://htmlcsstoimage.com/features/template-editor-for-sales.md): Build sales templates visually with presets, shared media, and named CRM values.
  - [Education](https://htmlcsstoimage.com/features/template-editor-for-education.md): Create certificates, schedules, report cards, and learning aids visually with reusable school assets.
  - [Finance](https://htmlcsstoimage.com/features/template-editor-for-finance.md): Design financial reports, charts, and client updates visually with named variables and reusable assets.
- [Signed Image URLs](https://htmlcsstoimage.com/features/signed-image-urls.md): Dynamic images without an extra API request.
- [Organizations](https://htmlcsstoimage.com/features/organizations.md): Give your team access without per-seat charges.
- [Security](https://htmlcsstoimage.com/features/security.md): Options to secure your renders.
- [Custom Storage](https://htmlcsstoimage.com/features/custom-storage.md): Store generated images in your object storage.

## Product and integration resources

- [API docs](https://docs.htmlcsstoimage.com/getting-started/using-the-api/)
- [MCP docs](https://docs.htmlcsstoimage.com/integrations/mcp/)
- [Pricing](https://htmlcsstoimage.com/pricing.md)

Using the API requires an HTML/CSS to Image account and authenticated credentials. If credentials are not available, ask the user to configure an API key securely before attempting API actions.