Mcp Image Optimizer

次のコマンドを実行して、MCP サーバーを追加します。

claude mcp add image-optimizer -- npx -y mcp-image-optimizer

詳しくは、Claude Code MCP docs をご覧ください。

Claude Desktop の設定ファイルに追加します。

• macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
• Windows: %APPDATA%\Claude\claude_desktop_config.json
• Linux: ~/.config/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "image-optimizer": {
      "command": "npx",
      "args": ["mcp-image-optimizer"]
    }
  }
}

OpenAI Codex の MCP サーバー設定に次の構成を追加します。

[mcp_servers.image-optimizer]
args = ["-y", "mcp-image-optimizer"]
command = "npx"

詳しくは OpenAI Codex をご覧ください。

Cline や Continue などの MCP 拡張機能を使う場合は、VS Code の設定に追加します。

{
  "image-optimizer": {
    "command": "npx",
    "args": ["mcp-image-optimizer"]
  }
}

Settings → Cursor Settings → MCP → Add new global MCP server の順に移動します。

~/.cursor/mcp.json に追加します。

{
  "mcpServers": {
    "image-optimizer": {
      "command": "npx",
      "args": ["mcp-image-optimizer"]
    }
  }
}

起動を速くするには、グローバルにインストールします。

npm install -g mcp-image-optimizer

その後、任意のクライアントで次の簡易設定を使用します。

{
  "command": "mcp-image-optimizer"
}

画像のサイズ変更、変換、加工を行います。

例：

"Optimize image.jpg to 800px width with 85% quality"

パラメーター：

• input - 画像のパスまたは URL
• output - 出力ファイルのパス
• width - 目標の幅（ピクセル単位）
• height - 目標の高さ（ピクセル単位）
• quality - 非可逆形式の品質（1～100）
• format - 出力形式（jpeg、png、webp、avif、tiff）
• fit - サイズ変更時のフィットモード（cover、contain、fill、inside、outside）
• rotate、flip、grayscale、blur、sharpen、normalize も使用できます

複数の画像を一度に処理します。

例：

"Optimize all images in ~/Pictures/ to 1200px width"

パラメーター：

• inputs - 画像のパスまたは URL の配列
• outputDir - 出力ディレクトリ
• width、height、quality、format - 単一画像の場合と同じ
• prefix - ファイル名の先頭に追加
• suffix - ファイル名の末尾に追加

画像のメタデータを抽出します。

例：

"Get info about image.jpg"

戻り値：

• 寸法、形式、色空間
• ファイルサイズ、DPI
• EXIF データの有無

画像の縁や余白を自動的に取り除きます。

例：

"Auto-crop screenshot.png to remove white borders"

パラメーター：

• input - 画像のパスまたは URL
• output - 出力ファイルのパス
• threshold - 色の類似度のしきい値（0～100）
• backgroundColor - 検出する背景色

指定した寸法に合わせてインテリジェントにトリミングします。

例：

"Smart crop portrait.jpg to 500x500 square"

パラメーター：

• input - 画像のパスまたは URL
• output - 出力ファイルのパス
• width、height - 目標の寸法
• strategy - 「attention」または「entropy」

遅延読み込み用の低品質な画像プレースホルダーを生成します。

例：

"Create a blurred placeholder for hero-image.jpg"

パラメーター：

• input - 画像のパスまたは URL
• width - プレースホルダーの幅（デフォルト：20）
• height - プレースホルダーの高さ（未設定の場合は自動）
• quality - JPEG 品質（1～100、デフォルト：40）
• blur - ぼかしの強さ（0.3～1000、デフォルト：5）
• format - 「base64」、「datauri」、または「file」

位置やスタイルを指定して、画像またはテキストの透かしを追加します。

例：

"Add logo.png as watermark to photo.jpg in bottom-right corner"
"Add 'Copyright 2025' text watermark with 50% opacity"
"Add 'CONFIDENTIAL' diagonally across the document"

パラメーター：

• input - 画像のパスまたは URL
• output - 出力ファイルのパス
• watermark - 透かし画像のパス／URL、base64 データ、またはテキスト
• position - 角、中央、斜め、またはタイルパターン
• opacity - 不透明度（0～1）
• scale - 元画像に対するサイズ
• margin - 端からの距離
• blend - 効果用のブレンドモード
• テキストのオプション：text、fontSize、fontColor、fontFamily

最新の Web アプリ向けに、すべてのサイズと形式のファビコンを生成します。

例：

"Generate favicons from logo.png and save to ./public"
"Create all icon sizes for my PWA"

パラメーター：

• input - 元画像（512x512 以上を推奨）
• outputDir - すべてのファビコンファイルを保存するディレクトリ
• sizes - カスタムサイズの配列（デフォルト：標準サイズすべて）
• platforms - 対象プラットフォーム：web、apple、android、microsoft、all
• generateManifest - PWA 用の manifest.json スニペットを作成

生成されるファイル：

• すべてのサイズの PNG ファビコン（16x16～512x512）
• apple-touch-icon.png（180x180）
• android-chrome-192x192.png、android-chrome-512x512.png
• mstile-150x150.png（Microsoft タイル）
• favicon-html.txt（すぐに使える HTML タグ）
• manifest-icons.json（PWA 設定）