Skip to main content
Glama

Cofferdock

HTML to image (PNG, JPEG or WebP)

html_to_image
Idempotent

HTML to image (PNG, JPEG or WebP). Renders HTML (with inline CSS; fonts and images from the internet are allowed, JavaScript is not executed) into an image. Ideal for social cards, certificates, tickets, OG images or any design you can describe in HTML. Send either html, or template + data to use a ready-made design.

Costs 1 credit per call.

Returns a temporary download link (valid 15 minutes). Always include that link in your reply so the user can open or download the file.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
dataNoTexts for the template, e.g. { "name": "Jane Doe", "course": "n8n basics" } for "certificate". Plain text only: everything is escaped. Fields you leave out keep the example text.
htmlNoThe HTML to render (max 5 MB). Put the CSS inline or in a <style> tag. Required unless you use template.
langNoLanguage of the example texts of the template.en
widthNoImage width in pixels (100-3840). Default 1200.
formatNoImage format: "png" (lossless, default), "jpeg" or "webp".png
heightNoImage height in pixels (100-2160). Default 630, the standard social-card (Open Graph) proportion.
qualityNoFor jpeg and webp.
wait_msNoExtra wait before the snapshot.
templateNoUse one of our ready-made designs instead of sending html. Fields, example texts and sizes: https://cofferdock.com/templates.json
full_pageNoCapture the whole content height instead of the viewport.

Schema Changelog

Changes observed during successful MCP inspections.

  1. First observed

TDQS

A4.4/5.0
Behavior4/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

Annotations already provide idempotent and non-destructive hints. The description goes further by disclosing that JavaScript is not executed, that external fonts/images are allowed, the 1-credit cost, and the 15-minute link expiry. These are valuable behavioral constraints not captured in annotations.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is compact and front-loaded: it opens with the exact output format, then efficiency notes, use cases, and mode selection. Every sentence adds value—including the credit cost and link instruction—with no redundancy or fluff.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a tool with 10 parameters and no output schema, the description adequately covers core workflow (html vs template+data), returns a temporary link, and instructs the agent to include it in replies. The schema fills parameter details; the description adds the credit cost and link behavior. Minor missing info on error handling but not essential for successful invocation.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters4/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100% with detailed parameter descriptions. The tool description adds context beyond the schema: it clarifies that CSS must be inline or in a style tag, that JavaScript won't run, and explains the html-vs-template+data relationship. This enriches the agent's understanding without repeating schema text.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states it renders HTML into an image (PNG, JPEG, WebP) and lists concrete use cases (social cards, certificates, tickets, OG images). It distinguishes from siblings like html_to_pdf (PDF) and screenshot_url (URL) by specifying input is raw HTML.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

It explains when to use it ('Ideal for social cards, certificates, tickets...') and describes the two modes of use (html vs template+data). However, it doesn't explicitly contrast with sibling tools or state when not to use it, leaving some inference to the agent.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Try in Browser

Glama MCP Gateway

Add one secure layer between your agents and this server.

Resources