画像に重ねる — 写真へロゴを配置
80%
クイック配置
0.90
ブラウザでロゴや透明 PNG 透かしを下地写真の上に重ねます — 文字透かしではなく、複数枚をつなぐ結合ツールでもありません。手順：下地と重ね画像を選び、不透明度と拡大率を調整、ドラッグまたは x/y で位置決め、ブレンドを選んで重ね、JPEG/WebP/PNG をダウンロード。例：サンプル写真＋右下 75% の半透明 LOGO → PNG — 端末内完結。
使い方
下地写真と 2 枚目（ロゴ、バッジ、透明 PNG）を追加。不透明度・拡大・位置を調整 — プレビューをドラッグするか下地ピクセルで x/y を入力。ブレンド、形式、JPEG 背景を選び重ねてダウンロード。すべてローカル。
描画ルール
出力キャンバスは下地の自然ピクセルサイズ。重ね画像は拡大後、左上アンカー (x, y) で描画。
- キャンバス幅×高さ = 下地の自然サイズ。下地は (0, 0) に描画。
- 重ね描画サイズ = 自然幅×高さ × (拡大率% ÷ 100)。位置は下地ピクセル、左上基準。
- globalAlpha = 不透明度 ÷ 100; globalCompositeOperation = 選択ブレンド。描画後にリセット。
- JPEG は選択背景色で塗りつぶしてから下地と重ねを描画。PNG/WebP は alpha を保持。
例
サンプル読み込み：グラデ下地＋右下 75% LOGO、通常ブレンド。重ねる → PNG のまま DL。プレビューで微調整；明るいロゴなら乗算も試せます。
こんなときに
- ブランド：商品写真や SNS ヘッダーにロゴを載せ、デスクトップ編集なし。
- 角バッジ：「NEW」ステッカーを 9 マス配置と不透明度で調整。
- テクスチャ：グレースケール重ね＋乗算/スクリーンで背景をトーン調整。
Frequently asked questions
画像はアップロードされますか？
いいえ。デコード・合成・書き出しはブラウザ内。ネットワークタブに POST はありません。
画像結合との違いは？
結合は複数写真を横/縦/グリッドに並べます。重ね合わせは 1 枚の下地に 1 レイヤーを透明度・位置・ブレンド付きで載せます。
ブレンドモードの意味は？
Canvas 合成：通常は上に重ね；乗算は暗く；スクリーンは明るく；オーバーレイはコントラスト；暗く/明るくはチャンネル min/max。
JPEG 背景色はなぜ？
JPEG に透明はありません。書き出し前に塗りつぶし、PNG の透明部分が黒くならないようにします。
文字ウォーターマークは？
このページは画像ファイルの重ね合わせのみ。文字は「文字透かし」ツールを使ってください。
Related tools
お問い合わせ・フィードバック
分かりにくい点、不具合、不足があれば下にメッセージを書いてください。ツールに関する内容はすべて確認します。