Hallo,
ich hab eine Seite gemacht in der sich der Hintergrund nicht bewegt, also eingerastet ist. Nun seht das ganze auch recht gut aus und ich bin zufrieden. Nun hab ich ein Nachricht bekommen das wenn man eine zu hohe Auflösung hat sich das Bild einfach 4 mal nebeneinander stellt. Das Problem ist halt die Leute die eine zu hohe Auflösung benutzen, wenn ich das hintergrundbild aber vergrößere kommt es auf 1mb …und das ist mir etwas viel für nur eine Hintergrundbild. Was genau kann ich da jetzt machen?
Hintergrundbild für hohe Auflösungen
-
Da gibt es unterschiedliche Ansätze:
Die Wiederholung kannst du unterdrücken mit der CSS-Angabe
Codebackground-repeat: no-repeat;Ich vermute, dass du das Hintergrundbild in den Body eingebunden hast.
Falls ja, könntest du es stattdessen in einen allumfassenden Div packen, der z.B. der Größe des Bildes entspricht.Dann kommt es auf die Art der Grafik an:
Zunächst solltest du sie komprimieren. Selbst 500kb sind bereits sehr groß.
Wenn es nicht unbedingt auf den kompletten Bereich der Grafik ankommt, ist vielleicht auch das eine Variante: http://www.ohne-css.gehts-gar.net/0030.phpAm besten wäre ein Link, so dass man sich das mal konkret ansehen kann.
-
Ohne Gewähr, weil ich nicht alles nachvollziehen kann bzw. nicht an die Dateien komme:
In deiner Index.htm steht ziemlich oben folgendes:
Code<body background="image/BG.JPG"> <body style= background-attachment:fixed>Das ersetze mal komplett damit:
Code<body style="background: #000 url(image/BG.JPG) no-repeat; background-attachment:fixed;">Dadurch soll das Hintergrundbild nur einmal angezeigt werden. Sofern überflüssiger Platz vorhanden, wird dieser schwarz dargestellt.
Falls es nicht klappt, mach's wieder rückgängig. -
thx das hat mir schonmal sehr gehoflen, sehr nice.
Ist das aber möglich das er bei hoch eingestellten browser der einfach das bild automatisch in die länge zeiht? Oder ein anderes Ladet? -
Nein, das geht nicht (evtl. mit Javascript, aber da sind hier andere zuständig).
Du kannst allenfallsCodeno-repeatmit
Coderepeat-yersetzen, dann wiederholt sich das Bild lediglich vertikal.