Hintergrundbild in voller Größe

[Maggs]

Hallo Leute,

ich Wochen beschäftige ich mich mit dem Umstand, daß Hintergrundbilder (in Auflösung 1024 x 768 px eingebunden) in einer größeren Auflösung mehrfach angezeigt werden. Weiß jemand einen Tipp, wie man ein Hintergrundbild in jeder Auflösung gleich anzeigen lassen kann?

 

[Efchen]

Hallo,

prinzipiell ist die Auflösung dafür erstmal nicht zuständig, sondern die Größe des Innenbereichs des Browserfensters. Auch bei einer Auflösung von 1600x1200 kann Dein Bild gut passen, wenn Du Dein Fenster auf 1024x768 verkleinerst.

Hintergrundbilder lassen sich jedenfalls nicht strecken. Sie können nur in der Originalgröße angezeigt werden.

Du könntest, wenn es denn unbedingt sein muss, aber ein <img> machen, das Du auf eine andere z-Ebene stellst, so kann es gestreckt werden. Das sieht dann natürlich u.U. doof aus, wie immer, wenn Grafiken im Browser vergrößert oder verkleinert werden.

Ansonsten kann man viel mit der Grafik tricksen, Farbverläufe lassen sich gut ab irgendeiner Position in eine Farbe übergehen, die dann gleichzeitig als Hintergrundfarbe eingestellt wird und außerdem gesagt wird, dass das Hintergrundbild sich in dieser Ausrichtung nicht wiederholen soll.

Gruß,
-Efchen

 

[Maggs]

Hi Efchen,

mit sowas habe ich gerechnet. Ich dachte nur, man könnte so ein Problem vielleicht via CSS oder PHP lösen. Danke jedenfalls für die rasche Antwort. Ich werde mir eine andere Lösung beschaffen müssen.

 

[Efchen]

Naja, ich hab Dir ja gesagt, wie man das mit CSS lösen könnte.
Und wenn Du die benötigte Größe vor dem Aufruf eines PHP-Scripts weißt, dann kannst Du das Bild ja serverseitig von PHP vergrößern oder verkleinern lassen. Was natürlich - je nach Bildgröße - die Ladezeiten unnötig verlängert. Ich meine mich zu erinnern, dass man mit PHP auch ein SmoothScale machen kann, also nicht die Nachteile des eben nicht smoothen Scales (wie heißt das dann? ;-)) hat. Aber die Frage ist halt, ob es sinnvoll ist.