Blogger 画像の外部リンクを外す

普通は、表題の様な事は考えません。
しかし、もし、自分の手元のファイルでは無く、
外部から画像も引用しようとしたならば ... 。
許諾申請以外にも、配慮が必要なのかも。


Blogger の投稿で、画像挿入すると、
画像をクリックで、画像のみの表示 に切り替わりますね。

これが、標準的な 仕組み です。

でも、
本文中に表示するだけで、
外部リンクとしては機能させずに、
クリックしても何も変わらない ... 、
そんな事を考えたくなるケースも有りますね。

例えば、
他の URL から、画像引用する場合 等。
それも、元画像が大きいサイズの場合。

著作権の問題も有りますから、
良く調べ、必要なら、許可申請する事も大切ですが、
そもそも、
画像を使う時に、配慮をして置いた方が宜しいのかも。

著作権を明示するのは 勿論、
安易に、クリックして拡大表示させるのも留めて置いた方が良いのかも。
そう、考えたのです。

以下、html で説明しましょう。
例えば、自分でアップロードしたもの場合、コードは次の様になっている筈です。

<div class="separator" style="clear: both;">
<a href="https://1.bp.blogspot.com/.../s952/Figure.png" style="display: block; padding: 1em 0px; text-align: center;">
<img alt="" border="0" data-original-height="645" data-original-width="952" src="https://1.bp.blogspot.com/.../s600/Figure.png" width="600" />
</a>
</div>

URL から画像を指定した場合も、
基本的には、URL 部分が変わるだけで、同じ構成になっている筈です。

そこで、
<a href="...> と </a> とを外し、
<div class="separator" style="clear: both;"> を <div style="text-align: center"> に変えます。

これで、外部参照が無くなり、
簡単には画像にアクセスし無くなります。
無論、完全ではありません。
別途、アクセスする方法は残されてはいるので ... 。

でも、一応、配慮した！　心算なのですけれど。