最終更新日: 2020年10月30日

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

Chromeのデベロッパーツールを使ってWEBサイトの画像で右クリックで保存できない画像を保存する方法を解説していきます。背景画像や右クリック禁止のサイトでも使えるテクニックです。

コンテンツ [表示]

Chromeで右クリックで保存できない画像を保存する

WEBサイトで使われている画像を保存するには画像を右クリックして出てくるメニューの「右クリックで保存する」を選択すると保存することが出来ます。

一方で、中には右クリックで保存できない画像があります。例えば

などです。これらの画像はブラウザから右クリックできないようになっています。

しかしこれらの画像もChromeのデベロッパーツールを使うことで簡単に保存することが出来ます。

今回の記事ではChromeのデベロッパーツールを使って右クリックで保存できない画像を保存する方法を解説していきます。

それでは順番にChromeで右クリックで保存できない画像を保存する方法を見ていきましょう。

それではまずはChromeのデベロッパーツールを起動しましょう。ショートカットで起動するには下記のキーボードショートカットを入力します。

デベロッパーツール起動のショートカット

[Windows]
Ctrl + Shift + I
または
F12

[Mac]
Command + Option + I

またショートカットではなくChromeのメニューから開く場合は

デベロッパーツールが開いたら下記の手順で画像を保存していきましょう。

いかがでしたでしょうか。Chromeのデベロッパーツールを使えば右クリックだけで保存できないWEBページの画像や素材を簡単に保存することが出来ます。

今回のテクニックをぜひ覚えておきましょう！