MCP Image Processor To Vercel Blob

🚀 圖像處理器MCP服務器

本MCP服務器提供圖像處理工具，並可將處理後的圖像上傳至Vercel Blob存儲。它具備以下功能：

1. 優化和調整圖像大小（支持本地文件或URL圖像）
2. 將圖像轉換為WebP格式
3. 將處理後的PNG和WebP版本圖像上傳至Vercel Blob存儲

✨ 主要特性

• 圖像優化：調整圖像大小並進行優化，提升性能
• WebP轉換：將圖像轉換為WebP格式，減小文件大小
• Vercel Blob集成：自動將處理後的圖像上傳至Vercel Blob存儲
• 自定義尺寸：指定圖像調整大小的自定義尺寸
• URL支持：支持處理外部URL的圖像

📦 安裝指南

服務器已在MCP設置文件中完成安裝和配置。它會使用環境變量中的Vercel Blob令牌。

💻 使用示例

基礎用法

你可以在Claude中使用use_mcp_tool函數來使用MCP服務器。

處理本地圖像

<use_mcp_tool>
<server_name>image-processor</server_name>
<tool_name>process_and_upload_image</tool_name>
<arguments>
{
  "imagePath": "/path/to/image.png",
  "newName": "new-image-name",
  "width": 550,
  "height": 300
}
</arguments>
</use_mcp_tool>

處理URL圖像

<use_mcp_tool>
<server_name>image-processor</server_name>
<tool_name>process_and_upload_image_from_url</tool_name>
<arguments>
{
  "imageUrl": "https://example.com/image.jpg",
  "newName": "new-image-name",
  "width": 550,
  "height": 300
}
</arguments>
</use_mcp_tool>

參數說明

本地圖像參數

• imagePath（必需）：要處理的圖像文件路徑
• newName（必需）：處理後圖像的新名稱（不帶擴展名）
• width（可選）：圖像調整後的寬度（默認值：550）
• height（可選）：圖像調整後的高度（默認值：300）

URL圖像參數

• imageUrl（必需）：要處理的圖像的URL
• newName（必需）：處理後圖像的新名稱（不帶擴展名）
• width（可選）：圖像調整後的寬度（默認值：550）
• height（可選）：圖像調整後的高度（默認值：300）

響應結果

服務器將返回一個JSON響應，結構如下：

{
  "success": true,
  "message": "Successfully processed and uploaded image: new-image-name",
  "results": {
    "png": {
      "fileName": "new-image-name_small.png",
      "localPath": "/path/to/temp/new-image-name_small.png",
      "blobUrl": "https://vercel-blob-url/new-image-name_small.png"
    },
    "webp": {
      "fileName": "new-image-name.webp",
      "localPath": "/path/to/temp/new-image-name.webp",
      "blobUrl": "https://vercel-blob-url/new-image-name.webp"
    }
  }
}

高級用法

示例1：處理本地圖像

<use_mcp_tool>
<server_name>image-processor</server_name>
<tool_name>process_and_upload_image</tool_name>
<arguments>
{
  "imagePath": "/pathto_file/image_name.png",
  "newName": "test-processed-image",
  "width": 550,
  "height": 300
}
</arguments>
</use_mcp_tool>

示例2：處理URL圖像

<use_mcp_tool>
<server_name>image-processor</server_name>
<tool_name>process_and_upload_image_from_url</tool_name>
<arguments>
{
  "imageUrl": "https://pplx-res.cloudinary.com/image/upload/v1749567759/pplx_project_search_images/6dff647e4fb1083aecf9ea6b1d49ea19386be588.jpg",
  "newName": "cloud-image",
  "width": 550,
  "height": 300
}
</arguments>
</use_mcp_tool>

以上兩個示例將執行以下操作：

1. 獲取圖像（本地路徑或URL）
2. 優化並將圖像調整為550x300像素
3. 創建帶有"_small"後綴的PNG版本
4. 創建WebP版本
5. 將兩個版本上傳至Vercel Blob
6. 返回上傳圖像的URL

🔧 技術細節

服務器使用了以下工具和庫：

• Sharp：用於圖像處理和優化
• @vercel/blob：用於上傳至Vercel Blob存儲
• fs-extra：用於文件系統操作