logo
GeekFormat

画像透かし

写真ファイル

クリックまたはドラッグして写真をアップロードする

純粋なローカル処理、ファイルのためのブラウザ無し

透かしのタイプ

透かしテキスト

48px
#ff0000
30%
-30°

ウォーターマークの場所

💡 右側のプレビューエリアの透かし位置をドラッグする

🖼️

写真をアップロードした後、ここに透かし効果をプレビュー

無料オンライン画像ウォーターマークツール。写真にカスタム文字ウォーターマークとロゴ画像ウォーターマークを追加できます。文字ウォーターマークはフォントサイズ(12-120px)、色、透明度(5-100%)、回転角度(-180°~180°)調整可能。画像ウォーターマークはPNG/JPG/SVGアップロード対応、ローカル保存できるウォーターマークライブラリ付き。中央・タイル張り・9グリッド隅の3配置モードを提供、プレビュー領域でドラッグして位置微調整、リアルタイムで効果確認。すべての処理はブラウザ内でローカル完結。

関連おすすめ

ユースケース

  • EC商品画像の無断転載防止:楽天/Amazon/メルカリ商品画像にショップ名またはロゴウォーターマークを追加
  • 写真作品の著作権:写真作品を公開する前にカメラマン署名または著作権ウォーターマークを追加し知的財産を保護
  • 社内資料の識別:契約書、ドキュメントのスクリーンショット、デザイン案に「CONFIDENTIAL」「社外秘」ウォーターマーク
  • SNSコンテンツ:LINE/Instagram/Twitter投稿にアカウント名またはパーソナルブランドウォーターマークを入れて集客
  • コースコンテンツ保護:オンラインコースのスクリーンショット、教材にコース名や講師名ウォーターマークを追加し海賊版防止
  • ブランド素材統一:会社の製品販促画像に統一してブランドロゴウォーターマークを入れブランド認知度向上
  • SNS共有:個人の写真作品をソーシャルプラットフォームで共有する際に署名を入れ作品の帰属を明記
  • 身分証などの機密文書保護:マイナンバーカード、キャッシュカードなど機密証明書のスクリーンショットに「XX使用限定」ウォーターマークを入れ悪用防止
  • デザイン案の提出:クライアントに見せるデザイン案に「プレビュー」「SAMPLE」ウォーターマークを入れて持ち逃げ防止
  • 不動産物件画像:中古/賃貸物件画像に不動産会社ウォーターマークと連絡先を入れ集客
  • PDFウォーターマークとの使い分け:PDFにウォーターマークを入れたい場合はPDFウォーターマークツールを使用、写真や画像にはこの画像ウォーターマークツールが最適

特徴

  • 文字ウォーターマーク:カスタムテキストを入力、フォントサイズ12-120px、任意の色、透明度制御に対応
  • ロゴ画像ウォーターマーク:PNG/JPG/SVGをウォーターマークとしてアップロード、ウォーターマークサイズ比率(10-100%)調整可能
  • 透明度調整:ウォーターマークの透明度を5-100%で調整、30-50%の半透明が無断転載防止と主体表示のバランスに最適
  • 回転角度:-180°から180°まで任意の角度に回転、定番の-30°斜めウォーターマークをワンクリック設定
  • 3つの配置モード:中央(ドラッグ微調整可)、タイル張り全面配置、9グリッド精密位置決め(左上・中上・右上・左中・正中・右中・左下・中下・右下)
  • タイル間隔調整:タイルモードでウォーターマーク間隔(60-400px)を調整、密度をお好みで制御
  • リアルタイムプレビュー:すべてのパラメータ調整が即座にプレビュー領域に表示、WYSIWYGで確認してからダウンロード
  • ドラッグ微調整:中央モードではプレビュー領域で直接ウォーターマークをドラッグして位置調整、正確な配置が可能
  • ウォーターマーク素材ライブラリ:アップロードしたロゴウォーターマークはブラウザローカルストレージに自動保存、次回アップロード不要で再利用
  • マージン余白:隅のウォーターマークは自動的に40pxのマージンを確保、画像の端にぴったり張り付かない
  • 多形式出力:元の画像形式を保持して出力、JPG/PNG/WebPに対応、GIFはPNGに変換して出力
  • 署名モードプリセット:署名モードを内蔵し素早く設定、写真作品・契約書への署名追加に最適
  • 完全ローカル処理:すべての画像・ウォーターマーク処理はブラウザ内で完結、サーバーにアップロードせずプライバシー保護
  • レスポンシブデザイン:PC・スマホ両対応、モバイルはタッチ操作に最適化

使い方

  1. アップロード領域をクリックしてウォーターマークを追加したい画像ファイルを選択、JPG/PNG/WebP/SVG形式対応
  2. ウォーターマークタイプを選択:文字ウォーターマークは文字を入力しフォントサイズ・色を設定、画像ウォーターマークはロゴをアップロードまたはライブラリから選択
  3. ウォーターマークパラメータを調整:透明度、回転角度、サイズ(画像ウォーターマーク)、位置モード(中央/タイル/9グリッド)を選択
  4. 右側プレビュー領域で効果を確認、中央モードではドラッグで位置微調整可能。満足したら「適用してダウンロード」をクリックして保存

よくある質問

オンラインで画像に文字ウォーターマークを追加するには?

画像をアップロード後、「文字」ウォーターマークタイプを選択し、テキストボックスにウォーターマークの文字(ブランド名、著作権表記、「CONFIDENTIAL」など)を入力。次にフォントサイズ、色、透明度、回転角度を調整し、ウォーターマーク位置(中央/タイル/隅)を選択。右側プレビュー領域で効果を確認し、適用してダウンロードをクリック。

ロゴ画像ウォーターマークはどうやって追加しますか?

「画像」ウォーターマークタイプを選択し、アップロード領域をクリックしてロゴ画像をアップロード(PNG透明背景形式が最も推奨)。アップロード後、ロゴはローカルライブラリに保存され次回も利用可能。次にウォーターマークのサイズ比率、透明度、回転角度、位置を調整し、プレビューで確認してダウンロード。PNG/JPG/SVG形式のロゴに対応。

ウォーターマークの透明度はどのくらいが適切ですか?

使用場面によります:EC無断転載防止は30-50%推奨、ウォーターマークは見えるものの商品表示を邪魔しすぎない;写真作品の著作権署名は60-80%で明確に表示しつつ過度に隠さない;社内資料「CONFIDENTIAL」ウォーターマークは20-30%で薄く入れて読みやすさを維持。まず50%に設定してからプレビューで微調整するのがおすすめ。

斜めウォーターマーク効果はどうやって設定しますか?

回転角度を-30°(定番斜め)または-45°に設定し、位置を「中央」または「タイル」に選択。デフォルトプリセットは-30°回転・中央配置の半透明白文字ウォーターマークで、最も一般的な無断転載防止スタイル。タイルモードでは斜めウォーターマークが画像全体に均一に敷き詰められます。

タイル張りウォーターマークとは?密度はどう調整しますか?

タイルモードはウォーターマークを一定間隔で画像全体に繰り返し配置します。EC商品画像でよく見られる無断転載防止効果で、単一のウォーターマークよりも切り抜いて除去するのが困難。「タイル」位置を選択後、「タイル間隔」スライダーでウォーターマーク同士の距離を調整できます。数値が小さいほど密になり防盗性は上がりますが画面の邪魔にもなるため、150-250pxの間を推奨。

複数の画像に一括でウォーターマークを追加できますか?

現在のバージョンは1枚ずつのウォーターマーク処理に対応。複数の画像に同じウォーターマークを追加したい場合は、1枚ずつアップロードして適用できます。ウォーターマークパラメータ(文字/ロゴ/透明度/位置/角度など)は保持されるため、画像を入れ替えてダウンロードするだけ。一括処理機能は今後のバージョンで追加予定。

アップロードしたロゴウォーターマークは保存されますか?次回も使えますか?

ブラウザのローカルストレージ(IndexedDB)に保存され、最大8枚のウォーターマーク素材を保管。次回ページを開いたときに素材ライブラリから直接選択して使用でき、再アップロードは不要。これはローカルストレージのため、ブラウザデータを消去すると失われ、ブラウザやデバイスを変えても同期されませんのでご注意ください。

ウォーターマーク追加後の画像はサーバーにアップロードされますか?安全ですか?

まったくアップロードされません。画像の読み込み、ウォーターマーク描画、エクスポート・ダウンロードはすべてブラウザのCanvas APIを通じてローカルで実行され、画像とウォーターマークのデータがネットワークを通じてサーバーに送信されることはありません。処理完了後にページを閉じるとブラウザメモリ内の一時データは消去されるため、契約書、未公開商品画像などプライバシーに敏感な内容も安全に処理できます。

ウォーターマークの位置は自由にドラッグ調整できますか?

はい。位置モードで「中央」を選択している場合、右側プレビュー領域でマウスを使って直接ウォーターマークをドラッグし、位置を自由に調整できます。ウォーターマークの正確な位置決めが必要な場面に最適です。隅モードでは9グリッドボタンで9つのプリセット位置から選択、タイルモードでは自動的に均一配置され個別ドラッグはできません。

文字ウォーターマークはどのフォントに対応していますか?カスタムフォントは使えますか?

現在の文字ウォーターマークはArialサンセリフフォントを使用しています。これはすべてのOSとブラウザでサポートされる汎用フォントで、どのデバイスでも表示が一貫します。カスタムフォント機能は外部フォントファイルの読み込みが必要なため、プライバシーとローカル処理の原則を考慮し、現在のところカスタムフォントはサポートしていません。今後追加を検討します。

透明PNGロゴなのに白背景がついてしまうのはなぜ?

これは通常、ロゴファイル自体が透明背景でないか、JPG形式で保存されている(JPGは透明非対応)ことが原因です。ロゴがPNGまたはSVG形式で、背景が実際に透明であることを確認してください(画像閲覧ソフトで市松模様に見えるのが透明状態)。透明PNGロゴをアップロードすれば、ウォーターマークは正しく透明効果で表示されます。

対応している画像形式は?GIFアニメにウォーターマークを追加できますか?

JPG/JPEG、PNG、WebP、SVG形式を開くことができます。GIFアニメもアップロード可能ですが、ウォーターマーク追加後は最初のフレームのみが静的PNGとして出力され、アニメーションの全フレームにウォーターマークを追加することはできません。出力形式はデフォルトで元画像と同じになります(JPG入力→JPG出力、PNG入力→PNG出力)。

隅のウォーターマークが画像の端から近すぎる/遠すぎるのはなぜ?

隅のウォーターマークはデフォルトで40pxの安全マージンを確保し、画像の端にぴったり張り付かないようになっています。マージンを調整したい場合は「中央」モードを選択してから、手動でウォーターマークを好みの隅の位置にドラッグしてください。ドラッグにより任意のピクセル位置に正確に配置できます。

ウォーターマークを追加すると画質は低下しますか?

PNG形式出力は完全に無劣化で元画像と同じ画質。JPG形式出力はデフォルトで92%品質の圧縮を使用し、この品質では肉眼で元画像との差はほとんどわかりませんがファイルサイズはわずかに小さくなります。最高画質が必要な場合はPNG形式で出力してから、画像圧縮ツールで必要に応じて圧縮してください。

写真作品の署名はどうやって入れるときれいですか?

署名モードまたは画像ウォーターマークを推奨:1)手書き署名をスキャンまたは撮影して透明PNGに加工;2)画像ウォーターマークを選択し署名をアップロード;3)サイズを15-25%、透明度を80-100%に設定;4)位置は右下または左下を選択;5)回転角度を0度に設定。こうして追加した署名はプロフェッショナルな仕上がりで、画面の主体を過度に邪魔しません。

画像ウォーターマークの役割と無断転載防止の原理

画像ウォーターマークは、画像に半透明の文字、ロゴ、模様を重ねる技術で、主に著作権表記、無断転載防止、出典識別、ブランド宣伝などの目的で使用されます。ウォーターマーク技術は製紙業で生まれました——製紙過程でパルプ密度を変えることで作られる隠しマークで、光にかざすと見えるものでした。デジタル時代のウォーターマークは可視ウォーターマークと不可視ウォーターマーク(電子透かし)に分かれます。私たちが日常的に「ウォーターマークを入れる」と言う場合は通常、可視ウォーターマークを指します。

可視ウォーターマークの核心的価値は**著作権の帰属を主張**し、**無断転載のコストを増加**させることです。ウォーターマークのない美しい商品画像や写真作品は、盗用者が右クリックで保存して直接使用できます。しかし、半透明の斜めまたはタイル張りウォーターマークを入れると、盗用者はPhotoshopなどのツールで時間をかけてウォーターマークを除去する必要があります。ウォーターマークの密度が十分に高く重要な領域を覆っている場合、除去コストは非常に高くなり、完全に修復することが不可能になることさえあり、これにより防盗効果が得られます。不可視の電子透かし(専用ツールで検出する必要がある)と比較して、可視ウォーターマークはウォーターマークを見れば誰でも画像の出典がわかるため、権利主張の証拠としてより直感的です。

**ウォーターマークの種類と効果**:文字ウォーターマークが最も一般的で、ブランド名、©著作権記号+年、「XX使用限定」などがあり、作成が簡単で情報が直接伝わる利点があります。ロゴ・画像ウォーターマークはブランド事業者に適しており、ブランド認知度を高めます。単一の隅ウォーターマークは最も控えめで画面を邪魔しませんが、切り抜いて除去されやすい。中央斜めウォーターマークは古典的な著作権表記スタイル。タイル張り全面ウォーターマークは防盗効果が最も高いですが、画面の遮蔽も最大になります。透明度は30-50%に設定するのが推奨で、視認性と画面保護のバランスが取れます。

**ローカルブラウザ処理が重要な理由**:多くのオンラインウォーターマークツールは画像をサーバーにアップロードして処理する必要があります。これは(ネットワーク帯域に依存して)遅いだけでなく、あなたの画像——未公開の商品画像、身分証などの機密証明写真、契約書のスクリーンショット——が第三者のサーバーを経由するため情報漏洩のリスクがあります。本ツールはHTML5 Canvas APIを基盤に実装されており、ウォーターマークの描画、合成、エクスポートはすべてブラウザ内でローカル完結します。画像データがデバイスから離れることはなく、オフラインでも正常に使用でき、送信・処理中の画像漏洩の可能性を根本的に排除しています。

**斜め-30°タイルウォーターマークが定番である理由**:ECプラットフォームで見かける商品画像のウォーターマークはほぼすべてこの角度——文字またはロゴを-30°回転させて均一にタイル張り。これには理由があります:1)斜め配列は水平・垂直配列よりも単純な切り抜きや修復で除去するのが難しい;2)-30°の角度は視覚的にはっきりしつつ、商品を横から見る邪魔をしすぎない;3)均一なタイル張りで画面全体を覆うため、盗用者が端を切り抜くだけではウォーターマークを除去できない。この組み合わせはEC無断転載防止の事実上の標準になっています。

**ウォーターマーク素材ライブラリのローカル保存**:ツールはブラウザのIndexedDBを使用して、アップロードしたロゴウォーターマーク画像をローカルに保存します(最大8枚)。次回ページを開いたときに直接選択して使用でき、再アップロードの手間が省けます。これはサーバーにアップロードする「クラウド同期」とは異なります——データは現在使用しているブラウザにのみ存在し、PCを変えたり、ブラウザを変えたり、ブラウザデータを消去したりすると失われますが、その代わりプライバシーが安全です。頻繁に同じロゴでウォーターマークを追加する場合は、この機能によりアップロードの手間を省けます。

画像形式と画質について:JPG形式は透明背景をサポートしていないため、ウォーターマーク用ロゴに透明効果が必要な場合は必ずPNG形式を使用してください。JPG出力は92%品質パラメータを使用し、この設定はファイルサイズと画質の良好なバランスを実現——圧縮痕はほぼ見えませんが、ファイルサイズは100%品質より約40%小さくなります。PNG出力は完全に無劣化のため、後でPhotoshopなどのソフトウェアで編集を続ける場合や、ロゴに透明背景が必要な場合はPNG形式を選択してください。

注意点:ウォーターマークは無断転載のコストを増加させる抑止手段であり、絶対に除去できないわけではないことに注意してください——いかなる可視ウォーターマークも理論上は専門の画像編集ソフトウェアで除去可能で、特に単純な隅のウォーターマークは切り抜きやすいです。価値の高いオリジナル作品には、複数の保護手段を同時に採用することを推奨します:ウォーターマーク、公開解像度を下げる、元画像のRAWファイルと撮影パラメータを著作権証拠として保持する、著作権登録プラットフォームで証拠保全するなど。ウォーターマークの主な役割は「盗用者が手間に見合わないと感じさせる」ことであり、絶対的な技術的保護を提供するものではありません。

术语表

可視ウォーターマーク(Visible Watermark)
画像上に重ねて表示される肉眼で見える文字、ロゴ、模様。著作権、出典、使用制限を示すために使用される最も一般的なウォーターマーク形式で、本ツールが実装するタイプ。
電子透かし(Digital Watermark)
不可視のウォーターマーク技術。ピクセルの最下位ビットなどを変更して情報を埋め込み、肉眼では認識できないがソフトウェアで検出・抽出可能。著作権追跡や海賊版追跡に使用。
透明度(Opacity)
ウォーターマークの不透明度。0-100%で表し、0%は完全に透明で見えず、100%は完全に不透明で下の画像を隠します。30-50%の半透明が防盗性と視認性のバランスに推奨。
タイル張りウォーターマーク(Tiled Watermark)
ウォーターマークを一定間隔で画像全体に繰り返し配置するモード。単一のウォーターマークより防盗効果が高く、切り抜きや編集による除去が困難。EC商品画像で一般的。
Alphaチャンネル(Alpha Channel)
画像の透明度を制御するチャンネル。PNGとWebP形式がサポートし、JPG形式はサポートしない。透明背景のロゴはPNG形式で保存して透明効果を保持する必要があります。
Canvas API
HTML5が提供するブラウザ側の描画API。JavaScriptを通じてウェブページ上でリアルタイムに画像や図形を描画可能で、完全ローカルでの画像ウォーターマーク処理を実現するコア技術。
IndexedDB
ブラウザに内蔵されたローカルデータベース。ユーザーのデバイス上に比較的大量のデータを保存するために使用。本ツールではアップロードしたロゴウォーターマーク素材の保存に使用。
9グリッド位置決め
画像を水平方向と垂直方向にそれぞれ3分割し、9つの交点位置(左上・中上・右上・左中・正中・右中・左下・中下・右下)を作る配置方法。ウォーターマークの隅配置の標準オプション。
DPI/PPI
1インチあたりのドット数/ピクセル数。印刷解像度の単位。画面表示はピクセルサイズのみに依存し、ウォーターマーク追加はDPI設定や画像の印刷解像度に影響しません。
EXIFメタデータ
画像ファイルに埋め込まれた撮影情報(カメラ機種、撮影時間、GPS位置、絞り・シャッター設定など)。Canvasがエクスポートする画像はEXIFデータを除去するため、撮影位置などのプライバシー保護に役立ちます。
無断転載防止ウォーターマーク
画像の無断使用を防止するためのウォーターマーク。通常は半透明斜めタイル張りスタイルを使用し、盗用者による除去の難易度と時間コストを増加。
署名ウォーターマーク
写真家、デザイナー、画家などのクリエイターが作品に追加する個人の署名または印鑑スタイルのウォーターマーク。通常は隅に配置し透明度を高めにして、作品の帰属を示す。

ウォーターマーク透明度パラメータ推奨設定

異なる使用場面で推奨される透明度設定:

透明度視認性防盗効果画像遮蔽推奨場面
70-100%非常に目立つ強い抑止力大きな遮蔽プレビュー原稿、サンプル画像、所有権証明
50-69%はっきり見える良好な抑止力中程度の遮蔽写真署名、ブランドロゴ、一般的な著作権
30-49%見えるが控えめ中程度の抑止力最小限の遮蔽EC商品、SNS共有(推奨)
10-29%薄いウォーターマーク弱い抑止力ほとんど遮蔽なし社内資料、機密マーキング、控えめな帰属表示

ウォーターマーク配置モード比較

3つのウォーターマーク配置モードの比較:

配置モードドラッグ可カバー範囲防盗性最適な用途
中央はい単一位置弱い(切り抜き/修復可能)署名、ロゴ、控えめなブランディング
タイルいいえ画像全体強い(除去困難)EC無断転載防止、高保護ニーズ
9グリッド隅いいえ(プリセット位置)9位置弱い(切り抜き可能)隅の署名、最小限のブランディング

よく使われるウォーターマーク回転角度の効果

一般的なウォーターマーク回転角度の視覚効果:

角度スタイル可読性防盗性代表的な用途
水平最も読みやすい除去しやすい隅の署名、ロゴ、公式文書
-30°定番斜め良好な可読性除去困難EC無断転載防止(最も一般的)
-45°急斜め角度付きで読める非常に除去困難ストックフォト、高価値画像
±90°垂直頭を傾げる必要あり中程度特殊効果、端のウォーターマーク

Privacy & Security

本画像ウォーターマークツールのすべての操作はHTML5 Canvas APIを通じてブラウザローカルで実行されます。選択した画像ファイルとウォーターマークがリモートサーバーにアップロードされることはなく、保存、キャッシュ、その他の目的に使用されることもありません。すべての処理はデバイスのメモリ内で行われ、ページを閉じるか更新すると一時データは自動的に消去されます。契約書、未公開商品写真、身分証明書のスクリーンショットなどプライバシーに敏感なコンテンツも安心して処理できます。

Authoritative References

Troubleshooting

ウォーターマークが薄すぎる/見えにくい場合はどうすれば?

透明度スライダーを40%以上に上げてください。また確認:1)薄い文字色(薄いグレーや白など)を使っている場合、明るい画像ではよく見えないことがあります——濃い色を試すか、必要に応じて薄い影を追加;2)ウォーターマークのサイズが小さすぎる場合はサイズ比率(画像ウォーターマーク)またはフォントサイズ(文字ウォーターマーク)を大きくしてください。

ウォーターマークが重要な画像内容を隠してしまう?

1)透明度を20-35%に下げてより控えめに;2)中央やタイルではなく隅の配置に変更;3)中央モードでウォーターマークを画像の重要でない領域にドラッグ;4)ウォーターマークのサイズを小さくする(小さいロゴや文字は邪魔になりにくい)。

アップロードした画像が読み込まれない/表示されない?

確認:1)対応形式(JPG/PNG/WebP/SVG)をアップロードしているか——RAW、PSDなどのプロフェッショナル形式には対応していません;2)ファイルが破損していないか——まずシステムの画像閲覧ソフトで開いてみてください;3)ファイルサイズが大きすぎないか(20MB以内推奨);4)ページを更新して再アップロードしてみてください。

ダウンロードボタンが動作しません?

確認:1)ブラウザが自動ダウンロードをブロックしていないか——ポップアップとダウンロードの権限を確認;2)モダンブラウザ(Chrome、Firefox、Safari、Edge)を使用しているか;3)キャッシュを消去して更新してみてください;4)ダウンロードを妨害する可能性のある広告ブロッカーやプライバシー拡張機能を無効にしてみてください。