ウェブ上の「名前を付けて画像を保存」ができない画像をダウンロードする方法

1. 「名前を付けて画像を保存」ができない画像

ウェブページに載っている画像をダウンロードしたい場合、通常は画像を右クリックして「名前を付けて画像を保存」などといった項目を選択します（文言はブラウザによって違います）。

しかし時々この「名前を付けて画像を保存」という項目が表示されない場合があります。

※ [名前を付けて保存] では、このウェブページが保存されます（画像ではなく）。

わざとそのように作られている場合もありますし、画像表示ライブラリを使用した結果そうなってしまったという場合もあります。

本記事では、こういった場合であっても画像を保存する方法を紹介します。

2. この手の画像を保存する方法

Chrome を使って説明します。

(1) 画像を右クリックし [検証] を選択します。

(2) 画像URLを指定しているHTML要素を探します。

デベロッパーツールの [Elements]タブが開きますので、その中から目的の画像のURLが指定されているHTML要素を探します。img要素の src属性や、a要素の href属性にセットされているでしょう。

(3) その部分を右クリックし [Open in new tab] を選択します。

(4) 画像を右クリックして保存します。

画像単体が新たなタブで表示されますので、画像を右クリックし [名前を付けて画像を保存] を選択して画像をダウンロードします。

3. おわりに

今回例として取り上げたのは、以下のページです。

預金通帳型の「読書の記録」導入　大分・杵築市立図書館 – 毎日新聞

毎日新聞のサイトに限らず、今回のような画像にときどき遭遇することがあります。Twitter に載せられた画像も、[名前を付けて画像を保存] が表示されないことがありますね。

Web の仕組み（今回の場合 HTML）に詳しくなると、こういった対応を自分で思いついて試すことができます。