Effizientes Einbinden von Grafiken

Tomsen · 24. März 2013

Hey,

kann mir jemand sagen wie ich grafiken einbinden kann ohne das es zu langen ladezeiten kommt? Bei zB so einem Bild hier:

Spoiler anzeigen

Wenn ich das als Background nehmen will kann ich es ja nicht so benutzen wie wenn man es mit repeat wiederholen läßt sondern das muss ja im ganzen einmal rein.
Aber dann hat man verzerrungen evtl. (wobei das nicht mein Problem ist) aber halt die Ladezeiten.

Gibts da wege und Mittel?

- Tomsen

Jony · 29. März 2013

Wenn Du irgendwelche Hochauflösende Grafiken als Background benutzt musst Du einige Sachen beachten, :

das Bild sollte als .jpeg oder als .gif vorliegen (bessere Perfomance, da die Bilddateien kleiner sind -> schnellere download der Datei)
Um zu verhindern, dass es auf allen Bildschirmen keine Scrollbalken draus macht solltest Du Dir überlegen in welcher Auflösung Du Dein Bild nimmst. Ich würde Standardmäßig ein Bild von (1280x900) empfehlen. Die Breite von 900px ist derzeit ein inoffizieller Webstandard, was für Smartphones auch gut geeignet ist.
Für Leute mit höheren Auflösungen (z.b. Full HD -> 1920x1080) musst Du im Hintergrund im besten Fall eine "auslaufende" Farbe haben.

Zu guter letzt noch ein nützlicher Link .
Ist jetzt alles etwas verkürzt, aber bei Fragen einfach melden.

LeijaT · 29. März 2013

Was die Ladezeiten angeht ist letztlich nur die Dateigröße und die Downloadgeschwindigkeit des Besuchers ausschlaggebend.
Je größer deine Datei ist, desto länger läd sie logischerweise auch.

breadfish.de 11. März 2022