無料オンラインツール
画像オーバーレイ
画像を重ね合わせて合成・ブレンド。透明度、位置、8つのブレンドモードを調整可能。無料、登録不要、サーバーへのアップロードなし。
ベース画像をアップロード
ベース画像をここにドロップまたはクリックしてアップロード
JPG、PNG、WebP対応
設定
レイヤー合成
精密な位置決めで画像を重ね合わせます。ドラッグで移動、コーナーをドラッグでリサイズ。
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
次に必要になることが多い関連ツール
よくある質問
HTML5 Canvas合成を使用して画像を重ね合わせます。不透明度、位置、サイズ、ブレンドモードを調整できます。
ブレンドモードは2つのレイ��ーの視覚的な相互作用を制御します。ノーマルは直接重ね、乗算は暗く、スクリーンは明る���します。
はい！透明なPNG画像は完璧に機能しま���。透明な領域にはベース画像が表示されます。
厳密な制限はありませんが、非常に大きな画像はレンダリングが遅くなる場合があります。
はい。結合は画像を横並びまたは縦に配置します。オーバーレイは不透明度とブレンドモードで画像を重ね合わせます。
いいえ。すべての処理はブラウザ内��Canvas APIで行われます。
少し異なります。この違いこそ多くの方が探しているものです。結合は写真を横または縦に並べ、それぞれが独自の領域を持つ1枚の画像にします。オーバーレイは2枚目の写真を1枚目の上に重ね、同じピクセルを共有して調整可能な透明度でブレンドします。並べて配置したい場合は、横結合または縦結合ツールをご利用ください。
ベース画像をアップロードし、2枚目をオーバーレイとして追加します。次に不透明度を40〜60%程度まで下げ、乗算・スクリーン・差の絶対値のいずれかのブレンドモードをお試しください。この組み合わせで定番のブレンド効果や二重露光風の仕上がりになります。オーバーレイはドラッグで移動、右下隅を引いてサイズ変更できます。すべてブラウザ内で処理され、画像がアップロードされることはありません。