Skip to content

Bildpfade

Gilt überall, wo ein Bild als URL, Pfad oder Datenpunktwert angegeben wird: Bild, Universal-Widget / Custom-Layout, JSON-Tabelle, Kamera, Mediaplayer, Schalter, Fensterkontakt, Zustands-Bild, Bild-Popup und <img src="…"> in HTML-Feldern.

EingabeBeispielQuelle
Externe URLhttps://server/bild.pngbeliebiger Webserver
HTTP-URL auf HTTPS-Seitehttp://192.168.1.10/cam.jpgwird automatisch über /proxy geladen
Adapter-Asset/adapter/pirate-weather/icons/icebear/cloudy.svgioBroker-Web-Adapter
ioBroker-Dateisystem/vis.0/main/bild.pngioBroker-Web-Adapter
Relativer Adapter-Pfadsonos/coverImage/192.168.1.10.pngioBroker-Web-Adapter
Datei vom Aura-Serveraura-file:/opt/iobroker/iobroker-data/files/vis.0/Aura/icon.pngDatei-Picker (Ordner-Symbol)
Data-URIdata:image/png;base64,iVBORw0…eingebettet
Base64-RohdateniVBORw0KGgo…z. B. Kamera-Snapshot aus einem Datenpunkt
SVG-Markup<svg xmlns="…">…</svg>z. B. WLAN-QR-Code aus einem Datenpunkt

Hinweise

Adapter- und Dateisystem-Pfadewerden intern über /webfs an den ioBroker-Web-Adapter weitergereicht — Aura läuft auf einem eigenen Port und liefert diese Dateien nicht selbst aus
Base64-Erkennunggreift nur bei langen Werten ohne Punkt; JPEG-Base64 (/9j/…) wird trotz führendem / korrekt erkannt
Mime-Typwird aus den Base64-Daten ermittelt (PNG, GIF, WebP, SVG, JPEG)
SVG-Markupwird als data:image/svg+xml eingebettet und über <img> angezeigt — Skripte im SVG laufen dabei nicht
Transparentes SVGim Bild-Widget kann eine Hintergrundfarbe hinterlegt werden, damit z. B. ein schwarzer QR-Code im dunklen Theme sichtbar bleibt
JSON-TabelleimagePathPrefix je Spalte überschreibt die automatische Auflösung