HTML to Image

@HTML to Image convert this HTML snippet into a PNG: <div style='padding:20px;background:#f0f0f0;font-family:sans-serif'><h1>Q4 Revenue</h1><p>$2.3M</p></div>

I've converted your HTML into a PNG image. The rendered output shows a light gray card with 'Q4 Revenue' as a heading and '$2.3M' below it in sans-serif font. The image is available at https://hcti.io/v1/image/abc123def456 and can be downloaded or embedded directly. The asset ID is abc123def456 if you need to retrieve or resize it later.

This example demonstrates the core HTML-to-image conversion capability. The MCP returns either a direct file or a JSON object with an image URL depending on API configuration. Requires a valid API key with sufficient monthly quota. Useful for generating social media cards, email banners, or report thumbnails from markup.

@HTML to Image check my current usage stats — how many images have I generated this month and what's my limit?

Your HTML to Image account usage for the current billing period: You've created 847 images this month out of a 5,000-image monthly limit (16.9% used). Today you've generated 23 images, and in the last hour you created 2 images. Your billing period resets on the 15th of each month.

This read-only query helps teams monitor API consumption before hitting rate limits. The MCP fetches hourly, daily, and monthly counters along with your plan's ceiling. Use this proactively in Spaces where multiple teammates generate images to avoid unexpected quota exhaustion or overage charges.

@HTML to Image retrieve image ID 7f8e9a0b1c2d and tell me what it contains, then resize it to 800x600 if possible.

I've retrieved image 7f8e9a0b1c2d from your HTML to Image account. The original asset is a 1200x900 PNG showing a dashboard layout with three metric cards. The API doesn't support in-place resizing via this tool, but you can re-render the source HTML with updated viewport dimensions using the Convert tool if you still have the original markup.

This example shows the retrieval workflow for previously generated images. The Get tool fetches metadata and the image URL by ID, but resizing requires re-conversion with new parameters rather than post-processing. Keep image IDs in your Space's context if you plan to reference or iterate on assets across multiple prompts.

When this MCP beats manual screenshots for recurring reports

A 6-person ops team sends weekly dashboard summaries to stakeholders who don't log into analytics tools. They used to screenshot Metabase charts manually every Friday morning. The HTML to Image MCP converts their dashboard HTML into PNGs on a schedule, then drops them into Slack or email templates. The Convert HTML to Image tool handles the render; the Get tool lets them resize for mobile previews. This works if your HTML is self-contained (inline CSS, no external fonts that need auth). If your dashboards require live OAuth tokens or complex JavaScript state, you'll hit rendering failures. The MCP shines when your report markup is static or templated, and you're generating more than 10 images a month.

Why this MCP fits dynamic Open Graph image pipelines

A 3-person content team publishes blog posts to a headless CMS and wants unique Open Graph images for each article without hiring a designer. They template the post title and author into an HTML card, then call Convert HTML to Image at publish time to generate the og:image asset. The MCP returns a URL they store in the CMS metadata field. The Check Account Usage tool keeps them under their monthly cap during high-volume launches. This approach works when your card design is consistent and text-driven. If you need photo compositing or brand-heavy layouts with licensed fonts, a design tool like Figma's API or Bannerbear is a better fit. The MCP is the right call when you're shipping 20-100 posts a month and speed matters more than pixel-perfect design.

When this MCP simplifies transactional document generation

A 5-person SaaS support team sends personalized onboarding PDFs to new trial users. The PDF includes the user's workspace name, plan tier, and a QR code linking to their setup guide. They render the page as HTML in their backend, pass it to Convert HTML to Image, then embed the PNG in a PDF wrapper or email. The Get tool lets them cache the image by ID for resends. This pattern works if your document is a single page and doesn't need multi-page layouts or fillable form fields. If you're generating 10-page contracts or need legal-grade PDF/A compliance, a dedicated PDF service like DocRaptor is the move. The MCP wins when you need a lightweight, one-page visual artifact and you're already comfortable writing HTML templates.