MCP MeasureMCP Measure

인덱스 관측됨

HTML to Image

Render HTML and CSS to PNG images over HTTP. Send HTML and CSS and get a PNG back.

사용해야 할까요

품질 및 안전성

A
설명 품질
100%
스키마 완전성
100%
이름 품질
60%
오염 위험
100%
권한 일치
100%
프로토콜 준수
100%

발견 사항 (2)

  • LOWTool 'generate-image-from-html' doesn't follow camelCase/snake_casegenerate-image-from-html에서
  • LOWTool 'screenshot-url' doesn't follow camelCase/snake_casescreenshot-url에서

도구 정의와 프로토콜 준수에 대한 자동 분석을 기반으로 합니다.

컨텍스트 비용

~1,000토큰 (도구 정의)
~5.4 KB일반적인 응답 크기
중간 정도의 주의 영향 (128k 컨텍스트의 0.78%)

이는 서버의 도구가 모델의 컨텍스트에 로드될 때마다 소비되는 대략적인 토큰 수입니다. 수치가 높을수록 다른 작업에 사용할 수 있는 주의가 줄어듭니다.

설치

원클릭 설치

`claude_desktop_config.json` 파일에 다음을 추가하세요:

{
  "mcpServers": {
    "html-to-image": {
      "url": "https://app.html2img.com/mcp"
    }
  }
}

원격 엔드포인트

https://app.html2img.com/mcpstreamable-http

할 수 있는 일

도구 목록

도구 (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.

입력 스키마

{
  "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"
  ]
}

출력 스키마

{
  "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.

입력 스키마

{
  "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"
  ]
}

출력 스키마

{
  "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"
  ]
}

커뮤니티

이 서버 평가하기

증거

최근 관측

검증됨버전이 기록되지 않음도구 2개
검증됨버전이 기록되지 않음도구 2개