ShortPixel Image Optimizer

Claude Code

1. Lancez ceci dans un terminal, dans le dossier de votre projet :

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

2. Remplacez l’espace réservé par votre clé avant de lancer la commande, puis vérifiez avec /mcp dans Claude Code.

Ajoutez --scope user pour le rendre disponible dans tous vos projets, pas seulement celui-ci.

Claude Desktop

1. Utilisez la passerelle mcp-remote, qui garde la clé sur cet ordinateur (un connecteur ajouté sur claude.ai avec la clé dans Request headers apparaît aussi ici). Ouvrez Settings → Developer → Edit Config et ajoutez :

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

2. Remplacez l’espace réservé par votre clé et redémarrez Claude Desktop.

La passerelle nécessite Node.js sur votre ordinateur.

claude.ai

1. Ouvrez le formulaire des connecteurs sur claude.ai. Ce bouton remplit le nom et l’URL pour vous :

Ajouter à claude.ai (s’ouvre dans un nouvel onglet)

2. Vérifiez que l’URL est https://mcp.shortpixel.com/mcp. Dans Request headers, ajoutez Authorization: Bearer <YOUR_API_KEY> avec votre clé obtenue auprès de ShortPixel, puis cliquez sur Add.
3. Activez-le dans une conversation depuis le menu des outils.

Les offres gratuites permettent un connecteur personnalisé. Sur les offres Team et Enterprise, un propriétaire l’ajoute dans Organization settings → Connectors.

Cursor

Ajouter à Cursor (s’ouvre dans un nouvel onglet)

Ou ajoutez-le à la main dans ~/.cursor/mcp.json (tous les projets) ou .cursor/mcp.json (ce projet) :

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

VS Code

Ajoutez-le à .vscode/mcp.json. VS Code demande la clé la première fois et la stocke de façon sécurisée :

{
  "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. Ajoutez-le à ~/.config/devin/mcp_config.json (macOS et Linux) ou %APPDATA%\devin\mcp_config.json (Windows) :

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

2. Actualisez la liste des serveurs MCP dans Cascade.

Devin Desktop est le nouveau nom de Windsurf. Pour les serveurs distants, il lit serverUrl (ou url).

Codex

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

Ou modifiez directement ~/.codex/config.toml :

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

Définissez SHORTPIXEL_IMAGE_OPTIMIZER_API_KEY avec votre clé dans le shell qui lance Codex.

Gemini CLI

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

Cela l’ajoute au projet en cours. Ajoutez -s user pour l’utiliser partout.

Tout client

La plupart des clients acceptent cette forme. Certains nomment autrement le champ de l’URL : serverUrl dans Devin Desktop, httpUrl dans le fichier de réglages de Gemini CLI.

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

Zed place les serveurs sous context_servers dans ses réglages. Cline a besoin de "type": "streamableHttp", sinon il suppose SSE.

Votre client ne lance que des serveurs locaux ? Reliez-le avec npx -y mcp-remote https://mcp.shortpixel.com/mcp.

Badge pour 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>

Il suit le mode clair ou sombre du lecteur. Ajoutez ?theme=light ou ?theme=dark pour le fixer, ou ?style=compact pour afficher le symbole sans le nom.

Carte pour site web

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

La carte apparaît à l’endroit de la balise. Ajoutez data-theme="dark" ou data-size="compact" à la balise pour la modifier. Le fichier contient tout ce qu’il lui faut : il ne fait aucune autre requête et ne dépose aucun cookie.

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>

Utilisez-la sur les pages qui n’autorisent pas les scripts. Ajoutez ?theme=light ou ?theme=dark à l’adresse pour fixer les couleurs.

JSON

La fiche sous forme de données pour vos pages et vos outils : nom, accroche, URL du serveur, outils et liens « Add to ». N’importe quel site peut la lire (CORS ouvert).

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

Ce que signifie chaque champ