はてなブログで公開している写真やイラストを、簡単にコピーされたくない場合、画像の右クリックを無効化する方法があります。特にオリジナル写真や制作物を掲載しているブログでは、画像の無断利用対策として右クリック禁止を設定したいケースがあります。
この記事では、はてなブログで画像の右クリックを禁止する方法や、設定時の注意点、より効果的な画像保護対策について分かりやすく解説します。
はてなブログで画像の右クリックを禁止する基本的な方法
はてなブログには標準設定だけで画像の右クリックを完全に禁止する機能はありません。そのため、ブログのHTML編集やデザイン設定からJavaScriptを追加して対応します。
右クリック禁止は、画像をクリックした際に表示されるブラウザのメニューを表示させない仕組みです。設定すると、画像上で右クリックして保存する操作を制限できます。
ただし、この方法は画像の保存を完全に防ぐものではありません。スクリーンショットやブラウザの開発者ツールを利用すれば画像を取得できるため、あくまで簡易的な対策として考える必要があります。
はてなブログに右クリック禁止用JavaScriptを追加する手順
まず、はてなブログの管理画面へログインし、「デザイン」から「カスタマイズ」を開きます。その後、「フッタ」や「記事下」などJavaScriptを入力できる場所を選択します。
以下のコードを追加すると、ブログ内の画像上で右クリックした際のメニュー表示を停止できます。
<script>document.addEventListener(‘contextmenu’,function(e){if(e.target.tagName===’IMG’){e.preventDefault();}});</script>
このコードは、ページ内の画像要素（IMGタグ）だけを対象に右クリックを無効化します。文章部分の右クリックまで制限しないため、読者の利便性を大きく損ねにくい設定です。
はてなブログProの場合の設定方法
はてなブログProを利用している場合は、HTML編集機能を使ってより自由な場所にJavaScriptを追加できます。
「設定」から「詳細設定」を開き、「headに要素を追加」へコードを入れる方法もあります。この場所へ追加すると、記事ページ全体でスクリプトが読み込まれるため、すべての記事画像に対して効果を適用できます。
複数の記事で画像を公開している場合は、記事ごとに設定するよりもブログ全体へ適用する方法がおすすめです。
右クリック禁止だけでは画像を完全に守れない理由
画像の右クリック禁止は、初心者が簡単に画像保存することを防ぐ効果があります。しかし、インターネット上に公開された画像は、技術的には完全なコピー防止はできません。
例えば、スマートフォンで画面を撮影したり、パソコンのスクリーンショット機能を利用したりすれば画像を保存できます。また、HTMLの中には画像ファイルの場所が記載されているため、詳しい知識がある人には取得される可能性があります。
そのため、重要な画像を公開する場合は右クリック禁止だけではなく、透かし（ウォーターマーク）を入れる、公開サイズを小さくする、低解像度画像を使用するといった対策も有効です。
画像を守るためにおすすめの追加対策
オリジナル写真やイラストを掲載する場合、画像の中央や目立たない場所に著作権表示やサイト名を入れることで、無断利用の抑止につながります。
例えば、写真ブログの場合は大きな元画像をそのまま掲載せず、ブログ閲覧用として横幅を1200px程度に縮小した画像を使用する方法があります。高画質な元データを公開しないことで、悪用されるリスクを減らせます。
また、画像検索から流入したユーザーによる無断利用を防ぎたい場合は、画像ファイル名や代替テキストの管理も重要です。
右クリック禁止設定を解除したい場合
後から右クリック禁止を解除したくなった場合は、追加したJavaScriptコードを削除するだけで元の状態に戻せます。
ブログのデザイン変更やテーマ変更を行った場合、追加したコードが消えることもあるため、設定後は実際の記事ページで画像を右クリックして動作確認すると安心です。
また、読者が画像を利用する目的で訪問しているブログの場合、右クリック禁止が不便に感じられることもあります。ブログの目的に合わせて設定することが大切です。
まとめ
はてなブログでは標準機能だけで画像の右クリック禁止はできませんが、JavaScriptを追加することで画像上の右クリック操作を制限できます。
ただし、この方法は完全なコピー防止ではなく、あくまで簡単な保存操作を減らすための対策です。大切な画像を公開する場合は、透かしや画像サイズ調整など複数の対策を組み合わせることがおすすめです。
ブログの内容や読者層に合わせて、利便性と画像保護のバランスを考えながら設定すると、より安心して画像を公開できます。
コメント