Wie erstelle ich optimale Bilder bzw. Fotos für meine WordPress Webseite?

Dieser Artikel hilft Ihnen dabei die richtigen Bilder bzw. Fotos für Ihre WordPress Webseite zu erstellen.

Nachfolgend finden Sie die Parameter, die Sie bei der Bilderstellung beachten sollten.

Dateiformat

Es gibt im Web drei gängige Dateiformate: .jpg, .png und .gif.

JPGs

Hierbei handelt es sich um das am Häufigsten verwendete Dateiformat im Web. Durch das hohe Farbspektrum ist JPG das Mittel zur Wahl bei Fotos. Dazu kommt, dass JPGs gut komprimiert werden können und es dabei zu wenigen Problemen im Zusammenhang mit der Bildqualität kommt.

PNG

Im Gegensatz zu JPGs können PNG Dateien transparente Grafiken anzeigen und speichern. Dazu lassen sich PNG Bilder verlustfrei komprimieren, wobei jedoch zu bedenken ist, dass im Zuge der Komprimierung die Anzahl der verwendeten Farben reduziert wird. Daher ist dieses Format empfehlenswert für Grafiken, die wenige Farben verwenden bzw. Transparenzen aufweisen.

GIF

GIF Dateien ermöglichen 2D-Animationen, welche sich nach dem Öffnen wiederholen - abhängig von den getroffenen Einstellungen nur einmalig oder beliebig oft. Das Farbspektrum dieses Formats ist relativ eingeschränkt, weshalb sich dieses Format ohne Animation nicht für die Verwendung für Web Grafiken eignet.

Bildgröße /-maße

Bei der Bildgröße gilt es einen guten Kompromiss zwischen hoher Bildqualität und guter Ladegeschwindigkeit zu finden. Umso größer ein Bild, desto besser ist die Bildqualität, wohingegen große Dateien mehr Ladezeit beanspruchen. Als Richtwert können wir Ihnen folgende Parameter mit auf den Weg geben:

  • Dateigröße: Pro Bild kann man sich an einer Größe von ca. 200 KB orientieren. Die maximale Hochladekapazität in die WordPress Mediathek beträgt 100 MB. Diese Größe sollte nur in absoluten Ausnahmefällen überschritten werden.

  • Bildmaße: Für ein Bild über die gesamte Bildschirmbreite empfehlen wir eine Breite von ca. 1.500 Pixel - die Höhe dazu ist flexibel. Wenn ein Bild nur den halben Bildschirm abdecken soll, verkleinert sich die Größe linear, d.h. in diesem Fall auf ca. 750 Pixel. Die Maximalmaße pro Bild sollten jedoch 1920 x 1280 Pixel nicht überschreiten.

Dateiname

Damit Ihre Bilder auch für Suchmaschinen optimal gestaltet sind, ist es wichtig, diese entsprechend zu benennen. Suchmaschinen können nämlich nur die Informationen zum Bild lesen, jedoch dieses nicht erkennen. Daher sollte einerseits der so genannte Alternativ-Text eines Bildes gepflegt werden, welcher angezeigt wird, wenn ein Bild nicht geladen wird. Andererseits sollten bei der Vergabe des Bildnamens folgende webkonforme Regeln beachtet werden:

  • keine Leerzeichen (stattdessen Bindestriche)
  • keine Großbuchstaben
  • keine Umlaute (ä, ö, ü)
  • keine Sonderzeichen (ß, ?, !, /)

Inhaltlich ist darauf zu achten, dass der Bildname den Inhalt des Bildes widerspiegelt.