ShortPixel Image Optimizer

Claude Code

1. Eseguilo in un terminale, nella cartella del tuo progetto:

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

2. Sostituisci il segnaposto con la tua chiave prima di eseguirlo, poi controlla con /mcp dentro Claude Code.

Aggiungi --scope user per renderlo disponibile in tutti i progetti, non solo in questo.

Claude Desktop

1. Usa il bridge mcp-remote, che tiene la chiave su questo computer (anche un connettore aggiunto su claude.ai con la chiave in Request headers compare qui). Apri Settings → Developer → Edit Config e aggiungi:

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

2. Sostituisci il segnaposto con la tua chiave e riavvia Claude Desktop.

Il bridge richiede Node.js sul tuo computer.

claude.ai

1. Apri il modulo dei connettori su claude.ai. Questo pulsante compila nome e URL per te:

Aggiungi a claude.ai (si apre in una nuova scheda)

2. Controlla che l’URL sia https://mcp.shortpixel.com/mcp. In Request headers aggiungi Authorization: Bearer <YOUR_API_KEY> con la tua chiave di ShortPixel, poi fai clic su Add.
3. Attivalo in una chat dal menu degli strumenti.

I piani gratuiti consentono un connettore personalizzato. Nei piani Team ed Enterprise lo aggiunge un owner in Organization settings → Connectors.

Cursor

Aggiungi a Cursor (si apre in una nuova scheda)

Oppure aggiungilo a mano in ~/.cursor/mcp.json (tutti i progetti) o in .cursor/mcp.json (questo progetto):

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

VS Code

Aggiungilo a .vscode/mcp.json. VS Code chiede la chiave la prima volta e la conserva in modo sicuro:

{
  "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. Aggiungilo a ~/.config/devin/mcp_config.json (macOS e 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. Aggiorna l’elenco dei server MCP in Cascade.

Devin Desktop è il nuovo nome di Windsurf. Per i server remoti legge 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

Oppure modifica direttamente ~/.codex/config.toml:

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

Imposta SHORTPIXEL_IMAGE_OPTIMIZER_API_KEY con la tua chiave nella shell che esegue Codex.

Gemini CLI

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

Così lo aggiungi al progetto corrente. Aggiungi -s user per usarlo ovunque.

Qualsiasi client

La maggior parte dei client accetta questa forma. Alcuni chiamano diversamente il campo dell’URL: serverUrl in Devin Desktop, httpUrl nel file di impostazioni di Gemini CLI.

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

Zed mette i server sotto context_servers nelle sue impostazioni. Cline ha bisogno di "type": "streamableHttp", altrimenti presume SSE.

Il tuo client avvia solo server locali? Collegalo con npx -y mcp-remote https://mcp.shortpixel.com/mcp.

Badge per il 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>

Segue la modalità chiara o scura di chi legge. Aggiungi ?theme=light o ?theme=dark per fissarla, oppure ?style=compact per mostrare il simbolo senza la scritta.

Card per il sito

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

La card compare dove si trova il tag. Aggiungi data-theme="dark" o data-size="compact" al tag per cambiarla. Il file contiene tutto ciò che serve, quindi non fa altre richieste e non imposta 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>

Usalo nelle pagine che non consentono script. Aggiungi ?theme=light o ?theme=dark all’indirizzo per fissare i colori.

JSON

La scheda come dati per le tue pagine e i tuoi strumenti: nome, descrizione breve, URL del server, tool e i link «Add to». Qualsiasi sito può leggerla (CORS aperto).

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

Cosa significa ogni campo