Beeindruckende Bilder sind ein wichtiger Bestandteil jeder erfolgreichen Website. Egal, ob du ein Blog oder eine E-Commerce-Website betreibst, Bilder können deine Inhalte für Besucher ansprechender und verständlicher machen. Daher ist es wichtig zu wissen, wie du auf deiner Website Fotos effektiv darstellen und optimieren kannst.

Glücklicherweise bietet dir WordPress verschiedene Optionen für Bildgrößen. Mithilfe von ein paar wichtigen Anpassungen an deinen Inhalten kannst du sicherstellen, dass die Bilder auf deiner Website gestochen scharf und übersichtlich platziert sind.

In diesem Beitrag werden wir uns die standardmäßigen Bildgrößen in WordPress und ihre Verwendung ansehen. Wir zeigen dir auch, wie du diese Einstellungen steuern und ändern kannst, und erklären dir außerdem, wie du benutzerdefinierte Bildgrößen zu deiner Website hinzufügst. Lass uns gleich anfangen!

Hochladen von Bildern in WordPress

Bevor wir uns mit den verschiedenen verfügbaren Bildgrößen in WordPress beschäftigen, werfen wir einen kurzen Blick darauf, wie du Fotos auf deine Website hochladen (und darauf zugreifen) kannst. Wie du vielleicht bereits weißt, kannst du dank des benutzerfreundlichen Block-Editors Fotos direkt in deine Beiträge und Seiten einfügen:

Alles, was du tun musst, ist auf das Pluszeichen [+] auf einer beliebigen Seite oder in einem Beitrag zu klicken und den Bild-Block auszuwählen. Du kannst dann entweder auf Hochladen klicken, um eine Datei von deinem Computer auszuwählen, oder auf Bild auswählen, um ein vorhandenes Bild auf deiner Website zu verwenden.

Alternativ dazu kannst du Bilder direkt in deine Mediathek hochladen. Gehe in deinem WordPress-Dashboard zu Medien und klicke einfach auf Hinzufügen:

Diese Option kann besonders nützlich sein, wenn du bereits weißt, welche Fotos du auf deiner Website verwenden möchtest, aber noch nicht sicher bist, in welchen Beiträgen oder auf welchen Seiten du sie platzieren möchtest. Du kannst damit auch mehrere Fotos auf einmal hochladen.

Jedes Foto, das du auf deine Website hochlädst, wird in deiner Mediathek gespeichert (auch wenn du es über den Block-Editor hinzufügst). Das bedeutet, dass du nicht deine Beiträge durchsuchen musst, um ein bestimmtes Foto zu finden, das du bearbeiten oder zuschneiden möchtest. Du findest es ganz einfach über die Seite Medien.

Wir empfehlen, deinen Bildern aussagekräftige Namen zu geben. Es ist auch empfehlenswert, eine Beschreibung hinzuzufügen:

Wenn du häufig Blogbeiträge veröffentlichst, wird dein Fotoarchiv wahrscheinlich weiter wachsen. Durch die Vergabe aussagekräftiger Namen für deine Bilder wird es einfacher, sie auf deiner Website zu finden.

Verwenden der standardmäßigen WordPress-Bildgrößen

Jedes Mal, wenn du ein Foto auf deine Website hochlädst, generiert WordPress automatisch verschiedene Größen dafür. Dies sind die standardmäßigen Größen für jede Website:

• Vorschaubild: 150 px, quadratisch
• Mittel: Maximale Breite und Höhe 300 px
• Groß: Maximale Breite und Höhe 1024 px
• Volle Größe: Die Originalgröße deines Bildes

Du siehst diese Optionen, wenn du ein Foto in einen Beitrag hochlädst. Wähle das Bild aus, suche dann die Option Bildgröße in den Einstellungen und klicke auf das Dropdown-Menü:

Je nachdem, welches Theme du verwendest, siehst du möglicherweise ein paar zusätzliche Bildgrößenoptionen im Menü. Wir konzentrieren uns hier aber auf die oben aufgeführten standardmäßigen WordPress-Größen.

Fangen wir mit den Vorschaubildern an. Dies sind die kleinen Bilder, die du normalerweise in deinen Blog-Feeds siehst:

Wenn du ein Beitragsbild festlegst, wird dieses Bild als Vorschaubild neben (oder über) dem Titel des Beitrags im Blog-Feed angezeigt. Du kannst die Vorschaubild-Version eines Bildes aber auch in deinem Beitrag verwenden.

Vielleicht möchtest du zum Beispiel einige kleine Fotos nebeneinander anzeigen:

In den meisten Fällen empfehlen wir aber, größere Bilder in deinen Beiträgen zu verwenden. Dies kann deine Inhalte visuell ansprechender machen und dazu beitragen, lange Textblöcke aufzulockern. Wenn du deine eigenen Arbeiten präsentierst, können große Bildgrößen die Details in deinen Fotos hervorheben.

Wenn du möchtest, dass deine visuellen Elemente wirklich hervorstechen, kannst du zwischen den Optionen Groß oder Volle Größe wählen. Letztere zeigt deine Bilder in ihrer Originalgröße an und bewahrt ihre Qualität.

Bilder, die in der Originalgröße angezeigt werden, sind in der Regel etwas schärfer als solche, die auf die Bildgröße Groß eingestellt sind:

Es empfiehlt sich auch, große Bilder und Bilder in Originalgröße in deinen Headern und Bannern zu verwenden. Die Größenoption Mittel kannst du dagegen verwenden, wenn du kleinere Fotos in deinen Beiträgen anzeigen möchtest (oder wenn du vermeiden möchtest, deine Website mit zu vielen „schweren“ Bilddateien zu belasten):

Die verfügbaren Größenoptionen mögen etwas begrenzt erscheinen. Du kannst aber immer Bilder genau auf deine gewünschte Größe zuschneiden. Sehen wir uns kurz an, wie das funktioniert.

Zuschneiden von Bildern in WordPress

Wähle zuerst ein Bild in deinem Beitrag oder auf deiner Seite aus und klicke auf das „Zuschneiden“-Symbol in der Werkzeugleiste:

Klicke dann in der oberen Werkzeugleiste auf das Seitenverhältnis-Icon oder rechts in den Einstellungen auf das Dropdown-Menü Seitenverhältnis, um eine andere Größe für dein Bild zu wählen:

Du kannst auch benutzerdefinierte Abmessungen für dein Bild festlegen. Nimm dazu einfach im Einstellungspanel deine Anpassungen vor:

Alternativ dazu kannst du ein Bild auch in der Mediathek bearbeiten. Gehe zu Medien, wähle dann das Bild aus und klicke auf den Bearbeiten-Button:

Du siehst ein neues Popup-Fenster. Klicke auf Bild bearbeiten, um fortzufahren:

Du kannst das Bild dann nach Belieben zuschneiden, indem du die Ecken des Rahmens ziehst:

Wenn du die Option Zuschneiden auswählst, kannst du eine Seitenverhältnisgröße für dein Bild wählen. Wenn du bereit bist, klicke auf Fertig. Beachte, dass diese Änderungen das Originalbild überschreiben.

Das Zuschneiden von Fotos kann zeitaufwendig sein. Daher freut es dich sicher, dass du mit WordPress die Standard-Bildgrößen individuell anpassen kannst. Im nächsten Abschnitt sehen wir uns an, wie du diese Einstellungen anpassen kannst.

Anpassen der Standard-Bildgrößen

Wie wir gesehen haben, generiert WordPress automatisch verschiedene Größen für jedes Bild, das du auf deine Website hochlädst. Dies geschieht, um sicherzustellen, dass das richtige Bild an der richtigen Stelle verwendet wird (z. B. Vorschaubilder in Blog-Feeds, große Bilder in Headern).

Du kannst diese Bildgrößen aber anpassen, damit sie besser zu deinen Bedürfnissen passen. Wenn du deine hochgeladenen Bilder immer zuschneiden musst, kann es dir viel Zeit und Mühe sparen, die Standardgrößen zu ändern.

Um dies zu tun, gehe in deinem WordPress-Dashboard zu Einstellungen > Medien:

Hier siehst du die Standardabmessungen für jede verfügbare Größe. Wenn du eine dieser Einstellungen ändern möchtest, musst du nur deine eigenen Abmessungen in die Felder Breite und Höhe eingeben.

Zum Beispiel möchtest du vielleicht, dass die Vorschaubilder etwas kleiner oder größer sind:

Wenn du mit deinen neuen Bildgrößen zufrieden bist, klicke auf den Button Änderungen speichern am Ende der Seite. Ab sofort wird WordPress jedes Mal, wenn du eine Standardgröße für ein Bild auswählst (z. B. mittel oder groß), dieses in den von dir festgelegten Abmessungen anzeigen.

Hinzufügen weiterer Bildgrößen in WordPress

Zusammenfassend lässt sich sagen, dass WordPress standardmäßig vier Bildgrößen mitbringt, die du je nach Bedarf anpassen kannst. Du kannst auch Bilder auf deine gewünschte Größe zuschneiden. Darüber hinaus bietet dein aktuelles WordPress-Theme möglicherweise zusätzliche Bildgrößen, die du verwenden kannst.

Wenn deine Website aber viele Medien enthält, stellst du vielleicht fest, dass vier Standardgrößen zur Auswahl nicht ausreichen. Vielleicht möchtest du weitere Optionen hinzufügen, damit du nicht jedes Mal manuell Bilder zuschneiden musst, wenn du eine andere Größe verwenden möchtest.

Glücklicherweise ist es möglich, weitere Bildgrößen zu deiner Website hinzuzufügen. Der einfachste Weg, dies zu tun, besteht darin, ein Plugin zu verwenden. Wir empfehlen das Plugin Image Regenerate & Select Crop:

Mit diesem Plugin kannst du erweiterte Einstellungen für deine Fotos verwalten und neue benutzerdefinierte Bildgrößen erstellen. Die Nutzung ist kostenlos. Wenn du eine WordPress.com-Website hast, benötigst du einen Plugin-fähigen Tarif, um Plugins zu installieren.

Um loszulegen, installiere und aktiviere das Plugin auf deiner Website. Wenn du bereit bist, gehe zu Image Regenerate & Select Crop > Additional Sizes (Zusätzliche Größen):

Gib zunächst einen Namen für deine neue benutzerdefinierte Bildgröße ein. Lege dann die gewünschten Abmessungen in den Feldern Max Width (Maximale Breite) und Max Height (Maximale Höhe) fest. Du kannst auch wählen, ob WordPress deine Bilder automatisch auf genau diese Abmessungen zuschneiden soll.

Wenn du bereit bist, klicke auf Save Changes (Änderungen speichern). Du kannst so viele benutzerdefinierte Größen erstellen, wie du möchtest. Beachte jedoch, dass diese Speicherplatz auf deinem Server belegen. Außerdem kann eine zu große Anzahl von Bildgrößen die Performance deiner Website verlangsamen.

Wenn du eine von dir erstellte Größe entfernen möchtest, gehe zu Settings > Media (Einstellungen > Medien) und suche deine benutzerdefinierte Bildgröße:

Lösche dann den Text aus dem Feld Images Sizes Name (Name der Bildgröße) und klicke auf Änderungen speichern. Wir empfehlen, nur die Größen zu behalten, die du benötigst. Wenn du Optionen nicht verwendest, solltest du sie löschen, um Speicherplatz freizugeben.

Du kannst auch eine Standard-Bildgröße von deiner Website entfernen. Dies erfordert jedoch etwas technisches Know-how und Programmierkenntnisse. Darüber hinaus erwarten einige Themes oder Plugins möglicherweise, dass Standardbildgrößen vorhanden sind, sodass die Funktionalität beeinträchtigt sein kann, wenn es sie nicht gibt. Daher sollte das Entfernen von Standard-Bildgrößen in den meisten Fällen vermieden werden.

Die perfekte Größe für das Beitragsbild

Eine der häufigsten Fragen zur Bildgröße in WordPress lautet: „Welche Größe soll ich für meine Beitragsbilder verwenden?“

Leider gibt es keine Einheitsgröße, die für alle Websites geeignet ist. Die perfekte Größe des Beitragsbildes auf deiner Website kann von der perfekten Größe auf einer anderen Website abweichen. Dies liegt hauptsächlich daran, dass verschiedene Themes unterschiedliche Layoutbreiten verwenden, sodass jedes Theme eine benutzerdefinierte Größe hat, die am besten in sein Layout passt. Sieh in der Dokumentation deines Themes nach, ob es eine bestimmte Größe empfiehlt.

Darüber hinaus haben verschiedene Dienste ihre eigenen „perfekten Bildgrößen“, wenn du deine Beiträge in sozialen Medien teilst, und diese passen dann meistens nicht so gut bei den jeweils anderen Diensten.

Da Themes und soziale Medien unterschiedliche Größen bevorzugen, musst du experimentieren, um die beste Größe für dein Beitragsbild zu ermitteln.

Hier sind einige Größen für Beitragsbilder, die du ausprobieren kannst.

• 1920 × 1080 – Dies ist die größte Bildgröße, die wir empfehlen würden. Diese Größe funktioniert mit den meisten Themes und sozialen Medien oft am besten, aber möglicherweise werden einige Bereiche des Bildes beschnitten.
• 1200 × 630 – Diese Größe funktioniert am besten mit vielen klassischen Themes und zum Teilen auf Facebook.
• 1024 × 512 – Diese Größe sollte in Betracht gezogen werden, wenn du hauptsächlich auf X (Twitter) teilen möchtest.

Welche Größe auch immer du wählst, versuche den Hauptfokus des Bildes möglichst in der Mitte zu halten und ausreichend Platz oben, unten und an den Seiten zu lassen. Da die meisten Dienste die Ränder zuschneiden und nur die Mitte des Bildes anzeigen, musst du dir dann keine Sorgen machen, dass wichtige Teile des Bildes weggeschnitten werden.

Fazit

Bilder können dafür sorgen, dass deine Inhalte für deine Leser interessanter und verständlicher werden. WordPress bietet standardmäßig einige Bildgrößen für deine Bilder, von Vorschaubildern bis hin zu großen Fotos. Du kannst Bilder auch in ihrer Originalgröße anzeigen oder auf die gewünschten Abmessungen zuschneiden.

Wenn du zusätzliche Optionen möchtest, kannst du ein Plugin wie Image Regenerate & Select Crop verwenden, um weitere benutzerdefinierte Bildgrößen hinzuzufügen. Wenn du aber benutzerdefinierte Bildgrößen hast, die du nicht verwendest, empfehlen wir, sie von deiner Website zu löschen, um Speicherplatz freizugeben und die Performance deiner Website zu verbessern.