HTML/JavaScript: Wie Grafik neu laden?

[Der schöne Günther]

Ich habe einen simplen Indy-Http-Server der ein paar Status & Sensor-Werte anzeigt.

Ich habe jetzt eine Grafik hinzugefügt: Der Http-Server liefert das HTML wenn man ihn mit GET / aufruft und ein dynamisch generiertes PNG-Bild wenn er per http mit GET /IMG angesprochen wird. Auf meiner HTML-Seite packe ich nun ein <img src="/IMG" /> und sehe im Browser die Grafik. Tolle Sache

Jetzt möchte ich den Benutzer nicht ständig F5 drücken lassen, sondern per JavaScript das Bild im Sekundentakt aktualisieren. Einen JavaScript-Timer bekomme ich hin, auch z.B. reine Textbausteine zu aktualisieren ist kein Problem.

Ich tue mich schwer mit dem <img>: Überall liest man, man solle die URL verändern in z.B. http://host/img.png?12345, die Zahl hinten immer weiter hochzählen und so den Browser-Cache "austricksen".

Das kann doch im Jahr 2022 keine erst gemeinte Lösung sein. Vor allem nicht, da ich hier ja auch den Server kontrolliere und in meinem Indy-Server auch Cache und alles einstellen kann.

Wie macht man es "richtig"?