やりたいこと

Componentクラスで日付の文字列を付した1200*960サイズの画像を作成。
画像ファイル名("test.jpg/?=37635648525"のような感じ)を格納する変数を宣言(=IMAGE_NAME)。
IMAGE_NAMEを組み込んだindex.htmlを作成し、localhost:5000でアクセスした時にindex.htmlを描画。
5秒毎に、test.jpgを作成し直し、IMAGE_NAMEに格納。

今回のケースでは、日付が書かれた画像を5秒毎にリフレッシュすることをしたいのですが、実現できていません。下記にコードやエラーについて書きました。おわかりの方、アドバイスをお願いします。

環境

Windows10 64bit
Python v3.8.3
flaskライブラリ(v1.1.2)
PILLOWライブラリ(v8.1.1)

コード

python3
1from flask import Flask, render_template
2from PIL import Image, ImageFont, ImageDraw
3import random
4import datetime
5import time
6import os
7
8IMAGE_NAME = ""
9
10class Component():
11    
12    DefaultFontName = "KikaiChokokuJIS-Md.otf"
13    DefaultFontSize = 40
14    font= ImageFont.truetype(DefaultFontName, DefaultFontSize)
15    
16    def __init__(self, mode="RGB", size=(1200,960),bkcolor=(20,0,0)):
17        global font
18        self.mode = mode
19        self.size = size
20        self.bkcolor = bkcolor
21        
22        self.image = Image.new(self.mode,self.size,self.bkcolor)
23        self.draw = ImageDraw.Draw(self.image)
24        
25    def Output(self):
26        self.draw.text((300,500),str(datetime.datetime.now()),fill=(88,126,255),font=Component.font)
27        self.image.save("static/images/test.jpg", quality=85)
28        code = str(random.random() * 1000)
29        
30        return "test.jpg/?=" + code
31
32
33app = Flask(__name__)
34
35@app.route("/")
36def index():
37
38    # defの外の変数を呼び出したいのでglobalで呼び出す
39    global IMAGE_NAME
40    
41    html_string = """
42    <!DOCTYPE html>
43    <html lang='ja'>
44    <head>
45        <meta charset='utf-8'>
46        <meta http-equiv='Cache-Control' content='no-cache'>
47        <meta http-equiv='Pragma' content='no-cache'>
48        <meta http-equiv='Refresh' content='5'>
49        <title>texst</title>
50    </head>
51    <body>
52        <p>
53            <img width=1200 src='static/images/""" + IMAGE_NAME + """'/>
54        </p>
55    </body>
56    </html>
57    """
58    
59    f = open("templates/index.html", mode="wt", encoding="utf-8")
60    f.write(html_string)
61    f.close()
62    
63    return render_template("index.html")
64
65
66if __name__ == "__main__":
67    app.run(debug=True)
68    
69    while True:
70        # 前回作成したtest.jpgを削除
71        os.remove("static/images/test.jpg")
72
73        # 初期化して画像を再作成する
74        test_image = Component()
75        IMAGE_NAME = test_image.Output()
76
77        # 5秒待つ
78        time.sleep(5)

エラー

エラーになる原因の1つめは画像が作成されていないため

クラスのdef Output(self)の中で、self.image.save("static/images/test.jpg")と書いているのですが、
static/images フォルダに"test.jpg"画像ファイルが作成されません。

CMDから実行しChromeでlocalhost:5000でアクセスすると、
127.0.0.1 -- [日付] "'[37mGET / HTTP/1.1'[0m" 200 -
127.0.0.1 -- [日付] "'[37mGET /static/images/ HTTP/1.1'[0m" 404 -
がひたすら繰り返し出てきます。画像が作成されていないのが原因で404エラーになっています。

エラーになる原因の2つめは、IMAGE_NAMEにファイル名文字列が渡っていないため

出力されたhtmlファイルのソースを見ると、
<src width=1200 src="static/images/'/>
となっていて、期待する、
<img width=1200 src='static/images/test.jpg/?=134253564'>
となっていません。IMAGE_NAMEの変数の使い方が間違っているのでしょうか？

自分では、ここまでエラーを切り分けるところまでできたつもりですが、どう対処すれば良いのか解りません。

アドバイスよろしくおねがいします。