Webspe Tools

画像重ね合わせツール

2枚の写真や画像を重ね合わせて、1枚の画像に合成できる無料ツールです。
重ねる画像の位置・サイズ・回転・不透明度を自由に調整でき、ブレンドモードを使った写真の合成にも対応しています。
ロゴや透かしの追加、装飾素材の重ね合わせなどにも利用できます。
画像はブラウザ内で処理されるため、サーバーに送信・保存されることはありません。

スポンサーリンク

カスタマイズ

ベース画像

重ねる画像

サイズ

%

ベース画像幅に対する重ねる画像の幅の割合です。

位置

回転

°

不透明度

%

ブレンドモード

プレビュー

ベース画像と重ねる画像をアップしてください。

\ SNSでシェア /

スポンサーリンク

画像重ね合わせツールの使い方

写真にロゴや透かしを追加したり、2枚の写真やテクスチャを重ねて合成したりできるツールです。
下に置く「ベース画像」と、その上に置く「重ねる画像」を1枚ずつ読み込んで使用します。

1. ベース画像と重ねる画像を読み込む

それぞれの欄の「画像を選択」からファイルを選ぶか、画像を対応するアップロードエリアにドラッグ&ドロップしてください。
PNG・JPG・JPEG・WebP形式の静止画に対応しています。

ベース画像は完成画像の土台になり、保存する画像の幅・高さもこの画像に合わせて決まります。

2. サイズと配置を調整する

プレビュー内の前面の画像をドラッグして移動したり、四隅の丸いハンドルをドラッグして拡大縮小が可能です。
「サイズ」「位置」「回転」から、スライダーや数値入力で調整することもできます。

画像の配置を中央に戻す場合、「位置」セクションの「中央に戻す」ボタンを押します。

3. 不透明度とブレンドモードで仕上がりを調整する

重ねる画像の不透明度とブレンドモードを選択可能です。
目的の仕上がりになるよう調整を行なってください。

4. プレビューを確認

設定変更した内容はプレビューにリアルタイムに反映されます。
プレビュー右上の「ガイドを表示」をOFFにすると、前面の画像の枠線と四隅のハンドルを隠して完成形を確認できます。
(ガイドの表示をONのままダウンロードしても、枠線やハンドルは完成画像に含まれません。)

5. 画像をダウンロード

プレビュー下の「保存形式」で、出力する画像の形式をPNG・JPG・WebPから選択します。
全ての編集が完了したら、「ダウンロード」を押して合成後の画像をダウンロードしてください。

ブレンドモードについて

ブレンドモードは、2枚の画像が重なる部分で色をどう混ぜるかを決める設定です。
当ツールでは以下の16種類から選択可能です。

モード色の合成方法
通常素材の色をそのまま上に重ねます。
乗算色を掛け合わせ、重なる部分を暗くします。
スクリーン重なる部分を明るくします。
オーバーレイベース画像の明暗に応じて、乗算とスクリーンを使い分けます。
比較(暗)色の成分ごとに、暗い方を採用します。
比較(明)色の成分ごとに、明るい方を採用します。
覆い焼きカラー明るい部分を強調し、色を明るくします。
焼き込みカラー暗い部分を強調し、色を暗くします。
ハードライト重ねる画像の明暗に応じて、乗算とスクリーンを使い分けます。
ソフトライト重ねる画像の明暗に応じて、柔らかく明るさを変えます。
差の絶対値2枚の色の差を使って合成します。
除外差の絶対値に似た効果を、低いコントラストで表現します。
色相重ねる画像の色合い(色相)を保ち、鮮やかさと明るさをベース画像に合わせます。
彩度重ねる画像の鮮やかさ(彩度)を保ち、色合いと明るさをベース画像に合わせます。
カラー重ねる画像の色合いと鮮やかさを保ち、明るさをベース画像に合わせます。
輝度重ねる画像の明るさ(輝度)を保ち、色合いと鮮やかさをベース画像に合わせます。

参考:W3Cのブレンドモード仕様(英語)

保存形式・画像サイズの注意点

保存形式ごとの出力の仕様

保存形式透過部分圧縮・画質
PNG維持します可逆圧縮
JPG白背景にします非可逆圧縮(品質90%)
WebP維持します非可逆圧縮(品質90%)

JPGを選ぶと、合成後の画像に残る透過部分が白背景になります。
透明・半透明のまま保存したい場合は、PNGまたはWebPを選んでください。

JPG・WebPの圧縮品質を変更する設定はありません。
保存時の圧縮により、プレビューと保存画像の細部に差が出る場合があります。

選択した形式で保存できないブラウザではエラーとなります。
その場合はPNGなど別の形式を試してください。

完成画像のサイズ

完成画像の幅・高さはベース画像と同じになります。
重ねる画像を拡大したり回転したりしても、この寸法は変わりません。
ベース画像の外にはみ出した部分は切り取られます。

アップロード画像の上限

アップロードできるファイルの容量は、ベース画像・重ねる画像それぞれ50MB以下です。

寸法の上限は使用環境によって変わります。

  • 通常の上限:長辺8192px以下、総画素数2400万画素以下。
  • スマートフォンなど、処理負荷を抑える設定が適用される環境:長辺4096px以下、総画素数1200万画素以下。

上限は2枚の画像それぞれに適用されます。

上限内でも端末のメモリやブラウザの状態によって処理できない場合があるため、エラーになる場合は小さい画像で試してください。

よくある質問

ロゴの周りの白い背景を透明にできますか?

このツールには、背景を自動で透明にする機能はありません。
ロゴの形に沿って写真を見せたい場合は、背景が透明なPNGやWebPを用意してください。

重ねる画像が見えなくなったときはどうすればよいですか?

「ガイドを表示」をONにし、不透明度が0%になっていないか確認してください。
画像がプレビューの外へ移動した場合は「中央に戻す」で復帰できます。
ブレンドモードによって見えにくい場合は、「通常」に戻して確認してください。

3枚以上の画像を重ねられますか?

一度に編集できるのは、ベース画像1枚と重ねる画像1枚の計2枚です。
さらに素材を追加したい場合は、一度合成結果をダウンロードした後、その画像を新しいベース画像として読み込んでから次の画像を重ねてください。

スマートフォンでも位置やサイズを調整できますか?

タッチ操作でも、重ねる画像のドラッグ移動と四隅のハンドルによる拡大縮小ができます。
細かい調整が難しい場合は、「位置 X」「位置 Y」やサイズの数値欄を使ってください。

画像はサーバーに送信・保存されますか?

いいえ。
画像の読み込み・合成・書き出しはブラウザ内で処理され、読み込んだ画像および合成後の画像がサーバーに送信・保存されることはありません。

関連ツール