This page was machine-translated. Spotted a mistake?Help improve it.
Skip to content

画像合成

ベース画像の上にオーバーレイ画像を重ね、位置、不透明度、ブレンドモードを設定します。ロゴやグラフィックの合成、複数画像の組み合わせに便利です。

API エンドポイント

POST /api/v1/tools/image/compose

2つの画像ファイルとJSONの settings フィールドを含むmultipartフォームデータを受け付けます。

パラメータ

パラメータ必須デフォルト説明
xnumberいいえ0左上隅からのオーバーレイの水平オフセット(ピクセル、最小0)
ynumberいいえ0左上隅からのオーバーレイの垂直オフセット(ピクセル、最小0)
opacitynumberいいえ100オーバーレイの不透明度パーセンテージ(0〜100)
blendModestringいいえ"over"合成のブレンドモード

ブレンドモード

説明
over通常のオーバーレイ(デフォルト)
multiplyピクセル値を乗算して暗くする
screen反転・乗算・再反転で明るくする
overlayベースの明るさに基づいて乗算とスクリーンを組み合わせる
darken各レイヤーの暗い方のピクセルを残す
lighten各レイヤーの明るい方のピクセルを残す
hard-light強いコントラストのオーバーレイ
soft-light控えめなコントラストのオーバーレイ
differenceレイヤー間の絶対差
exclusion差分に似ているがコントラストが低い

ファイルフィールド

フィールド名必須説明
fileはいベース/背景画像
overlayはいオーバーレイ/前景画像

リクエスト例

bash
curl -X POST http://localhost:1349/api/v1/tools/image/compose \
  -H "Authorization: Bearer si_your-api-key" \
  -F "[email protected]" \
  -F "[email protected]" \
  -F 'settings={"x": 100, "y": 50, "opacity": 80, "blendMode": "over"}'

乗算ブレンドモードを使用:

bash
curl -X POST http://localhost:1349/api/v1/tools/image/compose \
  -H "Authorization: Bearer si_your-api-key" \
  -F "[email protected]" \
  -F "[email protected]" \
  -F 'settings={"x": 0, "y": 0, "opacity": 50, "blendMode": "multiply"}'

レスポンス例

json
{
  "jobId": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
  "downloadUrl": "/api/v1/download/a1b2c3d4-e5f6-7890-abcd-ef1234567890/background.jpg",
  "originalSize": 3200000,
  "processedSize": 3450000
}

補足

  • 両方の画像は合成の前に検証・デコードされます(HEIC、RAW、PSD、SVG に対応)。
  • オーバーレイは xy で指定した正確なピクセル座標に配置されます。フィットするようにリサイズはされません。
  • 不透明度が100未満の場合、ブレンド前にオーバーレイへアルファマスクが適用されます。
  • オーバーレイはベース画像の境界を越えて広がることができます(その部分はクリップされます)。
  • 処理前に両方の画像でEXIFの向きが自動適用されます。
  • 出力の寸法はベース画像の寸法に一致します。