Mcp Image Optimizer

运行此命令以添加 MCP 服务：

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

如需了解更多信息，请参阅 Claude Code MCP 文档。

将以下内容添加到 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。

将以下内容添加到 VS Code 设置中，以用于 Cline 或 Continue 等 MCP 扩展：

{
  "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）
• 以及旋转、翻转、灰度、模糊、锐化、归一化

一次处理多张图片。

示例：

"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 应用生成各种尺寸和格式的 favicon。

示例：

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

参数：

• input - 源图片（建议为 512x512 或更大）
• outputDir - 保存所有 favicon 文件的目录
• sizes - 自定义尺寸数组（默认值：所有标准尺寸）
• platforms - 目标平台：web、apple、android、microsoft、all
• generateManifest - 为 PWA 创建 manifest.json 代码片段

生成的文件：

• 各种尺寸的 PNG favicon（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 配置）