何枚あっても、同じ仕上がりに。
リサイズ、切り抜き、色調整、透かしをひとまとめに。OGP・SNSの4サイズも、一度の設定で作れます。
仕上がりプレビュー
OGP 1200 × 630 のプレビューここに画像をドロップ
まとめて追加して、同じ仕上がりに。
SVG・PNG・JPEG・WebP・AVIFに対応。
素材
画像・動画はこのタブのメモリに保持します。画像20MB／動画100MB、合計24素材・120MBまで。
作成結果
作成したファイルと設定がここに表示されます。確認してから保存できます。
加工レシピを保存・読み込み
同じ設定を繰り返し使えます。素材そのものは含めません。
{
"version": 1,
"width": 1200,
"height": 630,
"fit": "contain",
"format": "webp",
"quality": 85,
"rotation": 0,
"flipX": false,
"flipY": false,
"background": "transparent",
"positionX": 50,
"positionY": 50,
"brightness": 100,
"contrast": 100,
"saturation": 100,
"grayscale": 0,
"sepia": 0,
"blur": 0,
"preset": "social",
"padding": 0,
"radius": 0,
"appName": "My App",
"foreground": "#ffffff",
"watermark": "",
"sourceIds": []
}画像・動画はブラウザ内で加工します。MCP接続時は、このPC上のアダプターと素材・結果を受け渡します。
AIエージェントから使うWebMCP 試験対応
このブラウザではWebMCPが有効になっていません。通常のツール操作と下の実行テストはそのまま使えます。
「読み込んだ全画像をOGPとSNSの4サイズへ加工して、WebPでまとめて保存できるようにして。」
WebMCPは試験中のWeb標準です。利用には対応ブラウザと対応エージェントが必要です。MCPサーバーの接続URLではありません。AIサービスへ渡す内容は、そのサービスのデータ方針も確認してください。対応状況と使い方
入力仕様を見る · chinouken_media_process
{
"type": "object",
"properties": {
"preset": {
"type": "string",
"enum": [
"favicon",
"ios",
"android",
"macos",
"all-icons",
"social",
"custom"
],
"default": "favicon"
},
"sourceIds": {
"type": "array",
"maxItems": 24,
"uniqueItems": true,
"items": {
"type": "string",
"maxLength": 100
},
"description": "Image IDs from media_session. Omit to use all loaded images. Exclusive with text."
},
"text": {
"type": "string",
"maxLength": 16,
"description": "1–4 characters for an icon. No image upload required. Emoji use the OS font."
},
"appName": {
"type": "string",
"maxLength": 60,
"default": "My App"
},
"foreground": {
"type": "string",
"pattern": "^#[0-9a-fA-F]{6}$",
"default": "#ffffff"
},
"background": {
"type": "string",
"pattern": "^(transparent|#[0-9a-fA-F]{6})$",
"default": "transparent"
},
"width": {
"type": "integer",
"minimum": 1,
"maximum": 8192,
"default": 1200
},
"height": {
"type": "integer",
"minimum": 1,
"maximum": 8192,
"default": 630
},
"format": {
"type": "string",
"enum": [
"webp",
"jpeg",
"png"
],
"default": "webp",
"description": "Custom/social output format. Platform icons always PNG + ICO."
},
"quality": {
"type": "number",
"minimum": 1,
"maximum": 100,
"default": 85
},
"fit": {
"type": "string",
"enum": [
"contain",
"cover"
],
"default": "contain"
},
"padding": {
"type": "number",
"minimum": 0,
"maximum": 40,
"default": 12
},
"radius": {
"type": "number",
"minimum": 0,
"maximum": 50,
"default": 0
},
"rotation": {
"type": "integer",
"enum": [
0,
90,
180,
270
],
"default": 0
},
"flipX": {
"type": "boolean",
"default": false
},
"flipY": {
"type": "boolean",
"default": false
},
"positionX": {
"type": "number",
"minimum": 0,
"maximum": 100,
"default": 50
},
"positionY": {
"type": "number",
"minimum": 0,
"maximum": 100,
"default": 50
},
"brightness": {
"type": "number",
"minimum": 0,
"maximum": 200,
"default": 100
},
"contrast": {
"type": "number",
"minimum": 0,
"maximum": 200,
"default": 100
},
"saturation": {
"type": "number",
"minimum": 0,
"maximum": 200,
"default": 100
},
"grayscale": {
"type": "number",
"minimum": 0,
"maximum": 100,
"default": 0
},
"sepia": {
"type": "number",
"minimum": 0,
"maximum": 100,
"default": 0
},
"blur": {
"type": "number",
"minimum": 0,
"maximum": 20,
"default": 0
},
"watermark": {
"type": "string",
"maxLength": 80,
"description": "Bottom-right label on custom/social images only."
}
},
"required": [],
"additionalProperties": false
}通常のMCPクライアントと接続
ローカルのMCPアダプターを起動し、media_connectが返す接続コードを入力してください。このPC上のMCPクライアントから素材を受け取り、加工結果を同じPCへ返します。接続するまで待機します。
アダプターのセットアップ方法この4つのメディアツール間では素材と結果を引き継げます。ページの再読み込み・タブ終了で消去されます。通常のMCP接続・ブラウザAPIの使い方
画像をまとめて、同じ仕上がりに
- 画像を複数追加し、加工する素材にチェックを付けます。
- SNS向けか指定サイズを選び、切り抜き・余白・色を調整します。
- WebP・JPEG・PNGを選び、加工後の画像と容量を確認してZIPを保存します。
OGP・SNSのサイズをまとめて用意
1200×630、1080×1080、1080×1350、1080×1920の4サイズを作成します。文字や被写体が端で切れないか、完成した各サイズを選んで確認できます。
明るさ、コントラスト、彩度、モノクロ、セピア、ぼかしに対応。回転・反転・切り抜き位置・角丸・文字の透かしも同時に適用できます。
設定はレシピとして保存
加工条件をJSONで保存・読み込みできます。読み込み時は現在の素材を使い、古い素材IDには依存しません。前の生成結果も残るので、条件を変えて見比べられます。
PNGの画質は固定です。WebPやJPEGの圧縮結果はブラウザに依存し、容量が必ず小さくなるわけではありません。出力を再描画するため、元のEXIF情報は引き継ぎません。
軽い呼び出しで、一括処理
処理条件と素材IDだけを渡し、出力はZIPのIDと容量で受け取れます。最大24素材、出力合計6,400万画素・300ファイルまで。不要な結果は削除してメモリを解放できます。
レシピとMCPの入力仕様AIエージェントへの頼み方
Claude CodeやCodexなど、MCPやWebMCPに対応したエージェントに、このページのURLを添えて次のように頼めます。ファイルは会話に添付せず、手元のパスや条件を伝えます。
- 「photos フォルダの画像を全部、横幅1200pxに揃えてWebPにして。同じ条件をレシピとして残して。」
- 「OGPとX、Instagram、正方形の4サイズを、この1枚から一度に作って。右下に透かしを入れて。」