ShortPixel Image Optimizer

Claude Code

1. Ejecútalo en un terminal, en la carpeta de tu proyecto:

claude mcp add --transport http shortpixel-image-optimizer https://mcp.shortpixel.com/mcp --header "Authorization: Bearer <YOUR_API_KEY>"

2. Sustituye el marcador por tu clave antes de ejecutarlo, y después compruébalo con /mcp dentro de Claude Code.

Añade --scope user para que esté disponible en todos los proyectos, no solo en este.

Claude Desktop

1. Usa el puente mcp-remote, que guarda la clave en este equipo (un conector añadido en claude.ai con la clave en Request headers también aparece aquí). Abre Settings → Developer → Edit Config y añade:

{
  "mcpServers": {
    "shortpixel-image-optimizer": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.shortpixel.com/mcp",
        "--header",
        "Authorization: Bearer <YOUR_API_KEY>"
      ]
    }
  }
}

2. Sustituye el marcador por tu clave y reinicia Claude Desktop.

El puente necesita Node.js en tu equipo.

claude.ai

1. Abre el formulario de conectores en claude.ai. Este botón rellena el nombre y la URL por ti:

Añadir a claude.ai (se abre en una pestaña nueva)

2. Comprueba que la URL es https://mcp.shortpixel.com/mcp. En Request headers, añade Authorization: Bearer <YOUR_API_KEY> con tu clave de ShortPixel y luego haz clic en Add.
3. Actívalo en un chat desde el menú de herramientas.

Los planes gratuitos permiten un conector personalizado. En los planes Team y Enterprise lo añade un propietario en Organization settings → Connectors.

Cursor

Añadir a Cursor (se abre en una pestaña nueva)

O añádelo a mano en ~/.cursor/mcp.json (todos los proyectos) o en .cursor/mcp.json (este proyecto):

{
  "mcpServers": {
    "shortpixel-image-optimizer": {
      "url": "https://mcp.shortpixel.com/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_API_KEY>"
      }
    }
  }
}

VS Code

Añádelo a .vscode/mcp.json. VS Code pide la clave la primera vez y la guarda de forma segura:

{
  "servers": {
    "shortpixel-image-optimizer": {
      "type": "http",
      "url": "https://mcp.shortpixel.com/mcp",
      "headers": {
        "Authorization": "Bearer ${input:api-key}"
      }
    }
  },
  "inputs": [
    {
      "type": "promptString",
      "id": "api-key",
      "description": "API key",
      "password": true
    }
  ]
}

Devin Desktop

1. Añádelo a ~/.config/devin/mcp_config.json (macOS y Linux) o a %APPDATA%\devin\mcp_config.json (Windows):

{
  "mcpServers": {
    "shortpixel-image-optimizer": {
      "serverUrl": "https://mcp.shortpixel.com/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_API_KEY>"
      }
    }
  }
}

2. Actualiza la lista de servidores MCP en Cascade.

Devin Desktop es el nuevo nombre de Windsurf. Para los servidores remotos lee serverUrl (o url).

Codex

codex mcp add shortpixel-image-optimizer --url https://mcp.shortpixel.com/mcp --bearer-token-env-var SHORTPIXEL_IMAGE_OPTIMIZER_API_KEY

O edita directamente ~/.codex/config.toml:

[mcp_servers.shortpixel-image-optimizer]
url = "https://mcp.shortpixel.com/mcp"
bearer_token_env_var = "SHORTPIXEL_IMAGE_OPTIMIZER_API_KEY"

Asigna tu clave a SHORTPIXEL_IMAGE_OPTIMIZER_API_KEY en el shell que ejecuta Codex.

Gemini CLI

gemini mcp add --transport http --header "Authorization: Bearer <YOUR_API_KEY>" shortpixel-image-optimizer https://mcp.shortpixel.com/mcp

Así lo añades al proyecto actual. Añade -s user para usarlo en todas partes.

Cualquier cliente

La mayoría de los clientes aceptan esta forma. Algunos llaman de otra manera al campo de la URL: serverUrl en Devin Desktop, httpUrl en el archivo de ajustes de Gemini CLI.

{
  "mcpServers": {
    "shortpixel-image-optimizer": {
      "type": "http",
      "url": "https://mcp.shortpixel.com/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_API_KEY>"
      }
    }
  }
}

Zed pone los servidores bajo context_servers en sus ajustes. Cline necesita "type": "streamableHttp"; si no, supone SSE.

¿Tu cliente solo inicia servidores locales? Conéctalo con npx -y mcp-remote https://mcp.shortpixel.com/mcp.

Insignia para README

[![ShortPixel Image Optimizer on mcp.tc](https://mcp.tc/i/shortpixel-image-optimizer/badge.svg)](https://mcp.tc/i/shortpixel-image-optimizer)

<a href="https://mcp.tc/i/shortpixel-image-optimizer"><img src="https://mcp.tc/i/shortpixel-image-optimizer/badge.svg" alt="ShortPixel Image Optimizer on mcp.tc" height="20"></a>

Sigue el modo claro u oscuro de quien lee. Añade ?theme=light o ?theme=dark para fijarlo, o ?style=compact para mostrar el símbolo sin la palabra.

Tarjeta para web

<script src="https://mcp.tc/w/shortpixel-image-optimizer.js" async></script>

La tarjeta aparece donde esté la etiqueta. Añade data-theme="dark" o data-size="compact" a la etiqueta para cambiarla. El archivo contiene todo lo que necesita, así que no hace otras solicitudes ni instala cookies.

iframe

<iframe src="https://mcp.tc/embed/shortpixel-image-optimizer" title="ShortPixel Image Optimizer on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

Úsalo en páginas que no permiten scripts. Añade ?theme=light o ?theme=dark a la dirección para fijar los colores.

JSON

La ficha como datos para tus propias páginas y herramientas: nombre, descripción corta, la URL propia del servidor, herramientas y los enlaces «Add to». Cualquier web puede leerla (CORS abierto).

https://mcp.tc/i/shortpixel-image-optimizer.json

Qué significa cada campo