Die richtige Größe und die Speichergröße der Bilder spielen bei einer Webseite eine nicht zu unterschätzende Rolle.
Je höher die Auflösung, desto größer der Speicherverbrauch
Gängige Größen:
1920 x 1280 Pixel –> Bilder in voller Breite der Webseite
1000 x (xxx) Pixel –> Galerie mit Option zur größeren Ansicht
500 x (xxx) Pixel –> Galerie ohne Option zur größeren Ansicht
350 x (xxx) Pixel –> Beispiel für ein Logo
32 x 32 Pixel –> Favicon
Das höchste gängige Format von Webseiten beträgt in der Breite 1920px.
Nach Möglichkeit sollte dieses Maß der Bilder nicht überschritten werden.
Möchte man also ein Bild über die volle Breite der Webseite ziehen, wählt man beispielsweise ein Format von 1920 x 1280 Pixel.
Hat man Bilder die eine höhere Anzahl an Pixel besitzen, kann man diese direkt in WordPress (oder vor dem Hochladen mit einem Bildprogramm) bearbeiten / skalieren.
IN WORDPRESS:
Unter „Medien“ wählt ihr euer Bild aus und sehr oben in der Ecke das aktuelle Format, wie z. B. 3840×2000 Pixel.
Über „Bild bearbeiten“ –> „Skalieren“ könnt ihr nun die Bildgröße anpassen auf beispielsweise 1920×1000 Pixel.
Durch diesen Schritt verringert sich ebenso die Speichergröße des Bildes.
Warum ist das so wichtig?
Bilder können schnell mal mehrere MB (Megabyte) groß sein. Wenn Besucher eure Webseite aufrufen, dauert es dementsprechend lange bis die Seite endgültig geladen ist.
Je kleiner die Bilder sind, umso weniger muss die Seite laden und umso schneller haben die Besucher Zugriff darauf.
Die Ladegeschwindigkeit der Webseite wirkt sich außerdem auf das Ranking bei Google aus.
Somit werden sehr langsame Seiten bestraft und landen in der Suche weiter unten als schneller Seiten.
