右クリックで保存できない画像を保存する方法 Chromeデベロッパー・ツール

WEBサイト上の画像って、右クリックやドラッグ＆ドロップして保存できるものと、保存が禁止されているものがありますよね。

友人のWEBデザイナーから教えてもらった、画像保存の方法を教えます。

使うのは、Googleクロームの、デベロッパー・ツールというもの。

使い方は簡単です。

目的のWEBサイトを開いている状態でF12キーを押すだけ。

すると下の画像のように、アルファベットだらけのウィンドウが表示されます。

画像を保存する場合は、虫メガネのアイコン（または左上向きの黒い矢印アイコン）か、「Sources」というタブをクリックします。

黒い矢印アイコンタブからやる場合は、WEBサイト上の目的の画像を左クックします。

すると、画像データのテキストが灰色になって選択されます。その選択されたテキスト上で右クリック→「Open in new tab」を選びます。

すると別ウインドウで、その画像だけが画面いっぱいに表示されます。

WEBサイトによっては、この方法が使えない場合もあります。

そのときは、黒い矢印アイコンからではなく「Sources」タブから入ります。

WEBサイトの構成要素が項目ごとにずらっと表示されるので、その中から画像データを探して右クリック→「Open in new tab」をすれば、画像が右クリックで保存できるようになります。

この記事の書き方だけだと、正直わかりにくいかもしれませんので、「デベロッパー・ツール　画像　保存」などでググってみれば、もっとわかりやすい説明が見られるかと思います。

わたしは、いちばん最初にこれを友人から教えてもらったときは、びっくりしました。

こんなことができるのか！と。

知らない人は、あきらめるけど、知っている人はゆうゆうと目的の行動を果たすことができます。

興味ある方はどうぞ、お試しください。