LP模写での画像、写真取得方法

プログラミング

こんにちは、タカフミです!

今回はLP模写をやっている時、この写真・画像を手に入れたいなって時の解決方法を解説して行こうと思います。

結論からいうと簡単な手段は主に二つあって

  • googleの拡張機能を使う
  • googleのディベロッパーツールを使う

この二つです。

どちらかでも使っていない人がいたら是非読んでください!!

image downkoader

一つ目はgoogleの拡張機能image downloaderを使う方法です。

下のリンクからダウンロードできます。

https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj?hl=ja&

ダウンロードしたら下の写真の右上にもあるような下向きの矢印アイコンが出てくると思います。

これをクリックすると

下の写真のようにこのウェブページで使われている写真一覧が出てきます。

確認できたら一括ダウンロードを押して完了です。

ただしこの方法ではダウンロードできない写真があるため二つ目の方法を解説します。

Google ディベロッパーツール

二つ目はgoogleのディベロッパーツールを使用する方法です。

ダブルクリックまたは二本指クリックから検証を選びます。

そうするとこのようなページを構成しているコードが出てきます。

この中からさらにSourcesをクリックし、wp-contentを選択すると使われている素材の一覧が出てきます。

これのリンクをコピーしてhtmlなどに貼れば使用可能です。

まとめ

サイトで使用されている素材の取得方法は主に

  • imame downloader
  • ディベロッパーツール

これらを使用する。

今回はこんな感じで終わりにします。

最後まで読んでいただきありがとうございました!