ぶっちゃけ全く使う機会が無い。
機会が無いうえ、凄く、良くなさそうな方法。
普通に画像保存できるなら、右クリックで良いし、画像ダウンロードサイトならそのサイトの手順に沿った方法で良い。
だからこの方法は自分という範囲内で楽しみたい時、つまり他の誰にも共有しない、違法にならない範囲でのみ使える。
【教材のサイトの画像を、サイトから保存する方法】
1.サイトのソースコードを表示し、目的の画像の URL を探す
絶対パスだった場合は、その URL でページを開いて終了です
今回は相対パスを想定して手順を書きます
おそらく、下記のような URL が見つかります
ex. ../img/fv_img.jpg
2.サイトの URL 末尾に、画像の URL をくっ付ける
サイトの URL が https://domain/site-name.html の場合は、site-name.html の後ろに画像の URL を貼り付けます
下記の例のようになると思います
ex. https://domain/site-name.html../img/fv_img.jpg
3.画像の URL とサイトの URL の位置関係をイメージして、URL を連想します
フォルダ構成が事前にわかっている場合は簡単ですが、わからない場合は、サイトを右クリック > 検証 > Sources でフォルダの構成を確認しましょう
https://domain/site-name.html../img/fv_img.jpg
↓
https://domain/img/fv_img.jpg
(.htmlはファイルなので削除、../はフォルダではなく一つ前のフォルダへ上がることを示す記号なので削除等)
具体例
https://kobys.net/test/../img/fv_img.jpg
↓
https://kobys.net/test/img/fv_img.jpg
