画像オーバーレイツール - 写真にウォーターマークを追加(JPG、PNG、GIF、SVG、WEBP)
ドラッグでの位置調整とブレンドコントロールを使って、ある画像を別の画像の上に重ね合わせ。緻密なコントロールで、目を引く合成画像を作成できます。
ベース画像をアップロード
オーバーレイ画像をアップロード
What you can do with 画像オーバーレイツール
Everything this tool helps you accomplish — no learning curve, no setup.
- Overlay one image on top of another
- Drag to position the top image precisely
- Blend two photos with adjustable opacity
- Choose a blend mode for creative composites
- Resize the overlay to fit your layout
- Create logo and watermark composites
画像オーバーレイツールの設定とオプション
ダウンロード前に細かく調整できる項目をすべてご紹介 — 各コントロールの働きを一つずつ解説しているので、何ができるのか正確に分かります。
ブレンド
Blend mode
Dropdown標準MultiplyScreenOverlayDarkenLightenColor dodgeColor burnHard lightSoft lightDifferenceExclusion色相彩度色Luminosity
重ねる画像の色をベースの写真とどう合成するかを選びます。「乗算」は暗く、「スクリーン」は明るく、「オーバーレイ」はコントラストを強め、「標準」は画像をそのまま上に重ねます。
ブレンドの割合
SliderRange: 10–100% · デフォルト: 85%
重ねる要素の不透明度を、控えめから強めまで調整します。下げれば透けるウォーターマークになり、100%近くに保てばはっきりと濃いステッカーやロゴになります。
位置とサイズ
X座標
Number inputオーバーレイの横位置を、ベース画像の左端からのピクセル数で指定します。0からベース画像の幅までの範囲で設定でき、プレビュー上でオーバーレイをドラッグして動かすこともできます。
Y座標
Number inputベース画像の上端から測った、重ねる画像の縦位置(ピクセル)。0からベース画像の高さまで指定でき、ドラッグせずにピクセル単位で正確に配置できます。
幅
Number inputオーバーレイの幅をピクセル単位で正確に指定します。20 pxからベース画像の幅いっぱいまで設定でき、角や辺のハンドルのドラッグ、タッチ画面ではピンチ操作でも調整できます。
高さ
Number inputオーバーレイの高さをピクセル単位で正確に指定します。20 pxからベース画像の高さいっぱいまで設定でき、ロゴや透かしを目分量ではなく正確なサイズに調整できます。
画像オーバーレイツールが終わったら、次はこちらを
画像オーバーレイツールと相性のよい厳選ツール。ファイルをそのままに、作業を続けられます。
画像に透かしを入れる
1枚または複数の画像に、テキストやロゴの透かしを一括で追加できます。位置、不透明度、サイズ、回転を調整可能。ZIPで一括ダウンロードできます。
今すぐ試す画像にテキストを追加
JPG、PNG、SVG、WEBP、GIF画像にお好みのテキストを追加できます。複数のテキストボックス、カスタマイズ可能なフォント、色、配置に対応しています。
今すぐ試すフォトコラージュメーカー
複数の写真を、グリッドチャート、横並びの連結、縦に重ねたストリップ、あるいはクリエイティブなコラージュにまとめられます。余白、枠線、グラデーション背景もカスタマイズ可能です。
今すぐ試す写真フィルター・エフェクト
23種類以上のプロ仕様の効果で写真を変身させましょう。芸術的なスタイル、ビンテージフィルター、モダンな効果、特別な変換が揃っています。
今すぐ試すミームジェネレーター
オンラインで爆笑ミームを作成。画像をアップロードし、複数のテキストボックスで好きなテキストを追加できます。
今すぐ試す画像からステッカー
AI背景除去とカスタマイズ可能な白いふち取りで、どんな写真もプリント風ステッカーに変換。WhatsApp、Telegram、iMessageにぴったりです。
今すぐ試すよくある質問
ベースとなる写真をアップロードし、そこに透明度のあるPNGオーバーレイを追加します。ぴったり合うように位置とサイズを調整しましょう。ロゴ、ステッカー、透かしバッジの追加に最適です。合成処理は当社のセキュアなサーバー上で行われ、ソーシャルやWebでそのまま使える高品質なファイルを書き出します。
usageはい。不透明度を調整して控えめなブランディングを施し、レイヤーを並べ替えて前景と背景を管理し、端をきっちり合わせるように正確に拡大縮小できます。これらの操作機能のおかげで、高度なデザインスキルがなくても、広告、YouTubeのサムネイル、商品モックアップ向けに洗練された構図を組み立てられます。
featuresオーバーレイには透過PNGまたはSVG、背景写真にはJPGまたはPNGを使いましょう。透過素材なら、ロゴやアイコンの輪郭がきれいに仕上がります。当社の書き出しは互換性のあるJPEGを生成し、モバイルでもデスクトップでも鮮明に見えつつ、ファイルサイズも適切に保ちます。
technicalいいえ。オーバーレイはベース画像の上に非破壊的に適用されます。元のピクセルはそのまま保持され、最終的な書き出しでは元の解像度が維持されます。これは鮮明さが求められるブランドアセット、マーケティングビジュアル、ECサイトの画像に不可欠です。
qualityはい。重ね合わせは安全に行われ、処理したデータは一定時間後に自動的に削除します。ダウンロードに透かしは入らないので、機密保持が重要となるクライアントのプロジェクト、インフルエンサーとのコラボ、プロモーション用グラフィックにも安心して選べます。
privacyライフスタイル写真にロゴを入れたり、商品写真をブランドの背景に配置したり、広告用のセールステッカーを作成したり、共有前に写真に透かしを入れたりできます。画像を重ねることで一貫したブランディングを保ち、ビジュアルを瞬時に認識できるようにすることでクリック率を高めます。
tipsベースとなる写真をアップロードし、2枚目の画像を上に重ねたら、ドラッグ・リサイズして好きな位置に配置します。ブレンドスライダーで上のレイヤーの透明度を調整 — 下げれば柔らかく透けた合成に、上げたままならくっきりとした貼り付けになります。完成したら1枚に合成したJPGとして書き出してください。
usageブレンドモードのドロップダウンには、16種類の本格的な合成モードがあります。乗算(Multiply)は色を組み合わせて暗くし(影やグランジ質感に最適)、スクリーン(Screen)は結果を明るくし(光漏れやグローに最適)、オーバーレイ(Overlay)はコントラストを高めます。色相(Hue)・彩度(Saturation)・カラー(Color)などのモードは、その特定の色属性だけをオーバーレイからベース画像に転写します。同じ画像ペアでいくつか試してみてください。それぞれ視覚的に異なる合成結果になります。
features位置とサイズのパネルを開き、X位置・Y位置のフィールド(ベース画像の左上からのピクセル単位で計測)と、オーバーレイの正確なサイズとなる幅・高さに、正確な値を入力します。これはドラッグよりも精密で、ピクセル単位の正確な配置が必要な場合、たとえば同じようなサイズの写真のバッチ全体でロゴを同じ角にそろえる場合に役立ちます。
usage写真の邪魔をすべきでない透かしには、通常ブレンドモードでブレンド率を 30〜50% 前後まで下げ、ロゴが見えつつも透けている状態にします。目立たせたい大胆なステッカーやバッジには、通常モードを不透明度 90〜100% 付近に保つか、質感のある背景では乗算/ソフトライトを 60〜80% で試して、下地画像の色調を自然に透けさせます。
tipsはい。タッチスクリーンでは、8つの角と辺のハンドルをドラッグしたり Position & Size パネルで正確な Width と Height の値を入力したりするのに加えて、オーバーレイに2本の指を置いてピンチすると、ピンチの中点を基準に比率を保ったままサイズ変更できます。これによりマウスがなくても正確な配置が可能になります。
usageオーバーレイは、最小で20×20ピクセルまで縮小でき、最大でベース画像の全幅・全高までサイズ変更できます。リサイズハンドル・ピンチ操作・数値の幅/高さフィールドはすべて、この範囲に自動的に収められるため、オーバーレイをベース写真の境界の外にドラッグしたり入力したりすることはできません。
technicalインタラクティブキャンバスは、高速で簡略化されたプレビューです。ドラッグやサイズ変更の間、ドロップダウンでどのブレンドモードが選択されているかに関係なく、ブレンド率を単なる不透明度のフェードとしてシミュレートするだけです。実際の乗算・スクリーン・色相などの合成演算はサーバー側で計算され、画像を処理してダウンロードするために先に進んだときにのみ表示されます。そのため、ブレンドモードをライブプレビューで判断せず、処理後の結果で確認してください。
technical画像オーバーレイツールでできること
ビジネス、クリエイター、日々の作業で毎日役立つ、実際の課題を解決します。あなたに合う使い方を見つけて、数秒で始めましょう。
透かし入れ
透かしを加えて、画像を保護しブランドアイデンティティを確立しましょう
フォトコラージュ
複数の画像を重ね合わせて、美しいフォトコラージュを作成
ブランドオーバーレイ
ロゴやテキスト、ブランド要素を画像に加えて、マーケティング素材を作成しましょう
クリエイティブ効果
テクスチャ、パターン、デザイン要素を重ねて、芸術的なエフェクトを作成
ソーシャルメディアのグラフィック
テキスト、ステッカー、エフェクトを重ねて、魅力的なSNS投稿を作成
ドキュメントの補正
ドキュメントやプレゼン資料、教材にオーバーレイを加えましょう
EC サイト向けセール・新着バッジ
「Sale」「New」や割引率のステッカーPNGを、正確なX/Y位置で商品写真の上に重ね、同じ数値座標をカタログ全体で再利用すれば、すべての出品でバッジの配置を統一できます。
シネマティックなライトリーク&フィルムグレインのグレーディング
ライトリーク・グレイン・テクスチャのPNGを、スクリーン・ソフトライト・乗算のブレンドモードで40〜70%の強さで写真に重ねると、単純な不透明度のオーバーレイでは実現できない、雰囲気のあるフィルム風のグレーディングが得られます。
結婚式・イベント用フォトフレームオーバーレイ
イベント写真を印刷したりクライアントギャラリーで共有したりする前に、装飾フレーム、日付スタンプ、会場ロゴのオーバーレイを追加できます。幅/高さフィールドで、各写真の正確な寸法に合わせてフレームをリサイズしましょう。
App Store 用スクリーンショットのモックアップ
アプリの UI スクリーンショットをデバイスフレームの背景に、あるいは機能説明のグラフィックをスクリーンショットに、ピクセル単位の正確な位置とサイズで合成します。App Store や Google Play の掲載画像にそのまま使えます。
Pixoate