画像にオーバーレイを追加
ロゴ・透かし・別の写真をあなたの画像に重ね合わせましょう。ドラッグで位置を決め、不透明度や拡大率を微調整し、プロ品質の描画モードで自然に合成。透明PNGに完全対応し、すべてブラウザ内で完結。ファイルが外部に送信されることは一切ありません。
画像オーバーレイとは？
画像オーバーレイ: 画像オーバーレイとは、ロゴ・透かし・別の写真といった副次的な画像を、アルファチャンネル合成によってベース画像に重ね合わせる処理のことです。この非破壊的な手法は元のファイルを保持しながら両レイヤーをブレンドし、ブランド保護・デジタル透かし・クリエイティブな写真加工に広く活用されています。
- 非破壊レイヤー合成
- アルファチャンネル透過
- ブランド保護と透かし処理
画像やロゴをオーバーレイする方法
1. ベース画像をアップロード
オーバーレイや合成を行いたいメインの写真を選択します。JPG・PNG・WebPに対応しています。
2. オーバーレイ画像を追加
「オーバーレイ画像を追加」をクリックし、ロゴ・透かし・別の写真を選択します。透明PNGを使うと最もきれいな仕上がりになります。
3. 位置を決めて変形する
オーバーレイをドラッグして配置し、コーナーハンドルでリサイズするか、「整列」タブを使って中央や各辺にスナップさせます。
4. ブレンドと不透明度を調整
「ブレンド」タブを開いて不透明度を下げれば繊細な透かしに、乗算やスクリーンモードを適用すれば写真と自然に融合したオーバーレイに仕上がります。
5. エクスポートしてダウンロード
出力形式を選んで、フルサイズの完成画像をデバイスに直接ダウンロードします。
プロ仕様のオーバーレイツールがブラウザで使える
キャンバス上でリアルタイム操作
プロ仕様のハンドルを使って、各オーバーレイを画像上で直接ドラッグ・リサイズ・回転。エクスポート後ではなく、操作中に正確な仕上がりを確認できます。
高度な描画モード
乗算・スクリーン・オーバーレイ・暗くするモードでロゴや透かし、写真を背景に自然になじませます。貼り付けたような不自然さがなく、合成作品のような仕上がりに。
多重レイヤーエンジン
複数のロゴ・透かし・透明PNGを重ねて、順序を自由に入れ替え、各レイヤーの不透明度を個別に調整できます。
キーボードショートカット
矢印キーでレイヤーを微調整、ショートカットでリサイズ、Deleteキーで即削除。細かい調整のたびにマウスに手を伸ばす必要はありません。
スマートスナップ
内蔵の3×3整列グリッドを使えば、ワンタッチで中央や各辺にぴったり合わせられます。目視での位置合わせは不要です。
劣化なしのエクスポート
完成した合成画像を元の解像度・形式でダウンロード。当ツールによる強制的な透かしやブランドは一切追加されません。
画像オーバーレイツールが役立つ場面
写真と著作権保護
SNSに公開する前にポートフォリオ写真に透明な透かしやロゴを追加することで、クレジットなしに作品を転用されるリスクを防ぎます。
マーケティングと EC
「セール」バッジ・販促ステッカー・ブランドロゴを商品写真にまとめて適用。一度の作業でストア全体のカタログを仕上げられる速さです。
クリエイティブ合成
光漏れ・雪・ボケ・埃のPNGテクスチャを写真に重ねたり、乗算・スクリーンモードで2枚の画像をブレンドして本格的なアート作品に仕上げたりできます。
Photoshopなしで編集
写真を別の写真に重ねる、複数画像を合成する、文字を写真の上に配置する——これまでPhotoshopで行っていた日常的な編集が、インストール不要でブラウザから無料でできます。
画像編集用語集
アルファチャンネル
ピクセルの透明度（不透明度）を表す色成分。ロゴや透かしのオーバーレイが、見えない背景ではなく不自然な矩形ボックスなしにきれいに表示されるために不可欠です。
描画モード（ブレンドモード）
重なり合った2枚の画像のピクセル値を混合するための数学的なルール。たとえば「乗算」モードはオーバーレイが暗い部分でベース画像を暗くし、「スクリーン」は明るくします。
クライアントサイド処理
リモートサーバーではなく、ユーザーのウェブブラウザ内でコードを実行すること。画像オーバーレイツールが透かしやロゴをアップロードなしで、元ファイルを外部に公開せずに追加できる仕組みです。
画像合成（スーパーインポーズ）
1枚の画像を別の画像の上に重ね、両方が見えるようにする操作の総称。「オーバーレイ」と「スーパーインポーズ」は同じ操作を指し、前者は追加するレイヤーを、後者は2枚の画像が1枚に統合される点を強調します。
透かし（ウォーターマーク）
ロゴ・名前・繰り返しパターンを画像の上に重ねたもので、通常は低い不透明度で使用され、出所を示したり無断使用を防ぐ目的で使われます。透かしは一般的に半透明のPNGオーバーレイとして適用されます。
技術仕様と対応スペック
| 対応入力フォーマット | JPG, PNG, WebP |
|---|---|
| 対応出力フォーマット | JPG, PNG, WebP（元の解像度でエクスポート） |
| 最大キャンバスサイズ | 最大8192×8192ピクセル（約67メガピクセル） |
| 利用可能な描画モード | Normal, Multiply, Screen, Overlay, Darken, Lighten |
| 主要処理エンジン | HTML5 Canvas API（完全クライアントサイド実行） |
プライバシー設計の仕組み
クラウド型エディタはプレビューを表示する前にファイルをサーバーにアップロードする必要があります。PIXNVOは違います——追加したオーバーレイはすべて、厳格なクライアントサイドアーキテクチャによってデバイスのローカルメモリ内でのみ処理されます。
これはブラウザのネイティブHTML5 Canvas APIを直接利用することで実現しています。オーバーレイの配置・ブレンド・エクスポート中にネットワークリクエストが発生することは一切ありません。
- 処理はHTML5 Canvas API内で完全に完結します。
- 画像編集中にfetch()やXHRリクエストは発生しません。
- Blob Object URLはメモリリーク防止のため即時破棄されます。
- 画像データはCookie・localStorage・リモートデータベースに保存されることはありません。