Einsatz Bilder, Grafiken & PDF

Hier sind die Richtwerte für 2026:

Um die Ladezeit deiner Website nicht negativ zu beeinflussen, sollten Bilder vor dem Hochladen optimiert werden. Das bedeutet: verkleinern, komprimieren und das richtige Format wählen. 

1. Ideale Bildgröße (Abmessungen in Pixel) 

  • Vollbild/Hero-Header: 1920 x 1080 px bis maximal 2560 px Breite (für hochauflösende Bildschirme). 
  • Standard-Inhaltsbilder: Breite von ca. 800 bis 1200 Pixel ist oft ausreichend. 
  • Thumbnails/Kleine Grafiken: 300 x 300 px bis 600 x 600 px. 

  • Mobile Geräte: Bilder sollten idealerweise nicht größer als 720x1280 Pixel sein. 

     

2. Ideale Dateigröße (Kilobyte/Megabyte) 

  • Allgemeine Bilder: Möglichst unter 200 KB bleiben. 
  • Hintergrundbilder/Banner: Unter 500 KB (absolute Obergrenze). 
  • Kleine Grafiken/Icons: Unter 50-80 KB.

Nie über 200KB

Komprimierung Bilder

Nutze TinyPNG um Bilder verlustfrei oder mit minimalem Verlust zu komprimieren.

Kleiner ist feiner

Auch PDF bitte klein halten

Komprimierung PDF

Nutze PDF24 Tools um PDF verlustfrei oder mit minimalem Verlust zu komprimieren.

Klein aber oho

Fazit:

Ein 5 MB großes Foto direkt von der Kamera auf die Website hochzuladen, ist der häufigste Fehler. Ein optimiertes Bild hat die exakte Breite, die im Design vorgesehen ist, und ist idealerweise < 200 KB.