Softwareentwicklung:
Individuelle Programmierung

Symptom

Ein Bild (Foto) Ihrer Website wird nur langsam aufgebaut. Es erscheint nicht plötzlich als ganzes Bild, sondern wird von oben nach unten langsam aufgerollt.

Ursache

Die Bilddatei ist sehr viel größer als das Bildformat, das angezeigt werden soll. Sie wurde nicht auf die passende Größe verkleinert, bevor sie in die Website eingebaut wurde. Stattdessen haben Sie lediglich eine Anweisung eingefügt, in welcher Größe das Bild wiedergegeben werden soll. Der Browser muss aber trotzdem die gesamte, viel zu große Bilddatei laden.

Beispiel: Ihr Foto wurde mit einer Digitalkamera mit 5 Megapixeln aufgenommen (im typischen Längen-/Seitenverhältnis von 4:3 entspricht das einem Bild, das ca. 2600 x 1950 Pixel groß ist). Damit eine möglichst gute Qualität erzielt wird, speichern Digitalkameras das Bild mit einer geringen Datenkompression. Digitalfotos sind deshalb meistens mehrere Megabyte groß, z.B. 3 MB. Das Bild soll in der Website aber nur mit 400 x 300 Pixeln gezeigt werden, also mit ca. 1,2 Megapixeln. Ihre Bilddatei enthält also von vornherein mehr als viermal so viele Daten, wie für die Anzeige auf der Website notwendig sind. Schließlich ist auch seine Datenkompression im Fotoapparat nur gering. In einer Website kann die Datei viel stärker komprimiert werden. Eine typische Dateigröße für das Beispiel wären ca. 80 bis 120 KB im JPEG-Format. Ein korrekt für die Website formatiertes Bild würde also nur ungefähr 1/30 des Speicherplatzes der Originalbilddatei benötigen. Entsprechend schnell lädt es dann auch, nämlich 30x schneller als die Originaldatei.

Lösung

Verkleinern Sie Ihre Bilddatei mit Hilfe eines Bildbearbeitungsprogramms auf genau die Anzahl Pixel, die tatsächlich für die Darstellung benötigt werden. Speichern sie das Bild in einem Format mit Datenkompression, z.B. JPEG. Erst danach importieren Sie das Bild in Ihre Website.

Übersicht häufig gestellter Fragen