Image Tools MCP

🚀 画像ツール MCP サービス

Image Tools MCP（モデルコンテキストプロトコル）サービスは、強力な画像処理ツールです。以下の操作をサポートしています。

• リモートおよびローカルの画像のサイズ情報を取得する
• 画像ファイルを圧縮最適化する
• 画像形式（WebP、JPEG、JPG、PNG）を変換する
• Figma ファイルから画像リンクを抽出する

✨ 主な機能

1. 画像サイズの取得

   • URL を通じてリモート画像の幅と高さを取得することができます。
   • ローカル画像ファイルの実際のサイズを読み取ることができます。

2. 圧縮最適化

   • TinyPNG インターフェースを使用してオンライン圧縮を実現します。
   • 元画像の品質を維持しながら、ファイルサイズを大幅に削減します。

3. 形式変換

   • 画像をある形式から別の形式に変換することができます。
   • 一般的な形式には、WebP、JPEG、JPG、PNG が含まれます。

4. Figma 統合

   • Figma ファイル内のすべての画像リソースを解析します。
   • 完全な画像リンクリストを提供します。

📚 ドキュメント

MCP サービスとしての使用方法

このツールは、コマンドラインから、または他のシステムに統合して使用することができます。以下は主なインターフェース仕様です。

リモート画像のサイズを取得する

{
  options: {
    imageUrl: string // サイズを取得する画像の URL アドレス
  }
}

ローカル画像のサイズを取得する

{
  options: {
    imagePath: string; // 絶対パスのローカル画像ファイル
  }
}

リモート画像を圧縮する

{
  options: {
    imageUrl: string // 圧縮する画像の URL アドレス
    outputFormat?: "image/webp" | "image/jpeg" | "image/jpg" | "image/png" // オプションの出力形式
  }
}

ローカル画像を圧縮する

{
  options: {
    imagePath: string // 絶対パスのローカル画像ファイル
    outputPath?: string // オプションの出力先パス
    outputFormat?: "image/webp" | "image/jpeg" | "image/jpg" | "image/png" // オプションの出力形式
  }
}

Figma ファイルの処理

{
  options: {
    figmaUrl: string; // 解析する Figma ファイルのリンク
  }
}

環境設定

すべての機能を正常に動作させるために、以下の環境変数を設定することをお勧めします。

• TINIFY_API_KEY：TinyPNG インターフェースを呼び出すために使用します。取得方法については、TinyPNG 開発者ページを参照してください。
• FIGMA_API_TOKEN：Figma API とやり取りするために使用します。取得方法については、Figma 開発ドキュメントを参照してください。

注意：基本機能（サイズ情報の取得）は、上記の環境変数を設定しなくても使用できます。

🔧 技術詳細

このプロジェクトは、以下の優れたオープンソースライブラリに基づいて構築されています。

• probe-image-size：画像サイズを迅速に取得するために使用されます。
• tinify：TinyPNG インターフェースのサポートを提供します。
• figma-api：Figma ファイルの解析を実現します。

📄 ライセンス

このプロジェクトは MIT オープンソースライセンスに準拠しており、自由に使用および変更することができます。