openhabforum.de

Ich habe versucht das Hintergrundbild der Location zu ändern und im Ordner
ein .jpg Bild gespeichert. Dies wollte ich dann über folgende URL unter Pages -> Background Images aufrufen:

leider ohne Erfolg. Weiss jemand was die richtige URL ist für ein Backgroundimage welches lokal gespeichert ist? Ich benutze OH 3 (Win PC).

Danke

Ich habe mal ebend die Suche genutzt und dies hier gefunden, hilft dies weiter?

Grundsätzlich wären der Pfad und die URL schon passend, aber: Icons sind Icons. openHAB stellt hier nur Dateien mit der Endung png und svg zur Verfügung. Es war unter openHAB2 noch so, dass man zentral festlegen musste, welche der beiden Sorten ausgeliefert wird. Da ich keine entsprechende Einstellung mehr finden kann, nehme ich an, dass es inzwischen egal ist

JPG ist aber kein gültiges Iconformat. Dazu kommt noch, dass Icons gewöhnlich 32 x 32 Pixel groß sind (wenn es sich um ein PNG handelt - SVG wird immer in der Größe gerendert, in der es gebraucht wird - im Rahmen der Vorgaben innerhalb des SVG).

Das heißt, Du musst die jpg-Dateien als statische Daten anlegen, im Verzeichnis html, die URL lautet dann ./static/... also z.B. kannst Du über die URL aufrufen.

udo1toni hat geschrieben: ↑26. Feb 2023 14:10

Code: Alles auswählen

http://serverip:8080/static/background/bad.jpg

nun mit diesem Aufruf hat es schlussendlich funktioniert. Was ich aber nirgends finde ist die max. Grösse des Bilds. Du sagst dies sind nur 32x32 pixel?? HIer handelt es sich doch um ein Image das angezeigt wird und nicht um ein Icon für die "Location".

Oder müssen die Bilder dann in einen anderen Ordner rein?


Ich verstehe erlich gesagt nicht wieso man so etwas einfaches derart kompliziert in OH macht

Nein, Missverständnis. Ein Bild ist etwas anders als ein Icon (hab ich aber oben erwähnt).

Die Icons sind allgemein 32x32 Pixel groß, wobei die Größe wohl nicht darauf begrenzt ist, aber eben auf dieser Größe ausgegeben wird.

Bilder sind aber Bilder. Mir wäre nicht bekannt, dass es eine Begrenzung gibt, aber es sollte klar sein, dass man die Bilder nicht mit 100 Megapixel anlegt, weil ja jedes Mal das Bild runtergeladen werden muss, wenn es angezeigt werden muss. Also ganz platt: so groß wie nötig, so klein wie möglich. Mehr als 1024 x 1024 sind mit ziemlicher Sicherheit Overkill, letztlich muss der Browser nachher die Bilder skalieren, das sieht auch nicht immer gut aus

ja gut aber mein Problem ist hier dass wenn ich ein Bild (jpg, png) nehme mit zum Beispiel 800 x 600 dann wird dieses nicht skaliert sondern wie mir scheint nur ein Ausschnitt dessen verwendet. Wahrscheinlich eben diese 32x32 Pixel.

Müssen Bilder dann u.U. in einen anderen Ordner rein damit diese dann auch als Bilder dargestellt werden? Momentan habe ich das alles im Ordner Icon abgelegt. Der Aufruf zumindest funktioniert ja schon

Hab ich oben geschrieben. Die Bilder gehören nach ./html/, gerne auch in ein eigenes Unterverzeichnis, keinesfalls nach ./icons/

fehlende Skalierung:
Ja, stimmt, war mir bisher gar nicht aufgefallen, weil ich das auch erst einmal überhaupt angetestet habe.
Das Bild wird nicht als Ganzes dargestellt, sondern (größenabhängig) beschnitten. Da der Ausschnitt der einzelnen Kacheln in der Übersicht ein anderer sein muss als wenn die Kachel aufgeklappt ist, ist das auch irgendwie logisch.

sorry mein Fehler ich habe es schon im "html" Ordner als .png abgelegt. Aber das Problem bleibt, sodass das Bild 243x100 komplett beschnitten wird und nur ein Bruchteil angezeigt wird. Ich habe aber schon Kacheln gesehen wo wirklich das ganze Bild zu sehen war nicht nur 40x40 Pixel oder so.

Siehst du bei dir das ganze Bild welches über den Aufruf

http://serverip:8080/static/background/bad.jpg

geladen wird?

Ich habe ein wenige rumexperimentiert
Mein Original ist 1200 x 800 Pixel groß.
Dieses Bild skaliert openHAB auf eine Breite von 670 Pixel. Die Höhe beträgt dann 448 Pixel. vermutlich wird ein sehr breites Bild anders skaliert, so dass eine Mindesthöhe von 200 Pixel erhalten bleibt.

Aus dem entstehenden Bild werden zwei Ausschnitte erstellt, in der Höhe zentriert, Ausschnitt 1 ist 670 Pixel breit, Ausschnitt 2 ist 340 Pixel breit. Die Höhe beider Ausschnitte beträgt 200 Pixel. Der zweite Ausschnitt ist nicht zentral ausgeschnitten, sondern etwas nach rechts versetzt.

Ausschnitt 2 wird für die Kachel in der Übersicht verwendet, Ausschnitt 1 ist der Header der Kachel, wenn sie geöffnet ist. Im Beispiel habe ich Ausschnitt 1 invertiert, um das Ganze etwas besser sichtbar zu machen...

Super - danke!
Ist zwar "kompliziert" das dann richtig hinzubasteln aber es funktioniert so!!