[CSS] BG Image welche größe Empfehlenwert

Dieses Thema im Forum "Webdesign" wurde erstellt von iraki, 3. Januar 2010 .

Schlagworte:
  1. 3. Januar 2010
    BG Image welche größe Empfehlenwert

    Hi,
    hab mir ein Bild von fotolia gekauft, ich will dieses nun als BG in meiner Homepage einbinden.
    Ich frage mich nun in welcher Größe ich das einbinden soll? Das Image hat nun ne Auflösung von 2543x2363, eine zu große Verkleinerung würde es ja sehr Verpixeln, aber bei der Größe kann man ja kaum was von dem Bild erkennen. Ein Ausschnitt aus dem Image wäre eine Möglichkeit, allerdings kann ich bei dem kein repeat-y oder repeat-x einsetzen, da das aussehen würde. Ich hab ehrlich gesagt jetzt keine Ahnung wa sich amchen soll, wenn jmd das besagte Bild haben will, kann e rmich per pm anschreiben und ich lad es hoch.
    BW ist kla

    gruß IraKi
     
  2. 3. Januar 2010
    AW: BG Image welche größe Empfehlenwert

    Wenn du eine Lösung willst, die wirklich auf allen Bildschirmen funktioniert, hast du eigentlich nur die 2 Möglichkeiten:

    Du kannst den linken und den unteren Rand des Bildes in Photoshop so anmalen, dass das Bild in eine Farbe "fadet" (Pinselwerkzeug mit gewünschter Farbe, z. B. so ein dunkelbraun -> Härte auf 0% einstellen und Hauptdurchmesser auf so ca. 300-500 px). Dann stellst du auf der Website den Hintergrund auf den dunkelbrauen Ton. Das Hintergrundbild setzt du rechts oben, no-repeat und es wird dann sozusagen von rechts oben immer blasser, bis es in die Hintergrundfarbe übergeht.

    Du könntest auch das ganze in Flash machen, dann kannst du einstellen, dass das Bild automatisch größer wird bei größerer Bidlschirmauflösung. Eine automatische Skalierung in HTML/CSS gibt es so weit ich weiß bisher nicht (bei den meisten Browsern zumindest).
     
  3. 3. Januar 2010
    AW: BG Image welche größe Empfehlenwert

    ok ich könnte das dann faden, wenn der text jetzt allerdings länger wird, fehlt dann ja irgendwann der bg, also endet das in das grau in welche ich den bg definiert habe, die eine möglichkeit ist ja, dass ich den bg ins grau rein"fade" , was wär noch ne andere Möglichkeit?
     
  4. 3. Januar 2010
    AW: BG Image welche größe Empfehlenwert

    Setz den Hintergrund mit "background-attachment: fixed" fest, dann bleibt er fest, egal wie lange der Text ist.

    Die andere Möglichkeit ist wie gesagt Flash, damit kannst du das Bild automatisch größer machen lassen, wenn der Screen des Besuchers größer ist. Mit HTML/CSS geht das meines Wissens nicht.

    Sonst bleibt dir nicht viel übrig. Noch ein Vorschlag (ziemlich aufwendig): Speichere das Hintergrundbild in verschiedenen Größen (für verschiedene Auflösungen). Bestimme mit JavaScript die Auflösung des Benutzers und lade dann individuell das richtige Hintergrundbild.
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.