Warum große Bilder deine Website ausbremsen – und wie man es richtig macht

Wenn eine Website lahmt, sind es in den allermeisten Fällen nicht komplizierte technische Dinge im Hintergrund – es sind schlicht die Bilder. Zu groß, zu schwer, direkt aus der Kamera hochgeladen. Die gute Nachricht: Genau das ist eines der einfachsten Dinge, die man richtig machen kann, ohne dass die Fotos schlechter aussehen. Ich erkläre dir, woran es liegt und was tatsächlich hilft.

Ich bin Mustafa von Numara Design aus Pforzheim. Wenn mir jemand seine langsame Seite zeigt, ist mein erster Blick fast immer derselbe: auf die Bilder. Und fast immer finde ich dort ein Foto, das mehrere Megabyte wiegt, obwohl es auf dem Handy nur handtellergroß angezeigt wird. Das ist, als würdest du eine Postkarte in einem Umzugskarton verschicken.

Warum ausgerechnet Bilder die Seite ausbremsen

Eine Website besteht aus vielen kleinen Teilen: Text, Menü, Buttons, Bilder. Der Text ist federleicht. Das Menü auch. Die schweren Brocken sind fast immer die Fotos. Auf dem Handy ist in rund 73 % der Fälle ein Bild genau das Element, das am längsten lädt – also das, worauf der Besucher am längsten wartet, bevor die Seite fertig aussieht.

Und Warten mag online niemand. Wer auf dem Handy in der Bahn oder auf dem Sofa surft, gibt einer zähen Seite selten eine zweite Chance. Das Ärgerliche: Oft ist die Seite eigentlich gut gebaut – sie wird nur von ein, zwei viel zu schweren Fotos ausgebremst.

Der häufigste Fehler: das Foto direkt aus der Kamera

Moderne Handys machen wunderschöne Fotos – aber auch riesige. Ein einzelnes Bild aus der Handykamera ist schnell vier, fünf oder sechs Megabyte groß. Für den Ausdruck oder den großen Bildschirm ist das prima. Für eine Website ist es maßlos übertrieben.

Der Denkfehler ist verständlich: „Das Bild sieht doch gut aus, also lade ich es einfach hoch.“ Das Foto sieht auch weiterhin gut aus – nur schleppt der Besucher jetzt bei jedem Seitenaufruf diesen riesigen Datenklotz mit. Und wenn auf der Startseite gleich fünf solcher Fotos liegen, addiert sich das zu einer Ladezeit, die wehtut.

Was WebP ist – und warum es hilft

Vielleicht hast du schon von den Endungen JPG oder PNG gehört – das sind gängige Bildformate. WebP (gesprochen „Webb-Pi“) ist einfach ein moderneres Format, das dasselbe Bild deutlich leichter speichern kann. Gleiche Auflösung, gleiche Schärfe, oft nur die Hälfte oder ein Drittel der Dateigröße. Noch etwas moderner ist AVIF, das in dieselbe Kerbe schlägt.

Stell es dir wie einen besseren Kofferpacker vor: Der Inhalt bleibt gleich, aber alles ist geschickter gefaltet, sodass der Koffer viel leichter wird. Für den Besucher ändert sich am Bild nichts Sichtbares – es lädt nur spürbar schneller. Alle modernen Handys und Browser zeigen WebP problemlos an.

Was du bei Bildern richtig machst

Du musst dafür kein Technik-Profi sein. Es reicht, die richtigen Handgriffe zu kennen – oder sie jemanden machen zu lassen, der sie kennt. Das sind die Punkte, die tatsächlich etwas bringen:

• Erst verkleinern, dann hochladen. Ein Bild, das nur handtellergroß gezeigt wird, muss nicht die Auflösung eines Kinoplakats haben.
• Ins Format WebP (oder AVIF) bringen. Gleiches Bild, deutlich kleinere Datei – der wohl größte Gewinn mit dem geringsten Aufwand.
• Nur so groß wie nötig. Das Bild sollte genau die Größe haben, in der es angezeigt wird – nicht das Doppelte oder Dreifache „auf Vorrat“.
• Bilder weiter unten später laden. Fotos, die man erst beim Runterscrollen sieht, müssen nicht sofort geladen werden. Fachleute nennen das „Lazy Loading“ – zu Deutsch: laden, wenn man es braucht.
• Das Hauptbild bevorzugt laden. Das große Bild ganz oben soll zuerst kommen, denn darauf wartet der Besucher zuerst.

Klingt nach viel? Ist es im Alltag nicht. Es ist eher eine Frage der richtigen Reihenfolge und der richtigen Einstellungen – etwas, das man einmal sauber einrichtet und dann läuft.

Aber leidet dann nicht die Bildqualität?

Das ist die häufigste Sorge, und sie ist berechtigt – deine Fotos sind dein Aushängeschild. Deshalb ehrlich: Gut gemacht sieht man keinen Unterschied. Der Trick ist, ein Bild genau so weit zu komprimieren, dass es leicht wird, aber noch bevor das Auge irgendetwas bemerkt. Dieser Bereich ist erstaunlich groß.

Schlecht wird es nur, wenn jemand mit dem Holzhammer komprimiert und ein Foto matschig quetscht. Das ist aber kein Argument gegen das Verkleinern – das ist nur schlecht gemacht. Sauber optimiert bleibt dein Gericht appetitlich, dein Handwerk sauber und dein Salon einladend. Nur eben in leicht statt in schwer.

Was Numara dafür tut

Bei den Seiten, die ich baue, läuft die Bild-Optimierung automatisch – du musst dich um nichts kümmern. Du gibst mir deine Fotos so, wie sie sind, direkt aus der Kamera. Ich sorge dafür, dass daraus leichte WebP-Bilder in genau der richtigen Größe werden, dass das Wichtigste zuerst lädt und der Rest nachkommt, wenn er gebraucht wird.

Das ist einer der Gründe, warum meine Seiten auf dem Handy schnell sind, ohne dass jemand von Hand an Bildern herumschrauben muss. Gute Technik soll für dich unsichtbar sein – du sollst nur das Ergebnis merken: schöne Fotos, die trotzdem sofort da sind.

Das Fazit in einem Satz

Große Bilder sind der häufigste Grund, warum Websites lahmen – und gleichzeitig einer der einfachsten Punkte, die man richtig machen kann: verkleinern, ins Format WebP bringen, clever laden. Deine Fotos bleiben schön, deine Seite wird schnell, und deine Besucher bleiben da.