Hintergrund-Bild Startseite

[cannewitz]

Es gab Zeiten, das sagte man: "Die Startseite sollte nicht über 100KB liegen."
  da hatte der Bildschirm aber auch nur eine Auflösung von ...hmm 800x600px.
Heute ist doppelt oder dreifach angesagt, da ist es nicht mehr möglich mit füllender
Hindergrundgrafik unter ich sage mal 150KB zu kommen ... Grafikkomprimierung schon mit einbegriffen.

Es gab Zeiten, da hat man sich in so 'nem Fall die Mühe gemacht die Grafik aufzusplitten ... wer denkt denn heute noch an solch eine Aufwand. Es wird doch eigentlich meist immer von der eigenen Auflösung und Geschwindigkeit ausgegangen ... Hand auf's Herz ... oder???

Gruß.

@marc3
Die Kanne ist so oder so nicht zu erkennen, eher zu vermuten. Dein Shop ist an die 1000px breit. Was meinste denn wieviel da am Rand so noch sichtbar ist bei dieser Größe? Otto-Durchschnitt ist mit ich sage mal ca. 1400-1600px in Breite unterwegs. Da bleibt also nur pro Seite 200-300px übrig. 

[noRiddle (revilonetz)]

Jau, das letzt gesagte stimmt.
Deshalb schlug ich ja auch vor den Content leicht transparent zu machen.
Aber egal, über Design wollte ich mich ja nicht auslassen, wollte marc3 nur helfen
(vor allem auch weil er zu denen gehört die nicht fordern sondern höflich um Hilfe bittet).
Was die KB betrifft, klar ist es besser das Hintergrundbild als *.jpg zu machen, dann eben, wie vorgeschlagen mit der Hintergrundfarbe die er auch im body-tag hinterlegt.

@mr.mc.mauser
Daß es keinen interessiert was "auf dem Land" für Internetgeschwindigkeiten zur Verfügung stehen ist eine Unterstellung.
Klar würde eine Seite mit solche einer großen Grafik beim Erstaufruf etwas länger laden, aber
1. wissen die Leute das ja, daß es bei ihnen eben manchmal etwas dauert bis eine Seite lädt und
2. vergisst du den Browser-Cache, hat der das Bild einmal, zumal es sich ja um ein auf jeder Seite vorhandenes Hintergrundbild handelt, lädt die Seite nicht langsamer als sonst ohne solch eine Grafik.

Gruß,
noRiddle

[mr.mc.mauser]

@noRiddle

Das mit der Geschwindigkeit war nicht hier aufs Forum bezogen, Das es den Browser cache gibt ist mir auch klar, bei den meisten Shops ändert sich die Grafiken ja auch nicht so oft, da ist es ja auch OK  aber schau Dir z.b. mal die Startseite von T-Online oder Mercedes-Benz an.
Da wechseln die Grafiken oft und das geht auf dem Land eben nicht, das dauert ewig bis man was sieht.

Und wenn dann aussagen kommen, das man in einer Zeit mit vernünftiger Internetgeschwindigkeit lebt.
Regt mich das auf und zwar nur diese aussage sonst nix.

Übrigens der Shop der von mir zur Zeit betreut wird hat auch mächtig Grafik im Design.

[marc3]

Hallo,

vielen Dank für die Antworten.
Ich habe jetzt das Teekannen-Hintergrundbild mit weissem Hintergrund genommen. Und gut ist.
Man kann sich auch in sochen Sachen total verbeißen und viel Zeit verlieren.

Speziell bei noRiddle möchte ich mich für seine netten Worte und die Unterstützung herzlich bedanken.
Es muss weiter gehen (auch  als Einzekämpfer) und vielleicht ergeben sich ja auch noch neue Möglichkeiten mit unserem Sortiment und Online-Shop.

Grüße
Marc

[cannewitz]

Hallo marc3.

Mal was ganz anderes. Du hast bei der Vergabe der Artikelnamen eine unglückliche Reihenfolge?
Bei den Teekannen zBsp, fängt alles mit dem Material an ... und dann erst die Spezifikation.
Um gefunden zu werden bei einer Suche nach Teekannen wäre es doch besser wenn diese auch zuerst benannt wird , oder? Wie würdest Du im Netz Deine Suche formulieren?
... nach Gusseisen und erst dann nach Teekannen?

Hintergrundbild mit 54KB ist doch OK und wenn's gefällt dann um so recht.

Gruß.

[marc3]

Hallo Cannewitz,
danke für deine Antwort.
Das mit der Umbenennung der Gusseisen-Teekannen Kategorie ist eine Überlegung wert.
Werde ich vermutlich umsetzen.

Grüße
Marc

[noRiddle (revilonetz)]

Hey marc3.
Was das Hintergrundbild betrifft hatte ich dir doch angeboten dir ein Bild zu senden mit weißem Hintergrund anstatt des jetzt vorhandenen Grauschleiers der sich vom weißen Hintergrund des body abhebt.
Das wäre dann ja ebenfalls ein *.jpg mit wenig KB.
Hattest du das verstanden ?

Auch hast du im CSS bei body die background-Farbe so angegeben

Code: CSS  [Auswählen]

rgba(0, 0, 0, 0)

Das ist ja unsinnig, denn es bedeutet "Hintergrund schwarz aber mit Voltransparenz" (was im Browser mangels sichtbarer Farbe als Weiß erscheint).
Gib's doch einfach so an #fff, eben für Weiß.

Gruß,
noRiddle

[marc3]

Hallo noRiddle,

das mit dem Bild und weissem Hintergrund habe ich jetzt selbst gemacht.
Denke, es sieht einigemaßen aus.

"Auch hast du im CSS bei body die background-Farbe so angegeben
Code: CSS

    rgba(0, 0, 0, 0)"

Also damit kann ich nichts anfangen. Habe in unserer stylesheet.css keinen Eintrag mit rgba.

Grüße und Danke
Marc

[noRiddle (revilonetz)]

Nöö, dein Bild hat doch immer noch diesen leichten Grauschleier als Hintergrund
- zumindest im oberen Bereich des Bildes -
was sich dann vom Weißen des Restes abhebt.
Vielleicht siehst du das nicht weil dein Bildschirm nicht groß genug dafür ist (habe 24").

background:
Ah, okay, das rgba() macht Firebug dazu, die Idii....
In deinem stylesheet.css steht lediglich dies:

Code: CSS  [Auswählen]

background: url(img/test-europe2.jpg) fixed center bottom no-repeat;

also ohne Farbangabe.
Die Farbe würde ich aber immer als Fallback angeben weil man nie weiß was Browser irgendwann machen wenn keine Farbe angegeben ist.
Nicht, daß Mozilla oder irgendein anderer Hersteller plötzlich grau als Fallback-Farbe hübsch findet.

Gruß,
noRiddle

[marc3]

Hallo noRiddle,
ich gaube, du hast recht mit dem HG-Bild.
Wenn es Dir nichts ausmacht, kannst du mir gerne das Hintergrund-jpg.Bild mit weissem Hintergrund schicken.
Als backgroud Farbe in der css nimmt man weiss?

Du bist ja ein richtiger Nachtarbeiter, um die Zeit mache i.d.R. nichts mehr am PC.
Wünsche Dir ein schönes Wochenende.

Grüße und Danke
Marc

[noRiddle (revilonetz)]

Nun, was heißt "nimmt man", wenn du's eben weiß haben möchtest sollte man die Farbe mitangeben,
also so:

Code: CSS  [Auswählen]

background:#fff url(img/test-europe2.jpg) fixed center bottom no-repeat;

Bild im Anhang.

Gruß,
noRiddle