English Français العربية

io.github.Bishop81/imagedimensions-mcp

Official registry Search and web

Audit a web page's images: natural vs rendered sizes, oversized detection, and formats.

Source code Documentation

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

NPM package imagedimensions-mcp
Claude Code 
claude mcp add imagedimensions-mcp -e 'IMAGEDIMENSIONS_API_BASE=<IMAGEDIMENSIONS_API_BASE>' -- npx -y imagedimensions-mcp@0.1.2
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "imagedimensions-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "imagedimensions-mcp@0.1.2"
            ],
            "env": {
                "IMAGEDIMENSIONS_API_BASE": "<IMAGEDIMENSIONS_API_BASE>"
            }
        }
    }
}

Environment variables

  • IMAGEDIMENSIONS_API_BASE Override the scan API base. Defaults to https://imagedimensions.com.

Documentation

From the project's README on GitHub, refreshed weekly. Links open on GitHub.

Contents
  1. imagedimensions-mcp
  2. Install / run
  3. Tool
  4. Why "oversized" matters
  5. Config
  6. License

imagedimensions-mcp

An MCP server that audits the images on any public web page — natural vs. rendered dimensions, oversized-image detection, and format breakdown — so AI agents (Claude, Cursor, Windsurf, etc.) can check image performance during development.

Powered by imagedimensions.com. The scan runs server-side, so no local browser or Chrome install is required.

Install / run

// Claude Desktop / any MCP client config
{
  "mcpServers": {
    "imagedimensions": {
      "command": "npx",
      "args": ["-y", "imagedimensions-mcp"]
    }
  }
}

Tool

scan_image_dimensions
ParamTypeDescription
urlstring (required)Public URL of the page to audit.
oversizedThresholdnumber (optional)Area-overshoot ratio to flag as oversized. Default 4 (≈2× per dimension).

Returns a text report plus structured content:

  • total / visible image counts and CSS-background count
  • modern-format share (WebP + AVIF)
  • format breakdown
  • the list of oversized images (natural → rendered, overshoot ratio, format, src)
  • a link to the full visual report on imagedimensions.com

Example agent uses: "Audit the images on https://example.com,"; "Which images on this page are oversized and hurting LCP?", "What % of this site's images use modern formats?"

Why "oversized" matters

An image downloaded much larger than the box it renders into wastes bandwidth and slows Largest Contentful Paint — the most common image-performance mistake on the web. See the writeup.

Config

  • IMAGEDIMENSIONS_API_BASE — override the API base (default https://imagedimensions.com).

License

MIT

Frequently asked questions

What is io.github.Bishop81/imagedimensions-mcp?

Audit a web page's images: natural vs rendered sizes, oversized detection, and formats.

How do I install io.github.Bishop81/imagedimensions-mcp?

It runs on your machine. In Claude Code: claude mcp add imagedimensions-mcp -e 'IMAGEDIMENSIONS_API_BASE=<IMAGEDIMENSIONS_API_BASE>' -- npx -y imagedimensions-mcp@0.1.2. For other clients, paste the JSON configuration from this page into their MCP settings.

Does io.github.Bishop81/imagedimensions-mcp need an API key?

Its registry entry lists no required key or secret. Some features may still need an account with the service it connects to.

Is io.github.Bishop81/imagedimensions-mcp open source?

Yes. Its code is on GitHub under the MIT license.

Who maintains io.github.Bishop81/imagedimensions-mcp?

It is published by Bishop81. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.