{
  "title": "HTML to image",
  "human_url": "https://happytails.ai/en/image-tools/html-to-image/",
  "agent_url": "https://happytails.ai/agents/en/image-tools/html-to-image/",
  "language": "en",
  "markdown_url": "https://happytails.ai/en/image-tools/html-to-image.md",
  "content": "HTML to image\nIsolated rendering, viewport selection and remote-resource limits..\nHow to use HTML to image\nEnter html source in the input field.\nReview the settings, then choose Run HTML to image.\nReview the result, then use Copy result or a download link when available.\nWorking with html to image\nAn image conversion changes its file format; resizing changes pixel dimensions; compression changes how the image is stored. These operations can be combined, but each solves a different problem. Choose the dimensions needed by the destination before optimizing the final file size.\nCommon questions\nDoes converting JPG to PNG improve the original detail?\nA lossless destination does not recover detail already discarded by a lossy source. It can avoid another lossy save, but it may also produce a larger file.\nWhat happens to transparent pixels?\nThat depends on the output format. Formats without transparency need a background color. Check edges around logos, product cutouts and text so that an unexpected background does not become part of the exported image.",
  "content_format": "text/plain",
  "visibility": "public",
  "links": [],
  "tool": {
    "id": "html-to-image",
    "category": "image-tools",
    "built": true,
    "requirements": "Isolated rendering, viewport selection and remote-resource limits.",
    "implementation": {
      "fields": [
        {
          "key": "width",
          "label": "Image width (pixels)",
          "value": 800,
          "type": "number",
          "min": 100,
          "max": 1920,
          "step": 1
        },
        {
          "key": "height",
          "label": "Image height (pixels)",
          "value": 600,
          "type": "number",
          "min": 100,
          "max": 2000,
          "step": 1
        }
      ],
      "note": "Render simple HTML as a PNG entirely in your browser. Scripts, supplied CSS, images, and external resources are stripped. This is not a website screenshot tool.",
      "experience": {
        "automatic": false,
        "single": false,
        "label": "HTML source",
        "placeholder": "<p>Hello <strong>world</strong>.</p>",
        "help": "Paste HTML markup, not a website URL. Up to 1,000,000 characters. Review the settings before running.",
        "action": null
      },
      "mode": "explicit",
      "interactive": false
    },
    "execution": "Browser interface",
    "api": null,
    "browser_agent": {
      "supported": true,
      "name": "run_current_tool",
      "discovery": "WebMCP on the human page in a supporting browser",
      "verification": "See audit/API-AUDIT.md; availability is not verification"
    }
  },
  "markdown": "# HTML to image\n\n- Human page: https://happytails.ai/en/image-tools/html-to-image/\n- Markdown: https://happytails.ai/en/image-tools/html-to-image.md\n- Structured JSON: https://happytails.ai/agents/en/image-tools/html-to-image/index.json\n- Visibility: public\n\n## Tool capabilities\n\n| Property | Value |\n| --- | --- |\n| Tool ID | `html-to-image` |\n| Category | image-tools |\n| Implementation | Registered implementation. Registration alone is not a production-quality guarantee. |\n| Browser execution | Use the visible action or interactive controls. |\n| Browser processing | Browser; see tool notes for network behavior. |\n| HTTP API | Not callable through HTTP. |\n| Browser-agent interface | run_current_tool |\n\n### Implementation notes\n\nRender simple HTML as a PNG entirely in your browser. Scripts, supplied CSS, images, and external resources are stripped. This is not a website screenshot tool.\n\n### Inputs and settings\n\nText input: HTML source.\n\nExample or placeholder shown in the interface (not a validated fixture):\n\n```text\n<p>Hello <strong>world</strong>.</p>\n```\n\nPaste HTML markup, not a website URL. Up to 1,000,000 characters. Review the settings before running.\n\n| Setting | Meaning | Control type | Default | Constraints |\n| --- | --- | --- | --- | --- |\n| `width` | Image width (pixels) | number | 800 | min=100 max=1920 step=1 |\n| `height` | Image height (pixels) | number | 600 | min=100 max=2000 step=1 |\n\n### Browser-agent workflow\n\n1. Open the human page in a browser that supports WebMCP.\n2. Discover the interface exposed by that page; use its actual schema.\n3. Select files on the page first when the tool requires files.\n4. Call `run_current_tool` with valid input and settings.\n5. Inspect the returned result or error and the displayed output. Retrieve files from the displayed download links.\n\nCalls do not automatically copy or download results. Browser permissions still apply. Interface availability alone is not proof of successful execution.\n\n### Planning specification\n\nIsolated rendering, viewport selection and remote-resource limits.\n\nThis describes intended requirements. Use the implementation notes, interface schema and observed output to determine current support.\n\n### Complete machine-readable capability record\n\n```json\n{\n  \"id\": \"html-to-image\",\n  \"category\": \"image-tools\",\n  \"built\": true,\n  \"requirements\": \"Isolated rendering, viewport selection and remote-resource limits.\",\n  \"implementation\": {\n    \"fields\": [\n      {\n        \"key\": \"width\",\n        \"label\": \"Image width (pixels)\",\n        \"value\": 800,\n        \"type\": \"number\",\n        \"min\": 100,\n        \"max\": 1920,\n        \"step\": 1\n      },\n      {\n        \"key\": \"height\",\n        \"label\": \"Image height (pixels)\",\n        \"value\": 600,\n        \"type\": \"number\",\n        \"min\": 100,\n        \"max\": 2000,\n        \"step\": 1\n      }\n    ],\n    \"note\": \"Render simple HTML as a PNG entirely in your browser. Scripts, supplied CSS, images, and external resources are stripped. This is not a website screenshot tool.\",\n    \"experience\": {\n      \"automatic\": false,\n      \"single\": false,\n      \"label\": \"HTML source\",\n      \"placeholder\": \"<p>Hello <strong>world</strong>.</p>\",\n      \"help\": \"Paste HTML markup, not a website URL. Up to 1,000,000 characters. Review the settings before running.\",\n      \"action\": null\n    },\n    \"mode\": \"explicit\",\n    \"interactive\": false\n  },\n  \"execution\": \"Browser interface\",\n  \"api\": null,\n  \"browser_agent\": {\n    \"supported\": true,\n    \"name\": \"run_current_tool\",\n    \"discovery\": \"WebMCP on the human page in a supporting browser\",\n    \"verification\": \"See audit/API-AUDIT.md; availability is not verification\"\n  }\n}\n```\n\n## Page guide\n\nIsolated rendering, viewport selection and remote-resource limits..\n\n## How to use HTML to image\n\n1. Enter html source in the input field.\n2. Review the settings, then choose Run HTML to image.\n3. Review the result, then use Copy result or a download link when available.\n\n## Working with html to image\n\nAn image conversion changes its file format; resizing changes pixel dimensions; compression changes how the image is stored. These operations can be combined, but each solves a different problem. Choose the dimensions needed by the destination before optimizing the final file size.\n\n## Common questions\n\n### Does converting JPG to PNG improve the original detail?\n\nA lossless destination does not recover detail already discarded by a lossy source. It can avoid another lossy save, but it may also produce a larger file.\n\n### What happens to transparent pixels?\n\nThat depends on the output format. Formats without transparency need a background color. Check edges around logos, product cutouts and text so that an unexpected background does not become part of the exported image.\n"
}