🖼️ ウォーターマーク合成ツールとは

ロゴや署名などのウォーターマーク画像を、お手持ちのイラストや写真に合成してダウンロードできるツールです。

画像の読み込み・合成・保存処理はブラウザ内で完結します。画像データが外部サーバーに送信・保存されることはありません。

✅ ウォーターマーク画像は最大5枚登録でき、次回以降も選ぶだけで使えます。
✅ 配置位置・サイズ・透明度・端からの距離をそれぞれ細かく設定できます。
✅ PNG・JPG形式でダウンロード可能。出力は元画像の解像度を維持します。

📖 基本的な使い方

画像エリアにドラッグ&ドロップするか、タップして画像を選択してください。PNG・JPG・WebPに対応しています。上限は30MB・4000×4000pxです。

「＋追加」ボタンから名前と画像を登録します。登録した画像はブラウザに保存され、次回から選ぶだけで使えます。

💡 背景なしできれいに合成したい場合は透過PNGをおすすめします。JPGや透過なしWebPは画像の背景ごと合成されます。

9点グリッドで配置位置を選び、スライダーでサイズ・透明度・端からの距離を調整します。中央配置を選んだ場合、端からの距離設定は非表示になります。

設定はブラウザに自動保存されるので、次回も同じ設定で使えます。

「合成する」ボタンをクリックするとプレビューが更新されます。確認してからPNGまたはJPGでダウンロードしてください。

ダウンロードファイル名は watermarked_元ファイル名.png の形式になります。

ウォーターマーク画像に透過PNG（背景が透明なPNG）を使うと、ロゴや署名だけがきれいに合成されます。

⚠️ JPGや透過なしWebPを使うと、画像の背景（白や黒など）ごと合成されてしまいます。ロゴを使う場合は透過PNGの作成をおすすめします。

透過PNGはPhotoshop・CLIP STUDIO PAINT・Canva・remove.bgなどで作成できます。

このツールでは、ウォーターマークの配置位置・サイズ・端からの距離をすべて元画像に対する割合（%）で計算しています。

そのため、縦長・横長・高解像度など、さまざまなサイズの画像でも、常に同じ相対位置にウォーターマークが配置されます。

例：右下・サイズ15%・端から2%に設定した場合、どんなサイズの画像でも右下から2%の位置に画像幅の15%サイズで合成されます。

画像の読み込み・合成・保存処理はブラウザ内で完結します。サーバーへの画像データの送信・保存は行いません。

登録したウォーターマーク画像はお使いのブラウザのIndexedDB（ブラウザ内ストレージ）に保存されます。ブラウザのデータを削除した場合は再登録が必要です。

💾 プライベートブラウジングモードではブラウザへの保存ができない場合があります。その場合でも、今回のみウォーターマークを登録して利用できます。

画像はサーバーにアップロードされますか？

されません。画像の読み込み・合成・保存処理はブラウザ内で完結します。画像データが外部に送信されることはありません。

スマホでも使えますか？

使えます。タップ操作に対応したUIになっています。カメラロールから画像を選択できます。

透過PNG以外のウォーターマーク画像も使えますか？

使えます。JPGやWebPも登録できます。ただし、背景ごと合成されますのでご注意ください。

登録したウォーターマークはどこに保存されますか？

お使いのブラウザのIndexedDB（ブラウザ内ストレージ）に保存されます。サーバーには送信されません。ブラウザのデータを削除すると消えます。

うまく保存できない・動作がおかしい場合は？

ページを再読み込みしてお試しください。解決しない場合はX（Twitter）@tan_tumu までご報告ください。