HTML to Image について
HTTP 経由で HTML と CSS を PNG 画像にレンダリングします。HTML と CSS を送信すると PNG が返されます
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
エンドポイント
https://app.html2img.com/mcpインストールコマンドをコピー
Claude CodeTerminal
claude mcp add --transport http com-html2img-html-to-image https://app.html2img.com/mcpCursor.cursor/mcp.json
{"mcpServers":{"com-html2img-html-to-image":{"type":"http","url":"https://app.html2img.com/mcp"}}}Cursor で開くVS Code.vscode/mcp.json
{"servers":{"com-html2img-html-to-image":{"type":"http","url":"https://app.html2img.com/mcp"}}}VS Code で開くClaude Desktopclaude_desktop_config.json
{"mcpServers":{"com-html2img-html-to-image":{"type":"http","url":"https://app.html2img.com/mcp"}}}Windsurf~/.codeium/windsurf/mcp_config.json
{"mcpServers":{"com-html2img-html-to-image":{"serverUrl":"https://app.html2img.com/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
すべてのエンドポイント
Streamable HTTP
https://app.html2img.com/mcp認証が必要ツール
2| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| css | string | いいえ | ページに追加で挿入する任意の CSS。 |
| dpi | integer | いいえ | 高解像度出力のための倍率／デバイスピクセル比（1-4）。 |
| html | string | はい | レンダリングする HTML マークアップ全体。CSS はインラインの <style> ブロックに含めてください。一般公開されているリモート画像 URL を使用できます。どこにもホストされていない画像には base64 data URI を使用してください。 |
| width | integer | いいえ | ビューポートの幅（ピクセル単位、1-5000）。デフォルトは 1920 です。 |
| format | enum | いいえ | 出力形式。"png"（デフォルト）は width と height で指定したサイズの画像を返します。"pdf" は、テキストの選択と検索が可能で、自動ページ分割される A4 縦向きベクター PDF を返します。この場合、width、height、dpi、fullpage は無視されます。請求書、レポート、証明書、チケットなどの文書には "pdf" を使用してください。ソーシャルカード、OG 画像、固定ピクセル寸法で表示するものには "png" を使用してください。png | pdf |
| height | integer | いいえ | ビューポートの高さ（ピクセル単位、1-5000）。デフォルトは 1080 です。 |
| fullpage | boolean | いいえ | ビューポートだけでなく、スクロール可能なページ全体をキャプチャします。 |
| ms_delay | integer | いいえ | キャプチャ前の待機時間（ミリ秒、1-5000）。フォントやアニメーションが落ち着くまで待つ場合などに使用します。 |
| wait_for_selector | string | いいえ | この CSS セレクターが現れるまで待ってからキャプチャします。 |
詳細
メンテナーはまだ詳細を追加していません。リポジトリの README をご覧ください。
コメント
Markdown 対応
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。