📷✨ WebPerfect MCP Server

Mirror of

Catalog onlyCatalog onlySTDIO

Overview

WebPerfect MCP Server is an advanced image optimization tool that utilizes AI algorithms to enhance images for web use, significantly reducing file sizes while maintaining high visual quality.

To use the WebPerfect MCP Server, clone the repository, install the dependencies, and configure it within your Claude MCP settings. You can then process images in batches and access various statistics.

Intelligent AI-powered image processing - Superior quality enhancement with noise reduction - Up to 80% file size reduction - Batch processing capabilities - Web optimization for modern applications

Optimizing images for websites to improve loading times.
Reducing storage costs by compressing image files.
Enhancing images for responsive design applications.

Add to your AI client

Use these steps to connect 📷✨ WebPerfect MCP Server in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "splendasucks-webperfect-mcp-server-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-splendasucks-webperfect-mcp-server-mcp-mirror"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "splendasucks-webperfect-mcp-server-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-splendasucks-webperfect-mcp-server-mcp-mirror"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "splendasucks-webperfect-mcp-server-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-splendasucks-webperfect-mcp-server-mcp-mirror"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "splendasucks-webperfect-mcp-server-mcp-mirror": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-splendasucks-webperfect-mcp-server-mcp-mirror"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "splendasucks-webperfect-mcp-server-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-splendasucks-webperfect-mcp-server-mcp-mirror"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "splendasucks-webperfect-mcp-server-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-splendasucks-webperfect-mcp-server-mcp-mirror"
      ]
    }
  }
}

FAQ

Can WebPerfect handle all image formats?

Yes! WebPerfect supports various formats including JPEG, PNG, and WebP.

Is there a limit to the number of images I can process at once?

No, you can process entire directories in a single command.

What are the system requirements for WebPerfect?

You need Node.js version 16 or higher and the Sharp image processing library.

Image and video processing