keiver/image-tiler-mcp-server

keiver/image-tiler-mcp-server

от keiver
MCP-сервер для полноразрешительного зрения LLM: разбивает крупные изображения и целые веб-страницы на тайлы, сохраняя детали, которые теряются при автоматическом сжатии. Полезен разработчикам и QA ...

image-tiler-mcp-server

npm version License: MIT Node.js >= 20

MCP server that gives LLMs full-resolution vision by tiling large images and capturing full web pages before details are lost to automatic downscaling.

Preview of image tiling grid with advised vision models size and token estimates
The server generates an interactive HTML preview for every image, showing per-model tile grids and token estimates

What You Can Do

  • Visual QA for web pages. Capture a URL, tile it, and let the LLM spot misaligned elements, wrong colors, and broken layouts at full resolution. Fix the code, re-capture, and verify the fix visually.

  • Mobile responsive testing. Capture at any viewport width with mobile emulation, retina scaling, and a real mobile user agent. The LLM reviews the full mobile layout tile by tile, catching responsive breakpoint issues that only appear on small screens.

  • Full-resolution image analysis. Diagrams, infographics, and design mockups lose critical details when LLMs downscale them. A 3,600 x 20,220px full-page capture that Claude would crush to ~279 x 1,568 becomes 76 analyzable tiles, each at native resolution.

  • Token-efficient tile inspection. Each tile gets entropy-based content classification: blank, low-detail, mixed, or high-detail. The LLM skips blank tiles entirely and focuses tokens on what matters.

  • Iterative visual workflow. Capture, analyze, fix, re-capture. Versioned output directories (_v1, _v2, ...) preserve each iteration so you can compare before and after without overwriting previous results.

Инструменты были проиндексированы:
tilerвнешний мир

Разбивает изображения на тайлы оптимального размера для анализа LLM или делает скриншоты веб-страниц и разбивает их на тайлы. ОБЯЗАТЕЛЬНЫЙ двухфазный рабочий процесс — НЕ пропускайте Фазу 1: Фаза 1 (обязательна первой): Укажите ТОЛЬКО источник изображения (filePath, sourceUrl, url и т.д.). НЕ включайте preset, tileSize или outputDir. Возвращает таблицу сравнения моделей с оценками токенов и outputDir. Вы ОБЯЗАНЫ показать эту таблицу пользователю и спросить, какой preset он предпочитает. НЕ выбирайте preset самостоятельно — решение принимает пользователь. Если необходимо выбрать автоматически, всегда используйте самый дешевый вариант. Фаза 2: Вызовите снова с выбранным пользователем preset + outputDir из Фазы 1. Повторно включите исходный источник изображения (filePath, sourceUrl и т.д.). Для захватов используйте screenshotPath из Фазы 1 вместо url. Возвращает сводку тайлов с метаданными и подсказками по содержимому (без изображений тайлов). Используйте tilesDir + start/end для получения только нужных тайлов. Остановитесь после Фазы 1, если вам нужен только скриншот (режим захвата) или данные сравнения. Доступно 4 пресета разбивки: - "claude": тайлы 1092px, ~1590 токенов/тайл - "openai": тайлы 768px, ~765 токенов/тайл - "gemini3": тайлы 1536px, ~1120 токенов/тайл - "gemini": тайлы 768px, ~258 токенов/тайл Поддерживает: локальные файлы (filePath), удаленные изображения (sourceUrl), data URL, base64 и захват веб-страниц (url — требуется Chrome). Тайлы сохраняются в WebP (по умолчанию) или PNG. Автоматически уменьшает изображения размером более 10000px по умолчанию. ПРИМЕЧАНИЕ О СТОИМОСТИ ТОКЕНОВ: Режим get-tiles возвращает тайлы изображений в виде inline base64, что потребляет значительно больше токенов, чем типичные текстовые MCP-инструменты. Каждый тайл стоит примерно 258-1590 токенов в зависимости от пресета. Используйте сводку Фазы 2 и подсказки по тайлам, чтобы получать только непустые релевантные тайлы.

Image Tiler для LLM Vision

Параметры
  • dataUrlstring

    Data URL с изображением, закодированным в base64 (например, "data:image/png;base64,...")

  • delayinteger

    Дополнительная задержка в мс после загрузки страницы перед захватом (по умолчанию: 3000).

  • deviceScaleFactornumber

    Device pixel ratio (например, 2 для Retina). По умолчанию: 1 для desktop, 2 при mobile = true.

  • endinteger

    Индекс конечного тайла (отсчёт от 0, включительно). По умолчанию равен start + 4. Не более 5 тайлов на пакет, чтобы уложиться в ограничения ответа MCP.

  • filePathstring

    Абсолютный или относительный путь к файлу изображения.

  • formatenum

    Формат вывода плиток: "webp" (меньше, по умолчанию) или "png" (без потерь).

  • imageBase64string

    Сырые данные изображения в кодировке base64 (без префикса data URL)

  • includeMetadataboolean

    Анализирует каждый тайл и возвращает подсказки о содержимом (blank, low-detail, mixed, high-detail) и статистику яркости. Включено по умолчанию; установите false, чтобы пропустить.

  • maxDimensioninteger

    Максимальный размер в пикселях (0 для отключения или 256-65536). Когда это значение задано, изображение перед нарезкой на тайлы масштабируется так, чтобы его самая длинная сторона не превышала это значение. Это снижает расход токенов для больших изображений. По умолчанию 10000px. Установите 0, чтобы отключить автоматическое уменьшение масштаба.

  • mobileboolean

    Эмулировать ли мобильное устройство. Когда true, по умолчанию задает viewportWidth равным 390, deviceScaleFactor равным 2 и устанавливает мобильный user agent, если он не указан явно.

  • modelenum

    Устарело: используйте "preset" вместо этого. Поддерживается для обратной совместимости. Доступно: "claude" (тайлы 1092px, ~1590 токенов/тайл), "openai" (тайлы 768px, ~765 токенов/тайл), "gemini3" (тайлы 1536px, ~1120 токенов/тайл), "gemini" (тайлы 768px, ~258 токенов/тайл).

  • outputDirstring

    Каталог для сохранения тайлов. По умолчанию: tiles/{name}vN/ рядом с исходным файлом для filePath; {base}/tiles/tiled{ts}{hex}/ для источников URL/base64; {base}/tiles/capture{ts}_{hex}/ для захватов.

  • pageinteger

    Страница тайлов для возврата (0 = первые 5, 1 = следующие 5 и т.д.). По умолчанию: 0

  • presetenum

    НЕ указывайте на Phase 1 (первый вызов). Указывайте только на Phase 2, после того как пользователь выбрал из таблицы сравнения. Доступны: "claude" (тайлы 1092px, ~1590 токенов/тайл), "openai" (тайлы 768px, ~765 токенов/тайл), "gemini3" (тайлы 1536px, ~1120 токенов/тайл), "gemini" (тайлы 768px, ~258 токенов/тайл). Автоматически выбирает самый дешёвый вариант, если параметр не указан на Phase 2.

  • screenshotPathstring

    Путь к ранее сохранённому скриншоту. Если путь указан и файл доступен, пропускает захват URL.

  • skipBlankTilesboolean

    Пропускает пустые тайлы в режиме get-tiles, возвращая текстовые аннотации вместо изображений. Установите значение false, чтобы включить все тайлы. По умолчанию: true.

  • sourceUrlstring

    URL, из которого нужно загрузить изображение (не более 50 МБ, тайм-аут 30 с). На https: включена фильтрация SSRF. Установите TILER_DENY_HTTP_PRIVATE=1, чтобы блокировать частные IP-адреса на http:

  • startinteger

    Начальный индекс тайла (отсчёт с нуля, включительно). Используется вместе с tilesDir для пагинации.

  • tilesDirstring

    Путь к каталогу тайлов (возвращается как outputDir из предыдущего вызова тайлинга). Если указан, возвращает тайлы в виде base64-изображений для пагинации.

  • tileSizeinteger

    Размер тайла в пикселях. Если параметр не указан, используется оптимальное для модели значение по умолчанию (Claude: 1092, OpenAI: 768, Gemini 3: 1536, Gemini: 768). Значения, выходящие за пределы поддерживаемого моделью диапазона, автоматически ограничиваются с предупреждением.

  • urlstring

    URL-адрес веб-страницы для захвата. Требуется установленный Chrome/Chromium.

  • userAgentstring

    Пользовательская строка user agent

  • viewportWidthinteger

    Ширина вьюпорта браузера в пикселях. По умолчанию 1280 для десктопа, 390 при mobile = true.

  • waitUntilenum

    Когда считать страницу загруженной: "load" (по умолчанию), "networkidle" или "domcontentloaded"

3.1.2основная
3.1.1
3.1.0
3.0.1
3.0.0
2.1.0
2.0.1
2.0.0
1.6.1
1.6.0
1.4.0
1.2.0

Выберите клиент, чтобы установить keiver/image-tiler-mcp-server:

Любой клиент

Конфиг добавления MCP сервера стандартный, обычно он не меняется вообще, поэтому подходит практически к любому ИИ клиенту, поддерживающему MCP.

{
  "mcpServers": {
    "keiver-image-tiler-mcp-server-1p5ygo0wae": {
      "command": "npx",
      "args": [
        "-y",
        "image-tiler-mcp-server"
      ]
    }
  }
}
CursorCursor

Перейдите по ссылке и сервер автоматически будет добавлен в Cursor. Либо откройте/создайте файл ~/.cursor/mcp.json(%USERPROFILE%\.cursor\mcp.json на Windows) и добавьте конфиг сервера:

{
  "mcpServers": {
    "keiver-image-tiler-mcp-server-1p5ygo0wae": {
      "command": "npx",
      "args": [
        "-y",
        "image-tiler-mcp-server"
      ]
    }
  }
}
VS Code

Создайте .vscode/mcp.json в проекте (ключ верхнего уровня — servers):

{
  "servers": {
    "keiver-image-tiler-mcp-server-1p5ygo0wae": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "image-tiler-mcp-server"
      ]
    }
  }
}

Либо добавьте сервер через терминал:

code --add-mcp "{\"name\":\"keiver-image-tiler-mcp-server-1p5ygo0wae\",\"type\":\"stdio\",\"command\":\"npx\",\"args\":[\"-y\",\"image-tiler-mcp-server\"]}"
ClaudeClaude Desktop

Откройте Settings → Developer → Edit Config — это откроет файл claude_desktop_config.json:

  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Windows: %APPDATA%\Claude\claude_desktop_config.json

Впишите сервер и полностью перезапустите Claude Desktop:

{
  "mcpServers": {
    "keiver-image-tiler-mcp-server-1p5ygo0wae": {
      "command": "npx",
      "args": [
        "-y",
        "image-tiler-mcp-server"
      ]
    }
  }
}
Claude CodeClaude Code

Добавьте сервер одной командой в терминале:

claude mcp add keiver-image-tiler-mcp-server-1p5ygo0wae -- npx -y image-tiler-mcp-server

Либо через JSON-конфиг:

claude mcp add-json keiver-image-tiler-mcp-server-1p5ygo0wae "{\"command\":\"npx\",\"args\":[\"-y\",\"image-tiler-mcp-server\"]}"
CodexCodex

Добавьте сервер командой в терминале:

codex mcp add keiver-image-tiler-mcp-server-1p5ygo0wae -- npx -y image-tiler-mcp-server

Либо вручную в ~/.codex/config.toml(%USERPROFILE%\.codex\config.toml на Windows):

[mcp_servers.keiver-image-tiler-mcp-server-1p5ygo0wae]
command = "npx"
args = ["-y", "image-tiler-mcp-server"]
PerplexityPerplexity

MCP доступен подписчикам Perplexity Pro / Max / Enterprise. Локальные серверы — только в приложении для macOS.

  1. Откройте Настройки аккаунта → Connectors.
  2. Установите вспомогательное приложение PerplexityXPC (один раз).
  3. Нажмите Add Connector → вкладка Simple.
  4. В поле Server Name укажите keiver/image-tiler-mcp-server, а в поле команды запуска — строку ниже:
npx -y image-tiler-mcp-server

Нажмите Save и дождитесь статуса Running.

WindsurfWindsurf

Откройте Windsurf Settings → Cascade → MCP Servers или отредактируйте файл ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "keiver-image-tiler-mcp-server-1p5ygo0wae": {
      "command": "npx",
      "args": [
        "-y",
        "image-tiler-mcp-server"
      ]
    }
  }
}
ClineCline

В панели Cline нажмите иконку MCP Servers → Configure → Configure MCP Servers (или отредактируйте ~/.cline/mcp.json) и добавьте сервер:

{
  "mcpServers": {
    "keiver-image-tiler-mcp-server-1p5ygo0wae": {
      "command": "npx",
      "args": [
        "-y",
        "image-tiler-mcp-server"
      ],
      "disabled": false,
      "autoApprove": []
    }
  }
}
Continue

Создайте файл в .continue/mcpServers/ (например keiver-image-tiler-mcp-server-1p5ygo0wae.yaml) или добавьте блок в config.yaml. MCP работает только в режиме agent:

mcpServers:
  - name: keiver-image-tiler-mcp-server-1p5ygo0wae
    command: npx
    args:
      - "-y"
      - "image-tiler-mcp-server"
Zed

Выполните agent: add context server или откройте настройки (zed: open settings file) и добавьте сервер в объект context_servers:

{
  "context_servers": {
    "keiver-image-tiler-mcp-server-1p5ygo0wae": {
      "command": "npx",
      "args": [
        "-y",
        "image-tiler-mcp-server"
      ]
    }
  }
}

Похожие MCP-сервера

just-every/mcp-screenshot-website-fast

just-every/mcp-screenshot-website-fast

от just-every

Быстрый MCP-сервер для скриншотов веб-страниц, оптимизированный под Claude Vision. Автоматически разбивает полные страницы на тайлы 1072x1072. Поддерживает скринкасты, захват CSS-селекторов и настр...

TypeScript⭐ 110
corralimited/snapdiff-mcp

corralimited/snapdiff-mcp

от corralimited

MCP сервер для визуального сравнения веб-страниц через SnapDiff API. Позволяет разработчикам и QA автоматически снимать скриншоты, сравнивать UI на изменения и рендерить HTML/CSS в картинки. Подход...

TypeScript⭐ 5
debugg-ai/debugg-ai-mcp

debugg-ai/debugg-ai-mcp

от debugg-ai

MCP инструмент для браузерного тестирования: задайте URL и описание — AI-агент выполняет сценарий и выдаёт pass/fail со скриншотами. Есть probe_page для быстрых проверок без LLM. Помогает разработчикам и QA автоматизировать UI-тесты.

TypeScript⭐ 68
executeautomation/playwright-mcp-server

executeautomation/playwright-mcp-server

от executeautomation

Управляет браузером через Playwright: открывает страницы, делает скриншоты, извлекает данные, эмулирует 143 устройства и пишет автотесты.

TypeScript⭐ 5668
kimtth/mcp-aoai-web-browsing

kimtth/mcp-aoai-web-browsing

от kimtth

Сервер MCP для браузерной автоматизации через Playwright, интегрированный с Azure OpenAI и OpenAI. Преобразует инструменты MCP в вызовы функций OpenAI, позволяя AI-агентам управлять веб-страницами....

Python⭐ 35
webdriverio/mcp

webdriverio/mcp

официальный

от webdriverio

Управляйте браузерами и мобильными приложениями через WebDriverIO с MCP-сервером. Автоматизируйте Chrome, Firefox, Edge, Safari, iOS и Android: навигация, клики, скриншоты. Оптимален для тестирования.

TypeScript⭐ 42
© Каталог MCP, 2026. Все права защищены.
Проект не аффилирован с Anthropic и любыми упомянутыми продуктами.
Все названия и торговые марки принадлежат их владельцам.
Контакты для связи: hi@mcp-katalog.ru

Лука Никитин