無料オンラインツール
画像オーバーレイ
画像を重ね合わせて合成・ブレンド。透明度、位置、8つのブレンドモードを調整可能。無料、登録不要、サーバーへのアップロードなし。
ベース画像をアップロード
ベース画像をここにドロップまたはクリックしてアップロード
JPG、PNG、WebP対応
設定
画像の重ね合わせとは
画像の重ね合わせは、ある画像の上に別の画像を置く加工です。 1枚目が下地、2枚目がその上に重なります。保存する前に、位置、大きさ、透明度を変えられます。
画像結合とは違います。結合は画像を横や縦に並べ、重ね合わせは1枚の画像の上にもう1枚を合成して同じピクセルを共有させます。横並びにしたい場合は横方向の画像結合、縦方向の画像結合、写真をまとめるツールを使ってください。
2枚の画像を重ねる方法
- 下地の画像を読み込みます。 下地のエリアにドラッグするか、クリックして選びます。
- 重ねる画像を追加します。 2枚目のJPG、PNG、WebP画像を読み込みます。
- 合成を調整します。 不透明度と描画モードを選び、画像をドラッグして位置を決めます。
- 大きさを変えます。 重ねた画像の右下の角をドラッグします。
- 結果を保存します。 「結果をダウンロード」を押すと、合成画像がPNGで保存されます。
キャンバスは下地の画像のサイズになります。 下地がブラウザで描画できる大きさを超える場合は、出力を縮小して最終サイズを表示します。
描画モードで画像を重ねる
次の8種類の描画モードから選べます。
| 描画モード | 効果 |
|---|---|
| 通常 | そのまま上に重ねます |
| 乗算 | 暗くなります。上の画像の明るい部分が消えます |
| スクリーン | 明るくなります。上の画像の暗い部分が消えます |
| オーバーレイ | 乗算とスクリーンを組み合わせてコントラストを強めます |
| 比較(暗) | 2枚のうち暗いほうのピクセルを残します |
| 比較(明) | 2枚のうち明るいほうのピクセルを残します |
| 差の絶対値 | 一方から他方を引き、反転したような見た目にします |
| ソフトライト | オーバーレイより穏やかに混ぜます |
私のおすすめ: まず通常で重ね、2枚をもっとなじませたいときに乗算、スクリーン、差の絶対値を試してください。
透過PNGで画像を重ねる
透過PNGもそのまま使えます。 透明な部分から下地の画像が見えるので、写真の上にロゴ、透かし、テクスチャを置くのに向いています。
不透明度を下げれば半透明の効果も出せます。結果は透明部分を保てるPNGで保存されます。
写真を重ねるアイデア
- 写真にロゴを載せる
- 透かしを入れる
- 画像にテクスチャを重ねる
- 写真の空を差し替える
- 2枚の写真を多重露光風に合成する
きれいに合成するには、先に背景除去ツールで上に置く画像の背景を消し、切り抜いた画像を重ねてください。
写真ごとに区切って並べたい場合はコラージュを使います。 フォトコラージュメーカーは画像を別々のマスに配置し、フォトジョイナーは1列に並べます。
ブラウザで写真を重ねる
このツールはHTML5 Canvasで合成を描画します。処理はすべてブラウザ内で行われるため、画像がサーバーへアップロードされることはありません。 無料で、アカウントも不要です。
決まった最大サイズはありませんが、非常に大きな画像は端末によって描画に時間がかかることがあります。下地の変更、重ねる画像の差し替え、「やり直す」はいつでもできます。
著者について
Bello M. AmadouがMergeImages.netを開発・運営しています。LinkedInでBelloとつながる。
レイヤー合成
精密な位置決めで画像を重ね合わせます。ドラッグで移動、コーナーをドラッグでリサイズ。
100%プライベート
すべての合成はブラウザ内で行われます。画像はデバイスの外に出ることはありません。
ドラッグ＆リサイズ
直感的なコントロールでキャンバス上でオーバーレイ画像を直接移動・リサイズできます。
複数フォーマット
JPG、PNG、WebP画像に対応。出力は高品質PNGとして保存されます。
不透明度制御
スムーズなスライダーでオーバーレイの透明度を0%から100%まで微調整。
8つのブレンドモード
通常、乗算、スクリーン、オーバーレイ、比較(暗)、比較(明)、差の絶対値、ソフトライトのブレンドモードで創造的な合成が可能です。
使い方
ベース画像をアップロード
ドラッグ＆ドロップまたはクリックしてベース（背景）画像を選択します。
オーバーレイを追加
ベース画像の上に重ねる2枚目の画像をアップロードします。
設定を調整
不透明度を設定し、ブレンドモードを選択、オーバーレイをドラッグして配置します。
ダウンロード
ダウンロードをクリックして合成結果をPNGファイルとして保存します。
適切なツールを選択
このページが存在する理由
Use overlay when the second image should sit ON TOP of the first — layered and see-through — rather than beside it. This is the blend/superimpose tool, not a stitcher.
最適な用途
- Laying a logo, watermark, texture, or sky over a photo
- Blending two photos into a double-exposure or ghosted effect
- Anyone who searched “merge” but meant blend, superimpose, or composite
次に必要になることが多い関連ツール
よくある質問
2枚の画像を重ねるにはどうすればいいですか。
下地の画像を読み込み、2枚目を重ねる画像として追加し、位置、大きさ、不透明度、描画モードを調整します。ドラッグで移動し、右下の角をドラッグして大きさを変え、PNGで保存します。
透過した画像を重ねられますか。
はい。透過PNGが使えます。透明な部分から下地の画像が見えます。不透明度も0%から100%まで調整できます。
描画モードとは何ですか。
描画モードは2枚の画像の混ざり方を決める設定です。通常はそのまま重ね、乗算は暗く、スクリーンは明るく、オーバーレイはコントラストを強め、ソフトライトは穏やかに混ぜます。8種類から選べます。
どの形式の画像を重ねられますか。
下地にも重ねる画像にもJPG、PNG、WebPを使えます。完成した画像はPNGで保存されます。
画像の重ね合わせと画像結合は同じですか。
違います。結合は画像を横や縦に並べます。重ね合わせは画像の上に別の画像を置き、透明度、位置、大きさ、描画モードを調整します。
画像はどこかにアップロードされますか。
いいえ。合成はすべてブラウザ内でCanvas APIを使って行われ、画像は端末の外に出ません。
2枚の写真をなじませるにはどうすればいいですか。
多重露光のような効果にするには、不透明度を40%から60%程度にして、乗算、スクリーン、差の絶対値を試してください。位置と大きさを整えてからPNGで保存します。
完成画像のサイズはどうなりますか。
完成画像は下地の画像の幅と高さになります。ブラウザで描画できる大きさを超える場合は縮小され、最終サイズが表示されます。