本文へスキップ

画像ウォーターマーク

画像にテキストまたは画像ウォーターマークを追加するツールです。著作権保護、ブランディング、製品写真に最適です。

💡 Tips for Best Results

  • Text Watermark: Use high contrast colors for visibility
  • Image Watermark: Use PNG with transparency for best results
  • Opacity: 50-70% is optimal for visibility without being too intrusive
  • Position: Bottom-right is standard, but center works for strong protection
  • Privacy: All processing happens in your browser - no uploads to server

主な機能​

  • テキストまたは画像ウォーターマークを追加
  • 7つの位置オプション(左上、中央上、右上、中央、左下、中央下、右下)
  • 不透明度調整(10-100%)
  • テキストウォーターマーク: カスタムテキスト、フォントサイズ(20-200px)、カラーピッカー
  • 画像ウォーターマーク: PNG/JPGアップロード
  • リアルタイムプレビュー

ウォーターマーク設定​

ウォーターマークの種類​

テキストウォーターマーク​

  • テキスト入力: テキストを入力(例: "© 2024 Your Name", "SAMPLE")
  • フォントサイズ: 20px ~ 200px
  • 色: カラーピッカーで任意の色を選択
  • 不透明度: 10% ~ 100% (低いほど透明)

画像ウォーターマーク​

  • ロゴアップロード: PNGまたはJPGファイルをアップロード
  • 透明背景: PNG は透明背景をサポート
  • サイズ: 画像に合わせて自動調整
  • 不透明度: 10% ~ 100% 調整可能

位置​

7つの位置オプション:

  • 左上
  • 中央上
  • 右上
  • 中央
  • 左下
  • 中央下
  • 右下

不透明度​

  • 範囲: 10% ~ 100%
  • 推奨: 30-50% (テキスト), 20-40% (画像)
  • 低い値 = より透明

使用例​

1. 著作権保護​

例: 写真に「© 2024 Your Name」を追加
位置: 右下
不透明度: 40%
目的: 無断使用防止

2. ブランディング​

例: 製品写真に会社ロゴを追加
位置: 中央下
不透明度: 30%
目的: ブランド認知度向上

3. サンプル画像​

例: 「SAMPLE」テキストを追加
位置: 中央
不透明度: 20%
目的: プレビュー/サンプル表示

4. SNSコンテンツ​

例: Instagram写真にアカウント名を追加
位置: 左下
不透明度: 50%
目的: 出典表示

対応形式​

  • 入力画像: PNG, JPG, JPEG
  • ウォーターマーク画像: PNG (透明背景サポート), JPG
  • 出力: PNG (高品質)
  • 最大サイズ: 50MB

ウォーターマークのヒント​

テキストウォーターマーク​

著作権表示​

  • 推奨テキスト: "© 2024 Your Name"
  • フォントサイズ: 30-50px
  • 色: 白 (#FFFFFF) または黒 (#000000)
  • 不透明度: 40-60%
  • 位置: 右下または左下

ブランド名​

  • 推奨テキスト: "Company Name" または "Brand"
  • フォントサイズ: 40-80px
  • 色: ブランドカラー
  • 不透明度: 30-50%
  • 位置: 中央下

サンプル表示​

  • 推奨テキスト: "SAMPLE" または "PREVIEW"
  • フォントサイズ: 100-150px
  • 色: 赤 (#FF0000) またはグレー (#808080)
  • 不透明度: 20-30%
  • 位置: 中央

技術情報​

処理方式​

  • Canvas API: HTML5 Canvas を使用した画像合成
  • クライアントサイド: ブラウザで直接処理
  • レイヤー合成: 元画像の上にウォーターマークレイヤーを追加
  • アルファブレンディング: 不透明度調整のためのアルファチャネル処理

プライバシー​

  • ✅ すべての処理がブラウザ内で実行
  • ✅ 画像はサーバーにアップロードされません
  • ✅ 100%クライアントサイド処理
  • ✅ オフラインで動作(ページ読み込み後)

よくある質問​

Q: ウォーターマークを削除できませんか？​

A: PNGファイルとして保存すると、ウォーターマークは永久に合成されます。削除するには元の画像が必要です。

Q: 複数のウォーターマークを一度に追加できますか？​

A: 現在は一度に1つのウォーターマークのみ追加可能です。必要な場合は順次追加してください。

Q: テキストの色が背景と区別できません。​

A: 暗い背景には白、明るい背景には黒を使用してください。不透明度を調整して視認性を高めてください。

関連ツール​

ブラウザサポート​

  • ✅ Chrome 50+
  • ✅ Firefox 50+
  • ✅ Safari 11+
  • ✅ Edge 79+
  • ✅ モバイルブラウザ