HTML to Image
Render HTML and CSS to PNG images over HTTP. Send HTML and CSS and get a PNG back.
Sollte ich dies verwenden
Qualität und Sicherheit
Befunde (2)
- LOWin generate-image-from-html
- LOWin screenshot-url
Basierend auf einer automatisierten Analyse der Tool-Definitionen und der Einhaltung des Protokolls.
Kontextkosten
Dies ist die ungefähre Anzahl der Tokens, die jedes Mal verbraucht werden, wenn die Tools des Servers in den Kontext eines Modells geladen werden. Höhere Werte verringern die Aufmerksamkeit, die für andere Aufgaben verfügbar ist.
Installieren
Installation mit einem Klick
Fügen Sie dies Ihrer Datei `claude_desktop_config.json` hinzu:
{
"mcpServers": {
"html-to-image": {
"url": "https://app.html2img.com/mcp"
}
}
}Remote-Endpunkte
https://app.html2img.com/mcpstreamable-httpWas es kann
Tool-Inventar
Tools (2)
🟡generate-image-from-html(html, css, width, height, fullpage, ...)
Render HTML and CSS into a PNG image, or into an A4 vector PDF with format "pdf". Provide complete, self-contained HTML and put styles in an inline <style> block. Remote image URLs load if they are real and publicly accessible; embed generated or local images as base64 data URIs rather than inventing URLs. Returns the rendered image plus a shareable CDN URL; PDF renders return the URL only. Consumes one credit per call.
Eingabe-Schema
{
"type": "object",
"properties": {
"html": {
"type": "string",
"description": "The full HTML markup to render. Include CSS in an inline <style> block. Publicly accessible remote image URLs work; use base64 data URIs for images that are not hosted anywhere."
},
"css": {
"type": "string",
"description": "Optional additional CSS to inject into the page."
},
"width": {
"type": "integer",
"description": "Viewport width in pixels (1-5000). Defaults to 1920."
},
"height": {
"type": "integer",
"description": "Viewport height in pixels (1-5000). Defaults to 1080."
},
"fullpage": {
"type": "boolean",
"description": "Capture the full scrollable page instead of just the viewport."
},
"dpi": {
"type": "integer",
"description": "Scale factor / device pixel ratio (1-4) for higher-resolution output."
},
"ms_delay": {
"type": "integer",
"description": "Milliseconds to wait before capturing (1-5000), e.g. to let fonts or animations settle."
},
"wait_for_selector": {
"type": "string",
"description": "Wait until this CSS selector is present before capturing."
},
"format": {
"type": "string",
"enum": [
"png",
"pdf"
],
"description": "Output format. \"png\" (default) returns an image sized by width and height. \"pdf\" returns an A4 portrait vector PDF with selectable, searchable text and automatic pagination; width, height, dpi and fullpage are ignored. Use \"pdf\" for documents such as invoices, reports, certificates and tickets. Use \"png\" for social cards, OG images and anything displayed at fixed pixel dimensions."
}
},
"required": [
"html"
]
}Ausgabe-Schema
{
"type": "object",
"properties": {
"url": {
"type": "string",
"format": "uri",
"description": "Shareable CDN URL of the rendered file, at full resolution."
},
"format": {
"type": "string",
"enum": [
"png",
"pdf"
],
"description": "The output format that was rendered."
},
"credits_remaining": {
"type": "integer",
"description": "Credits left on the plan after this render."
}
},
"required": [
"url",
"format",
"credits_remaining"
]
}⚪screenshot-url(url, css, width, height, fullpage, ...)
Capture a live web page by URL as a PNG screenshot, or as an A4 vector PDF with format "pdf". Returns the rendered image plus a shareable CDN URL; PDF renders return the URL only. Consumes one credit per call.
Eingabe-Schema
{
"type": "object",
"properties": {
"url": {
"type": "string",
"description": "The fully-qualified URL of the page to capture (https://...)."
},
"css": {
"type": "string",
"description": "Optional CSS to inject into the page before capture."
},
"width": {
"type": "integer",
"description": "Viewport width in pixels (1-5000). Defaults to 1920."
},
"height": {
"type": "integer",
"description": "Viewport height in pixels (1-5000). Defaults to 1080."
},
"fullpage": {
"type": "boolean",
"description": "Capture the full scrollable page instead of just the viewport."
},
"selector": {
"type": "string",
"description": "Capture only the element matching this CSS selector."
},
"dpi": {
"type": "integer",
"description": "Scale factor / device pixel ratio (1-4) for higher-resolution output."
},
"ms_delay": {
"type": "integer",
"description": "Milliseconds to wait before capturing (1-5000)."
},
"wait_for_selector": {
"type": "string",
"description": "Wait until this CSS selector is present before capturing."
},
"format": {
"type": "string",
"enum": [
"png",
"pdf"
],
"description": "Output format. \"png\" (default) returns an image sized by width and height. \"pdf\" returns the page as an A4 portrait vector PDF with selectable, searchable text and automatic pagination; width, height, dpi, fullpage and selector are ignored. Use \"pdf\" to archive a page or produce a printable record. Use \"png\" for anything displayed at fixed pixel dimensions."
}
},
"required": [
"url"
]
}Ausgabe-Schema
{
"type": "object",
"properties": {
"url": {
"type": "string",
"format": "uri",
"description": "Shareable CDN URL of the rendered file, at full resolution."
},
"format": {
"type": "string",
"enum": [
"png",
"pdf"
],
"description": "The output format that was rendered."
},
"credits_remaining": {
"type": "integer",
"description": "Credits left on the plan after this render."
}
},
"required": [
"url",
"format",
"credits_remaining"
]
}Community
Nachweis