html2img - HTML to Image API

Give your AI agent production-quality rendering: this MCP server turns the HTML your agent writes into pixel-perfect PNG images and A4 vector PDFs, and…

От сообществаРаботаетБез входаГлобальныйБесплатноМожет изменять данные

Что умеет

  • Generate Image From Html: 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 imag
  • Screenshot Url: 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. Cons

Какие данные видит

Нужен ли аккаунт

Не нужен: сервер работает без входа

Give your AI agent production-quality rendering: this MCP server turns the HTML your agent writes into pixel-perfect PNG images and A4 vector PDFs, and captures live web pages by URL. It is the official MCP server for the HTML to Image API, rendered on real headless Chrome, with every result uploaded to a fast CDN and returned as a shareable URL.

Tools

  • generate-image-from-html - render HTML and CSS into a PNG (social cards, OG images, charts, banners) or a paginated A4 PDF with selectable text (invoices, reports, certificates). PNG results include an inline preview, so the agent can see what it made and refine the markup.
  • screenshot-url - capture any public web page as a full-page or viewport PNG screenshot, or archive it as a vector PDF. Supports custom viewports, element selectors, injected CSS, waits and retina scaling.

The same rendering engine powers our Screenshot API and HTML to PDF API if you would rather integrate directly over REST.

Authentication

You will need an API key (htim_...) from a paid HTML to Image plan - each render costs one credit. Sign up at html2img.com, create a key in the dashboard, and enter it when connecting. Setup guides for Claude, Cursor and other clients are on the MCP page and in the installation docs.

Как подключить

Как подключить html2img - HTML to Image API к Claude

Адрес сервера, который нужно вставить в настройках Claude:

https://html2img.run.tools

  1. Откройте Claude (сайт claude.ai или приложение для компьютера).
  2. Перейдите в Настройки → Коннекторы (в английском интерфейсе: Settings → Connectors).
  3. Нажмите Добавить пользовательский коннектор (Add custom connector).
  4. Вставьте адрес сервера, скопированный ниже, в поле URL удалённого MCP-сервера и нажмите Добавить.
  5. В чате нажмите + → Коннекторы и включите новый коннектор.

Пользовательские коннекторы доступны на тарифах Free, Pro, Max, Team и Enterprise. На Free можно добавить только один. В Team и Enterprise коннектор сначала добавляет владелец организации в Настройки организации → Коннекторы.

Авторизация

После нажатия Добавить откроется окно входа в сервис. Войдите под своим аккаунтом и подтвердите доступ. Пароль Claude не видит.

Как подключить html2img - HTML to Image API к ChatGPT

Адрес сервера, который нужно вставить в настройках ChatGPT:

https://html2img.run.tools

  1. Откройте ChatGPT в браузере (chatgpt.com). Нужен тариф Plus, Pro, Business, Enterprise или Edu.
  2. Один раз включите режим разработчика: Настройки → Приложения → Дополнительные настройки → Режим разработчика (Settings → Apps → Advanced settings → Developer mode).
  3. Откройте Настройки → Коннекторы и нажмите Создать (Create).
  4. Заполните форму: Название (любое), Описание (одна фраза, что делает сервис), URL MCP-сервера (скопируйте ниже).
  5. В поле Аутентификация выберите OAuth, если сервис требует вход, иначе Нет. Нажмите Создать.
  6. В новом чате откройте + → Приложения/Коннекторы и включите коннектор.

Название раздела у OpenAI менялось (Connectors → Apps/Plugins). Если пункт называется иначе, ищите «режим разработчика» в настройках. В рабочих пространствах Business/Enterprise администратор должен разрешить пользовательские коннекторы.

Авторизация

При первом использовании ChatGPT откроет окно входа в сервис. Войдите и подтвердите доступ.

Как подключить html2img - HTML to Image API к Cursor

Адрес сервера, который нужно вставить в настройках Cursor:

https://html2img.run.tools

Быстрый способ: нажмите кнопку Открыть в Cursor ниже, Cursor сам предложит добавить сервер.

Вручную:

  1. В Cursor откройте Settings → Cursor Settings → MCP и нажмите Add new global MCP server.
  2. Вставьте JSON, скопированный ниже, в открывшийся файл ~/.cursor/mcp.json (для одного проекта: .cursor/mcp.json в корне проекта).
  3. Сохраните файл. Сервер появится в списке MCP; при необходимости пройдите авторизацию по кнопке рядом с ним.

Авторизация

Если сервис требует вход, рядом с сервером в списке MCP появится кнопка авторизации.

Список инструментов сервера (2)

Технические названия из tools/list. Нужны только разработчикам.

generate-image-from-htmlRender 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.
screenshot-urlCapture 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.
html2img - HTML to Image API: подключить к Claude, ChatGPT, Cursor · Connectors.fun