画像をスクレイピングで収集、No connection adapters were found for 'data:image/のエラーの直し方について

Question

前提

Visual Studio 2022
Python 3.9

実現したいこと

カリモク コモンズ トウキョウで、10代が考える「動く家」をテーマにした展示会を開催
https://www.elle.com/jp/decor/decor-interior-design/a40735952/karimoku-commons-tokyo-mobile-house22-07/

上記サイトに掲載されている写真3枚をスクレイピングで収集したいです

該当のソースコード

import requests
from bs4 import BeautifulSoup
from pathlib import Path
import time

load_url = "https://www.elle.com/jp/decor/decor-interior-design/a40735952/karimoku-commons-tokyo-mobile-house22-07/"
html = requests.get(load_url)
soup = BeautifulSoup(html.content, "html.parser")

out_folder = Path("download")
out_folder.mkdir(exist_ok = True)

imgs = soup.find_all("img")
 
for img in imgs:
    pic = requests.get(img["src"])
    filename = pic.split("/")[-1]
    out_path = out_folder.joinpath(filename)

with open(out_path, mode = "wb") as f:
       f.write(pic.content)

time.sleep(1)

  

発生している問題・エラーメッセージ

  Message=No connection adapters were found for 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
  Source=C:\Users\Michiko\Desktop\app2\scraping\scraping\scraping.py
  スタック トレース:
  File "C:\Users\Michiko\Desktop\app2\scraping\scraping\scraping.py", line 18, in <module> (Current frame)
    pic = requests.get(img["src"])

試したこと

mport requests
from bs4 import BeautifulSoup
from pathlib import Path
import time

load_url = "https://www.elle.com/jp/decor/decor-interior-design/a40735952/karimoku-commons-tokyo-mobile-house22-07/"
html = requests.get(load_url)
soup = BeautifulSoup(html.content, "html.parser")

out_folder = Path("download")
out_folder.mkdir(exist_ok = True)
 
for element in soup.find.all("img"):
    pic = requests.get("src")
    filename = pic.split("/")[-1]
    out_path = out_folder.joinpath(filename)

with open(out_path, mode = "wb") as f:
       f.write(pic.content)

time.sleep(1)

エラーメッセージ

  Message='function' object has no attribute 'all'
  Source=C:\Users\Michiko\Desktop\app2\PythonApplication1\PythonApplication1\PythonApplication1.py
  スタック トレース:
  File "C:\Users\Michiko\Desktop\app2\PythonApplication1\PythonApplication1\PythonApplication1.py", line 15, in <module> (Current frame)
    for element in soup.find.all("img"):

そのほか、HTMLのタグと属性をかえましたが、うまくいきません。
どなたかご教授いただけると嬉しいです。
よろしくお願いいたします。

追記

URLデコード: urllib.parse.unquote()など
https://note.nkmk.me/python-urllib-parse-quote-unquote/
ご回答を参考に、上記のサイトを見ながら書き換えてましたが、 同じエラーメッセージがでてしまいました。

import requests
from bs4 import BeautifulSoup
from pathlib import Path
import time
import urllib

load_url = "https://www.elle.com/jp/decor/decor-interior-design/a40735952/karimoku-commons-tokyo-mobile-house22-07/"
decode_url=urllib.parse.unquote(load_url)
html = requests.get(decode_url)
soup = BeautifulSoup(html.content, "html.parser")

out_folder = Path("download")
out_folder.mkdir(exist_ok = True)

imgs = soup.find_all("img")
 
for img in imgs:
    pic = requests.get(img["src"])
    filename = pic.split("/")[-1]
    out_path = out_folder.joinpath(filename)

with open(out_path, mode = "wb") as f:
       f.write(pic.content)

time.sleep(1)

  

エラーメッセージ

  Message=No connection adapters were found for 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
  Source=C:\Users\Michiko\Desktop\app2\scraping\scraping\scraping.py
  スタック トレース:
  File "C:\Users\Michiko\Desktop\app2\scraping\scraping\scraping.py", line 20, in <module> (Current frame)
    pic = requests.get(img["src"])

Answer 1

data:で始まるURLはData URLといって、URLそのものにデータがエンコードしてあります。

そのURLがsrcに書いてある状態の場合、「別にファイルを取りに行く」という動作をさせるのが間違いで、Data URLをデコードしてデータを取得してください。

Comments

[Michiko]

ご回答ありがとうございます。
もともとエンコードされているURLがあるとは、知りませんでした。
デコードをしてみましたが、うまくいきません。
お忙しい中恐縮ですが、ご教授いただけると幸いです。

[maisumakun]

書き換え後のコードにも残っていますが、requests.get(img["src"])としているのが間違いです。

（もとのload_urlに対してデコード操作を行っているようですが、そちらは全く無関係です）

[Michiko]

Data URLは画像のURLのことですね（汗）
やってみます。
追記、ありがとうございます。