サイトの背景画像のURL をコピーするには？

Question

サイト模写をしているのですが、こちらのリンク内容のサイトの一番上の背景画像のURLをコピーしてHTMLのimgにコピペしたいのですがどうすればいいでしょうか？
よろしくお願いします。
一番上とはお寺のような建物の背景画像です。
よろしくお願いします。

Answer 1

背景画像の保存方法はブラウザにより方法も異なり、ひとつのブラウザでも何通りもあります。

下記リンクは「chrome css 背景画像 保存」で検索し、上位に出てきた記事です。
Webサイトに使われている背景画像を取得する方法
少し前の記事ですが、chromeのバージョンが大きく変わらない限り、こちらの方法で問題ないかと思います。

ブラウザが異なるのであれば、ブラウザ名の箇所を任意の名称に変えて検索してみてください。

少し余談となりますが…、
コーダーやエンジニアは常に手を動かしPCに向かっていると思われがちですが、実際には意図しないエラーや不具合に当ることも多く、解析で時間がとられることがとても多いです。
その際に必要な能力として、解決策を「ブラウザで検索する」ということも重要になってきます。

もちろん最初は上手く検索かけることができず、求めている記事がヒットしないこともあるかと思います。
私も最初はなかなか検索に引っかからず、検索ワードを何度も変えて試行錯誤していました…。

質問の際に内容だけではなく、解決するために何を検索したのか、何を試したのか等も記載すると、「なぜ解決策までにたどり着けなかったのか」が明確になりやすく、miyamoto-yu様の技力も上がりやすいのではないかと思いました。

Comments

[miyamoto-yu]

了解しました。
気を付けます。

Answer 2

今一つ要件ふわっとしてますが、

画像右クリック
画像だけ表示
アドレスバーのURLコピー

でもいいですし
ソースを表示
から画像のパス引っ張ってきてドメイン部分にくっつけるとか

とはいえ、画像直リンクさせるのは微妙なので普通に保存して自分のところに配置するのが確実かと

Comments

[miyamoto-yu]

一応基礎学習でimgに直接リンクを載せるやり方しか習ってないんですけど、背景画像を保存して配置する方法ってどのようにやるのでしょうか？
申し訳ありませんが教えていただけますか？

[m.ts10806]

えっとそれくらいいろいろやってみてほしいんですが・・・
「これいいな」って思った画像を見つけたとき、どうしてますか？

[miyamoto-yu]

グーグルのツールでサイトの画像を全部保存するツールがあって、そこからURLをコピーしてからHTMLにペーストしています。
でも今回背景画像が保存できないので背景画像を保存する方法が分からずに困ってます。

[m.ts10806]

「ブラウザ名 背景画像保存」とかで調べれば出てきそうに思いますけども。

「背景画像だけを表示する」機能とかもあるでしょうし背景画像と分かっているなら大抵CSSで指定されているのでそこから画像URL割り出すのも可能ですし。やり方は幾らでもあります。(幾らでもあるので幾らでも調べがつきます)

[miyamoto-yu]

了解しました。
ありがとうございます！！