pixelopa: eigene Homepage Hintergrundbild

Hallo,
versuche mir gerade eine Homepage zu basteln, bin aber noch blutiger Anfänger. Habe mit PhotoImpact ein schönes Bild erstellt und als .jpg abgespeichert. Habe mit Phase5 das Bild eingebaut, möchte dieses Bild aber als ganzseitigen Hintergrund anzeigen, aber auch so, das es auch bei Fensterverkleinerung immer voll angezeigt wird.
In welcher Größe muss das Bild abgespeichert sein?
Wie lautet der Syntax für diese Einbindung?
Würde mich freuen, wenn mir einer helfen könnte!
Danke im voraus.
Bin 61 Jahre, möchte aber immer noch dazulernen.

  1. versuche mir gerade eine Homepage zu basteln, bin aber noch blutiger Anfänger. Habe mit PhotoImpact ein schönes Bild erstellt und als .jpg abgespeichert. Habe mit Phase5 das Bild eingebaut, möchte dieses Bild aber als ganzseitigen Hintergrund anzeigen, aber auch so, das es auch bei Fensterverkleinerung immer voll angezeigt wird.
    In welcher Größe muss das Bild abgespeichert sein?

    mit 90 Pixel pro Inch
    so gross, dass es mit 99% Wahrscheinlichkeit ein heutiges Browserfenster füllt. also 2000x1200 px
    Aber in der Datenmenge so klein wie möglich.
    Unter bestimmten Voraussetzungen (Schwarzweiss, kein Alpha-Kanal) kann man diesen Widerspruch lösen.

    Wie lautet der Syntax für diese Einbindung?

    Dein Unterfangen ist aus mehreren gründen nicht so einfach umzusetzen.
    Via CSS definierte Background Bilder lassen sich noch nicht skalieren.
    Du musst also dein Bild über ein <img> Element einfügen.

    Damit beginnen aber deine Probleme. Bildschirme haben sehr verschiedene Diagonalverhältnisse, oder sind immer öfter auch klein. Dein skalierendes Bild würde also ziemlich verzerrt werden.
    Wenn du dem entgehen willst, musst du das Bild fix skalieren, wobei aber nur ein Teil des Bildes angezeigt wird. In diesem Fall kannst du aber gleich wieder die CSS Methode anwenden.

    body{
       background: #ccc url(bildurl) 50% 50%;
    }

    Die Prozentangabe besagt hier, dass das Bild im body zentriert sein soll.

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische