Hallo,
Fullscreen Background Images für eine scharfe Darstellung auf Desktop-PCs haben schnell eine Dateigröße von mehren hundert Kilobytes, unproblematisch bei Internetzugängen mit Flatrates. Möchte man auch für mehrere HTML-Seiten eigene Fullscreen Background Images anbieten, führt das beim Aufruf mit mobilen Geräten und kleinem Volumentarif zu einem m.E. nicht vertretbaren Transferverbrauch. Ein Weg wäre nun, von allen Bilder händisch auch eine für mobile Geräte reduzierte Größe zu generieren und über ein mobiles Layout auszuliefern. Dieser Weg ist natürlich redundant, hat jemand eine Idee, wie sich eine solche Datei dynamisch generieren lässt? Meine Idee das über das Insert-Tag
Code:
{{image::files/image.jpg?width=1000&height=750}}
zu lösen funktioniert leider nicht.
HTML-Code:
html {
min-height: 100%;
background-size: cover;
background-image: url({{image::files/image.jpg?width=1000&height=750}});
background-repeat: no-repeat;
background-position: right bottom;
}
body{
min-height:100%;
}
Danke für Tipps und Hinweise.