スクレイピングで画像の収集, Incorrect paddingのエラーの直し方

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枚をスクレイピングで収集したいです。

昨日、Data URLをdecodeする方法を教えていただき、それを含めたコードでまたエラーが出ました。

プログラミングの勉強を始めて日が浅く、Webの知識が少ないためか、画像のスクレイピングが難しく感じます。

自己解決できなかったので、
ご教授いただけましたら幸いです。

該当のソースコード

Data URLの文字数をカウントし、4で割り切れないことがわかったので
encoded=base64.urlsafe_b64decode (src + '=' * (-len(src) % 4))
を入れたのですが、同じエラーが出ました。
上のコードを入れたことで、文字数が78から、56に減りました。
(src + '=' * (-len(src) % 4)の部分で、==を2つ入れて、80にしたかったのですが...
お忙しい中恐縮ですが、
教えていただけると幸いです。

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


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"):
    src = element.get("src")
    encoded=base64.urlsafe_b64decode (src + '=' * (-len(src) % 4))
    decode_data=b64decode(encoded)
    filename = src.split("/")[-1]
    out_path = out_folder.joinpath(filename)
    with open(filename, mode = "wb") as f:
        f.write(decode_data)
    time.sleep(1)

エラー内容

Incorrect padding

試したこと

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


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("source"):
    src = element.get("data-src")
    header, encoded = src.split(",",1)
    decode_data=b64decode(encoded)
    filename = "test_0818"
    out_path = out_folder.joinpath(filename)
    with open(filename, mode = "wb") as f:
           f.write(decode_data)
    time.sleep(1)

  
  Message='NoneType' object has no attribute 'split'

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


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("source"):
    src = element.get("data-src")
    image_url=urllib.parse.urljoin(load_url, src)
    imgdata = requests.get(image_url)
    filename = "test_0818"
    out_path = out_folder.joinpath(filename)
    with open(filename, mode = "wb") as f:
           f.write(imgdata.content)
    time.sleep(1)

画像として表示されません

補足情報（FW/ツールのバージョンなど）

下記を参考にしました。
森巧尚, Python 2年生 スクレイピングのしくみ
https://stackoverflow.com/questions/33870538/how-to-parse-data-uri-in-python
https://www.lisz-works.com/entry/python-base64-incorrect-padding

Answer 1

「試したこと」に記載のソースコードと実際に動かしたソースコードは一致していますか？
エラー内容に記載されているエラー該当部分は「試したこと」のソースコードには存在していないように見えます。

header, encoded = src.split(",",1)

Comments

[Michiko]

おっしゃる通りです。
ありがとうございます。
修正しました

[len_souko]

回答ではありません
こういう内容は「質問への追記・修正依頼」に書いてください

[t-n]

迷いましたが、色々試行錯誤されているのに動作させるファイルを誤っているため、問題が解決されないのだと思い回答とさせていただきました。
スクレイピング対象のサイトを確認しましたが、取得したい画像のurlはsourceタグのdata-srcset属性に記載されているものではありませんか？
こちらで想定している画像が取得できると思います。

[Michiko]

ありがとうございます。
タグや属性を変えましたが、プログラムはうまく動きませんでした。
勉強します。