インスタグラムの画像は右クリックでは保存することができません。ブラウザの開発者ツールを使う方法、ブラウザの拡張機能を使う方法の2つの方法で、インスタグラムの画像を保存する方法をご紹介します。
この方法は応用が利くのでちょいと面倒ですが覚えておいて損はありませんよ～。
インスタグラムの画像を保存する方法
ブラウザの開発者ツール(デベロッパーツール)を利用します。
Google Chrome, Microsoft Edge, Safari, Firefoxなど、どのブラウザでもやり方は同じになります。
ブラウザのソースコードからURLを抽出する方法
１．インスタグラムを開いてダウンロードしたい画像を選択
適当に無難な#natureというタグで検索してみました。
ダウンロードしたい画像をを選択します。
PCで画像を開くと以下のようになりますね。
2. ブラウザの検証/開発者ツールを開く
画面上で右クリックをすると、メニューが開き「検証」をクリックします。この検証はブラウザによって名前が違います。
開発者ツールだったり、デベロッパーツールだったりしますね。
開発者ツールが開くと右側にホームページ(ここではインスタグラム)のソースコードなど詳細な情報が表示されます。
画像を右クリックして開いた場合、画像の要素が選択された状態になっています(Chromeの場合)。
一つ上のdiv要素に>マークがついていて、このマークは「もっと展開できるよ、開けるよ」というマークになります。
＞マークをクリックします。
以下の画像のように、閉じられていた要素が展開されて、<img>タグが出てきました。 imgはimage(画像)で使うHTMLタグの一つです。
ということで画像発見！！
「srcset=」と書かれた部分があり、かなり長いURLが表示されています。実はこのURLは、640W、750W、1080Wのように画像サイズで分かれています。
srcset=”https://instagram.fkixから始まり、640Wの前までをコピーします。750Wの前に書いてあるURLでももちろんOKです。
ちょいと長いですが以下のURLが抽出できました。
3．ブラウザで画像を表示して保存する
コピーしたURLを新しいタブのアドレス部分に貼り付けると以下のように大きな画像が開きます。
右クリックで「名前を付けて画像を保存」を選択すると、パソコンにjpg形式で保存することができます。
ブラウザの拡張機能を使う方法
ブラウザの拡張機能、ここではChromeの「Image Downloader for IW」を利用する方法をご紹介します。
１．拡張機能を追加する
Chromeブラウザの拡張機能を追加します。
追加はこちら → Image Downloader for IW
2. インスタ画像左上にアイコンが追加される
インスタグラムの画像の左上に今までなかった↓のアイコンが追加されます。
もしもインスタグラムのページをすでに開いていたらF5を押して更新してみてください。
3．矢印を押すと即座にダウンロードされる
↓ボタンのアイコンをクリックするとすぐにダウンロードされます。ブラウザで既定のフォルダにダウンロードされます。以上！簡単ですね！
まとめ：インスタの画像保存
ブラウザのソースコードから画像URLを抽出する方法と、Chromeの拡張機能を使う方法ご紹介しました。
一つ目のブラウザのソースコードからの方法は正直面倒です。
しかし、ソースコードを開いてダウンロードする方法を習得すると他にも応用がききやすくなるので一度頑張ってやってみてください。
また、ソースコードの方法のほうがちょっといい画質の画像をダウンロードすることができますので覚えておくと良いでしょう。
ダウンロードだけなら拡張機能を利用するのが圧倒的に簡単ですね！！ワンクリックでOK^^
コメント・質問する