バンドモード透かし — ヘッダーとフッターのストリップ

バンドモード透かしとは

バンドモード透かしは、画像の上部（ヘッダー）と下部（フッター）にテキストの帯を配置する手法です。タイルモードのように画像全面をカバーするのではなく、特定の領域に集中することで、画像の主要部分の視認性を最大限に維持しながら保護を行います。

バンドモードの仕組み

Canvas APIを使って、画像の上端と下端に半透明の帯を描画します：

// ヘッダーバンド
ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
ctx.fillRect(0, 0, width, bandHeight);
ctx.globalAlpha = 0.9;
ctx.fillStyle = '#ffffff';
ctx.fillText('© 2025 Creator Name — NOT FOR AI TRAINING', x, bandHeight / 2);

// フッターバンド
ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
ctx.fillRect(0, height - bandHeight, width, bandHeight);
ctx.fillText('Do Not Use for Machine Learning', x, height - bandHeight / 2);

バンドの高さと配置

バンドの高さ	画像に対する比率	適した用途
30–50 px	画像高さの3–5%	最小限の存在感、ブランディング向き
50–80 px	画像高さの5–8%	バランスの取れた保護とメッセージ
80–120 px	画像高さの8–12%	強い保護、プルーフ画像向き

バンドモードの利点

• 画像中央部を損なわない — 作品の主要な構図やディテールがそのまま見える
• メッセージが明確 — バンド内のテキストは高い不透明度で配置でき、読みやすい
• プロフェッショナルな外観 — テレビ放送のテロップやストックフォトプレビューに似た見慣れたレイアウト
• 実装が容易 — タイリングの複雑な計算が不要

バンドモードの制限事項

バンドモードには重要な弱点があります：

• クロップに弱い — 上下のバンドをクロップするだけで透かしが完全に除去される
• 中央部分は保護されない — 画像の主要領域にはピクセルレベルの保護がない
• 単独での使用は非推奨 — AI保護目的ではタイルモードとの併用が推奨

効果的なバンドモードの使い方

バンドモードを最も効果的に使うためのベストプラクティス：

1. ヘッダーとフッターの両方を使用 — 片方だけでは簡単にクロップされる
2. 背景は半透明にする — 完全不透明な黒帯より、30–50%の透明度の帯が画像と調和する
3. テキストは高コントラストにする — バンド内のテキスト自体は80–100%の不透明度で鮮明に
4. 著作権情報とAIオプトアウトを組み合わせる — 「© 2025 Name — Not for AI Training」のように1行にまとめる
5. タイルモードと併用する — バンドで明確なメッセージを伝え、タイルで全面保護を実現する