画像合成ツール (重ね合わせ専用)

UPDATE : 円形などの切り抜き合成対応 (個別設定の切り抜きをチェック)

下地の画像 (メイン)
IMAGE
▼
INPUT SIZE : W 0 x H 0
▼ 画像設定 [ 表示 ]
▼ 画像設定 [ 非表示 ]
画像の透明度 (0～100)
画像の背景
横グラデーション 縦グラデーション
背景の色 (グラデーション1)
背景の色 (グラデーション2)
背景の色 (グラデーション3)
背景の透明度 (0～100)
▼　

▼ 画像を入力

重ね合わせる画像 (No.1～No.)
切り抜きにチェックを入れると円形などに切り抜きます。角丸のサイズは反映されません。
No. 1 2 3 ▲ ▼ (重ね合わせる画像の表示番号) ▼　

▼ 重ねる位置から ドラッグして 画像のサイズを設定

No.1

※ Unsupported canvas

※ Unsupported canvas

※ Unsupported canvas

※ Unsupported canvas

※ Unsupported canvas

※ Unsupported canvas

※ Unsupported canvas

X: , Y: 全表示
縮小表示
原寸表示
取消　
▼　 ▼ 座標調整 [ 表示 ]
▼ 座標調整 [ 非表示 ]
▼ 一括変換 [ 表示 ]
▼ 一括変換 [ 非表示 ]
横軸移動 (X軸)
縦軸移動 (Y軸)
移動　
座標調整の数値を変更すれば 0.1 ピクセル単位で 位置を修正できます。
▼　 ▼ 詳細設定 [ 表示 ]
▼ 詳細設定 [ 非表示 ]
指定可能な座標のピクセル単位 (初期設定値は 1) (グリッド線 5、10、20、25、50、100単位)
線の太さ
線の色
▼　

RESET

GENERATE　
作成 / 更新　
画像を合成・保存する

▼　

▼ OUTPUT FORM Image is displayed here

---

DOWNLOAD　
画像をダウンロードする ▼ 重ね合わせた部分のみ [ 表示 ]
▼ 重ね合わせた部分のみ [ 非表示 ]
DOWNLOAD (OVERLAY ONLY)　
重ね合わせた画像のみをダウンロードする

＞＞ 画像結合ツール (つなぎ合わせ専用)、画像斜め結合ツール (斜めにつなぐ場合)
説明

---

画像に画像を重ねて 複数の写真を1枚に合成するウェブアプリです。透過画像の合成にも対応。

---

手順
1. 下地の画像を読み込む (大きいサイズの場合は 初期設定の縮小表示を推奨)
2. 重ね合わせる画像を読み込む
3. キャンバスをマウスでドラッグして、重ね合わせる画像の 合成する位置・サイズを設定する (後から角の点(座標)をドラッグする事もできる)
4. 完成したら「GENERATE」と「DOWNLOAD」のボタンをを押す

---

※ 重ね合わせる画像の番号を変更すれば 複数の画像を 同時に 合成できます。
※ 座標調整の数値を変更すれば 0.1 ピクセル単位で 位置を修正できます。
アドバイス １

---

キーボードの上下で「重ね合わせる画像の表示番号」を変更できます。
アドバイス ２

---

一度に 10枚以上の 画像をまとめて合成したい場合は、URLのファイル名「picture_overlay_tool.html」の後ろに「?max=20」を付けて下さい。 「picture_overlay_tool.html?max=20」にして アクセスすると 最大数が 20枚 まで増えます。 (端末の性能によっては 動作が重くなる可能性もあるので 拡張は自己責任で)
アドバイス ３

---

重ね合わせる画像の形を「ハート形、星形、桜形、矢印形、など」にして合成したい場合は、下記ツール等で 画像を切り抜いてから合成して下さい。ちなみに 画像合成ツール単体でも 個別設定で 一部の形 (円形や星形など) に切り抜いて合成できます。
画像トリミングツール
アドバイス ４

---

重ね合わせる画像の背景が透過されていない場合 (人物の輪郭以外の部分を透過させたい場合など) は、下記の外部ツール等を ご利用ください。
外部ツール
remove.bg, Adobe Express
関連リンク

---

画像ツール (目次)
画像結合ツール (縦横つなぎ合わせ)
画像斜め結合ツール (斜めつなぎ合わせ)
縦横4枚結合ツール (斜め対応)

---

旧バージョン (v1)
画像合成ツール (非推奨)

画像合成シリーズ for X

＞＞ Twitterヘッダー作成シリーズ (背景・画像合成・文字入れ)
▲ 上部に移動する

by UTILITY LABO