NO AIシンボルオーバーレイ — 視覚的禁止マーク

シンボルオーバーレイの役割

テキスト透かしに加えて、シンボル（記号やアイコン）を使用することで、言語に依存しない明確なAIオプトアウトメッセージを伝えることができます。特に国際的にコンテンツを共有する場合、シンボルは言語の壁を超えて意図を伝えます。

AI保護に使われる主要シンボル

シンボル	名称	用途
©	著作権マーク	法的権利を示す普遍的なマーカー
⊘	禁止斜線付き円	「禁止」を示す一般的な記号
🚫	進入禁止	強い「停止」の視覚シグナル
カスタムNo AIアイコン	ロボット頭部＋禁止円	クリエイティブコミュニティで標準化が進むアイコン

Canvas APIでのシンボル描画

Unicode記号はCanvas APIのfillText()で直接描画できます：

// シンボル + テキストを1ユニットとして描画
function drawWatermarkUnit(ctx, x, y, text, symbol, fontSize) {
  ctx.save();
  ctx.translate(x, y);
  ctx.rotate(angle);

  // シンボルを描画
  ctx.font = `${fontSize * 1.2}px serif`;
  ctx.fillText(symbol, 0, 0);

  // シンボルの後にテキストを描画
  const symbolWidth = ctx.measureText(symbol).width;
  ctx.font = `${fontSize}px sans-serif`;
  ctx.fillText(text, symbolWidth + 8, 0);

  ctx.restore();
}

シンボルサイズの最適化

シンボルは通常、付随するテキストよりも10–20%大きく表示する必要があります。これはシンボルが視覚的に軽く見える傾向があるためで、サイズを調整することで視覚的なバランスが取れます。

効果的なシンボルの組み合わせ

最も効果的なアプローチは、テキストとシンボルを組み合わせた複数レイヤーの透かしです：

1. レイヤー1: タイルテキスト — 「NOT FOR AI TRAINING」を20%の不透明度、-30°回転で配置
2. レイヤー2: 散在するシンボル — ©マークや禁止アイコンを異なるサイズ・位置に15%の不透明度で配置
3. レイヤー3: ボーダーテキスト — 画像下端に1行の権利情報を40%の不透明度で配置

シンボル使用時の注意点

• フォントの互換性 — すべてのフォントがすべてのUnicodeシンボルをサポートしているわけではありません。Noto Sansのような幅広いカバレッジを持つフォントを使用してください
• レンダリングの違い — 絵文字（🚫など）のレンダリングはブラウザやOSによって異なります。基本的なUnicode記号（©、⊘など）の方が一貫した表示が得られます
• フォントウェイトの統一 — テキストが太字なら、同様に重みのあるシンボルを使用してください
• 不透明度の統一 — 1つのタイル内のすべての要素は同じ不透明度を共有し、視覚的な一貫性を保ってください

自動除去への耐性

テキストとシンボルの組み合わせは、自動除去ツールに対する耐性を高めます。OCRベースの除去はテキストを対象にしますが、シンボルには効果が限られます。パターンマッチングベースの除去は1つのパターンに最適化されますが、異なるサイズ・回転・フォントの複数要素に対しては効果が低下します。