Kurz gesagt: Bilder in WordPress skalieren (Schritt für Schritt)
WordPress verfügt über einen integrierten Bildeditor, mit dem Sie Bilder ohne zusätzliche Plugins skalieren, zuschneiden, drehen, spiegeln und wiederherstellen können. So funktioniert der Vorgang.
- Mediathek öffnen – Gehen Sie in Ihrem WordPress-Dashboard zu Medien » Mediathek.
- Bild bearbeiten anklicken – Wählen Sie Ihr Bild aus und klicken Sie dann auf die Schaltfläche Bild bearbeiten.
- Zum Skalieren skalieren – Geben Sie Ihre Zielbreite unter Bild skalieren ein und klicken Sie auf Skalieren.
- Zuschneiden, drehen oder spiegeln – Verwenden Sie die Schaltflächen in der Symbolleiste, um weitere Bearbeitungen visuell vorzunehmen.
- Änderungen speichern – Klicken Sie auf Speichern, um die Bearbeitungen anzuwenden und die gespeicherte Datei zu aktualisieren.
- Bei Bedarf wiederherstellen – Verwenden Sie Originalbild wiederherstellen, um alle Änderungen auf einmal rückgängig zu machen.
Versuchen Sie herauszufinden, wie Sie ein Bild in WordPress skalieren können, ohne Ihr Layout zu beschädigen oder Ihre Website zu verlangsamen?
Ich bin schon öfter auf dieses Problem gestoßen, als ich zählen kann. Egal, ob ich Blog-Bilder, Produktfotos oder Logos hinzugefügt habe, übergroße Bilder haben die Seite immer verlangsamt und unpassend ausgesehen. Da habe ich angefangen, den integrierten WordPress-Bildeditor zu verwenden, der schneller ist als die meisten Plugins und seine Aufgabe gut erfüllt.
In diesem Leitfaden zeige ich Ihnen genau, wie Sie Bilder in WordPress skalieren, zuschneiden, spiegeln und drehen. Sie lernen auch, wie Sie diese Änderungen bei Bedarf rückgängig machen können. Sie benötigen keine zusätzlichen Tools oder Code. Nur ein paar Klicks in Ihrem Dashboard.
- Warum sollte ich Bilder in WordPress skalieren?
- Was ist die beste Bildgröße für WordPress?
- Wie skaliere ich ein Bild in WordPress?
- Wie kann ich ein Bild in WordPress zuschneiden?
- Bilder in WordPress drehen und spiegeln
- Kann ich Bildbearbeitungen in WordPress rückgängig machen?
- Was ist mit Bildkomprimierung und WebP?
- Häufig gestellte Fragen
- Kontrollieren Sie Ihre Bilder mit SeedProd
Warum sollte ich Bilder in WordPress skalieren?
Das Skalieren der Bilder, die Sie zu WordPress hinzufügen, ist aus zwei Gründen wichtig: Es verhindert, dass Ihre Website durch das Gewicht großer Bilddateien verlangsamt wird, und es spart Speicherplatz auf Ihrem Hosting-Server.
Wenn Sie hochwertige Stockfotos oder Bilder von Ihrer Kamera verwenden, ist die Dateigröße Ihrer Bilder wahrscheinlich viel größer, als Ihre Website benötigt. Kleinere Bildabmessungen bedeuten schnellere Ladezeiten, was verhindert, dass Besucher abspringen.
Ich zeige Ihnen im nächsten Abschnitt, wie Sie Ihre ideale Breite finden.
Was ist die beste Bildgröße für WordPress?
Die richtigen Bildabmessungen hängen davon ab, wo das Bild erscheint und welches Theme Sie verwenden. Es gibt jedoch weit verbreitete Ausgangspunkte, die bei den meisten WordPress-Themes funktionieren.
| Bildtyp | Empfohlene Breite | Notizen |
|---|---|---|
| Hervorgehobenes Bild | 1200 Pixel breit | Verwendet für Social Sharing und Blog-Listen; 1200x628px ist Standard |
| Bild im Blog-Beitragsinhalt | 800 Pixel breit | Passt gut in die meisten Inhaltsspalten |
| Miniaturansicht | 150x150px | WordPress-Standard; verwendet in Widgets und Archiven |
| Banner / Header | 1920px breit | Hintergründe in voller Breite; stark komprimieren, um die Dateigröße zu reduzieren |
Die meisten Inhaltsspalten in gängigen WordPress-Themes sind zwischen 650px und 800px breit. Der schnellste Weg, Ihre zu überprüfen, ist, mit der rechten Maustaste irgendwo auf Ihrer Website zu klicken und in Chrome Inspect auszuwählen.
Fahren Sie mit der Maus über Ihren Inhaltsbereich und suchen Sie die hervorgehobene Spalte in Blau. Der Tooltip zeigt die Breite in Pixel an. Diese Zahl ist Ihre maximale Bildbreite für Body-Bilder.
Sobald Sie Ihre Zielbreite kennen, sind Sie bereit zum Ändern der Größe.
Wie skaliere ich ein Bild in WordPress?
Die Größenänderung von Bildern mit WordPress ist unkompliziert. Gehen Sie im WordPress-Admin-Panel zu Medien » Mediathek.
Laden Sie das Bild hoch, das Sie in WordPress in der Größe ändern möchten, oder klicken Sie darauf.
Klicken Sie hier auf Bild bearbeiten.
Unter der Überschrift Bild skalieren können Sie die Bildgröße reduzieren, indem Sie neue Abmessungen eingeben. Dieses Werkzeug verkleinert das Bild, ohne etwas auszuschneiden, und WordPress behält automatisch das richtige Seitenverhältnis bei.
Wenn Sie nur eine Breite eingeben, wird die Höhe automatisch basierend auf dem Bildverhältnis berechnet oder umgekehrt.
Geben Sie im ersten Feld die Breite Ihres Inhaltsbereichs ein. Wenn Sie sich nicht sicher sind, was das ist, verwenden Sie das Chrome-Inspektionstool: Klicken Sie mit der rechten Maustaste auf Ihre Website, wählen Sie Inspect und fahren Sie dann mit der Maus über Ihre Inhaltsspalte. Der Tooltip zeigt die Pixelbreite an. Kein Code erforderlich.
Wenn Sie fertig sind, klicken Sie auf Skalieren, um die Bildgröße zu ändern.
Um das geänderte Bild zu verwenden, gehen Sie zurück zur Detailseite des Bildes und kopieren Sie die URL, wie im Screenshot unten gezeigt.
Das war's! Sie haben jetzt WordPress verwendet, um ein Bild in der Größe zu ändern, und Sie können es überall verwenden, wo Sie möchten.
Um Ihnen eine Vorstellung davon zu geben, wie sich die Größenänderung auf Ihre Seitengeschwindigkeit auswirkt, finden Sie hier Testergebnisse, die das Originalbild und das geänderte Bild vergleichen, geladen in einem Standard-Blogbeitrag.
Für dieses Beispiel haben wir das Website-Geschwindigkeitstest-Tool von Blog Tyrant verwendet.
Hier sind die Testergebnisse der ursprünglichen Bildgröße, wenn sie in einen Standard-Blogbeitrag eingefügt wurden.
Und hier sind die Ergebnisse für das geänderte Bild.
Selbst kleine Unterschiede in der Bildgröße summieren sich schnell. Unser Originalbild war 2,5 MB; nach der Größenänderung sank es auf 280 KB. Das ist eine Reduzierung der Dateigröße um 90 %.
Auf einer Website mit Dutzenden von Bildern sorgen diese Einsparungen dafür, dass Ihre Seiten schneller laden und Besucher nicht abspringen.
WordPress ermöglicht es Ihnen auch, Bilder zuzuschneiden, zu drehen und zu spiegeln. Lesen Sie weiter, um zu erfahren, wie.
Wie kann ich ein Bild in WordPress zuschneiden?
Um ein Bild in WordPress zuzuschneiden, befolgen wir die gleichen ersten Schritte wie beim Ändern der Größe. Gehen Sie zu Medien » Mediathek, klicken Sie auf das Bild, das Sie zuschneiden möchten, und klicken Sie auf Bild bearbeiten.
Klicken und ziehen Sie als Nächstes mit der Maus auf dem Bild, um mit dem Zuschneiden zu beginnen. Zuschneiden bedeutet, unerwünschte Ränder zu entfernen, um sich auf einen bestimmten Teil des Bildes zu konzentrieren.
Sie können auf eines der kleinen Quadrate klicken, um den zugeschnittenen Bereich anzupassen, oder den Bereich im Bild verschieben. Sobald Sie zufrieden sind, klicken Sie auf das Symbol Zuschneiden, wie unten gezeigt.
Klicken Sie nun auf Speichern. Sie haben Ihr Bild zugeschnitten.
Wählen Sie die URL auf der Detailseite des Bildes aus, um das zugeschnittene Bild zu verwenden.
Bilder in WordPress drehen und spiegeln
Das Drehen und Spiegeln von Bildern befindet sich im selben Bildeditor. Gehen Sie zuerst zu Medien » Mediathek, wählen Sie Ihr Bild aus und klicken Sie auf Bild bearbeiten.
Ein Bild drehen
Klicken Sie auf die Schaltflächen Links drehen oder Rechts drehen, um Ihr Bild jeweils um 90 Grad zu drehen.
Wenn Sie etwas falsch machen, geraten Sie nicht in Panik. Durch Klicken auf die Schaltfläche Rückgängig wird das Bild auf den letzten Schritt zurückgesetzt.
Klicken Sie auf Speichern, wenn Sie zufrieden sind.
Ein Bild spiegeln
Das Spiegeln eines Bildes funktioniert auf die gleiche Weise. Klicken Sie im Bildeditor auf die Schaltfläche Vertikal spiegeln oder Horizontal spiegeln. Spiegeln spiegelt das Bild: vertikal bedeutet auf dem Kopf stehend, horizontal bedeutet von links nach rechts.
Klicken Sie auf Speichern, wenn Sie fertig sind.
Kann ich Bildbearbeitungen in WordPress rückgängig machen?
Wir alle machen Fehler. Wenn Sie den falschen Bereich zugeschnitten oder das Bild zu klein skaliert haben, gibt es eine Ein-Klick-Möglichkeit, zum Original zurückzukehren.
Schauen Sie auf die rechte Seite des Bildbearbeitungsbildschirms. Sie sehen eine Überschrift mit der Bezeichnung Originalbild wiederherstellen.
Wenn Sie darauf klicken, wird eine Schaltfläche angezeigt, mit der Sie das Bild auf seine ursprüngliche Größe zurücksetzen können.
Klicken Sie auf Bild wiederherstellen, um alle Ihre Änderungen zurückzusetzen. Dies stellt das Bild genau so wieder her, wie es war, als Sie es zum ersten Mal hochgeladen haben, und entfernt alle von Ihnen vorgenommenen Zuschnitte, Spiegelungen, Drehungen oder Größenänderungen.
Was ist mit Bildkomprimierung und WebP?
Die Größenänderung eines Bildes ändert seine Abmessungen. Komprimierung reduziert seine Dateigröße, ohne die Abmessungen zu ändern. Beides ist wichtig für die Website-Geschwindigkeit und funktioniert am besten zusammen.
Nachdem Sie ein Bild in WordPress in der Größe geändert haben, sinkt die Dateigröße. Die Komprimierung kann es jedoch weiter verkleinern, oft um 50-80 % ohne sichtbaren Qualitätsverlust. Ich habe dies auf meiner eigenen Website getestet und der Unterschied bei der Ladezeit ist spürbar, insbesondere auf bildlastigen Seiten.
Der zuverlässigste Weg, Bilder in WordPress zu komprimieren, ist ein spezielles Plugin. Zwei, die einen Versuch wert sind, sind Imagify und Smush. Beide komprimieren Bilder automatisch beim Hochladen, sodass Sie nach der Ersteinrichtung nichts weiter tun müssen.
Eine weitere wissenswerte Sache: WordPress unterstützt seit Version 5.8 den Upload von WebP-Bildern. WebP-Dateien sind bei gleicher Qualität typischerweise 25-35 % kleiner als JPEGs. Wenn Ihr Theme und Ihr Hosting-Stack dies unterstützen, ist der Upload von Bildern im WebP-Format eine der einfachsten Möglichkeiten, Bilder für WordPress zu optimieren, ohne Einstellungen zu ändern.
Häufig gestellte Fragen
Ändert WordPress die Größe von Bildern beim Hochladen automatisch?
Ja. WordPress erstellt jedes Mal, wenn Sie ein Bild hochladen, automatisch mehrere Bildgrößen. Standardmäßig werden Miniaturansichten (150x150px), mittlere (300px breit), große (1024px breit) und Vollformat-Versionen generiert. Ihr Theme verwendet diese automatisch generierten Größen an verschiedenen Stellen, wie z. B. Miniaturansichten in Blog-Listen oder Vollbild-Header-Bilder. Das Werkzeug „Bild skalieren“ im Bildeditor ändert nur die gespeicherte Originaldatei, nicht diese automatisch generierten Größen.
Was ist die beste Bildgröße für WordPress?
Das hängt davon ab, wo das Bild erscheint. Ein guter allgemeiner Ausgangspunkt: Beitragsbilder mit 1200x628px, Bilder im Blog-Beitragsrumpf mit 800px Breite und Miniaturansichten mit 150x150px. Der zuverlässigste Weg, die genaue Inhaltsbreite Ihres Themes zu ermitteln, ist die Verwendung des Chrome-Inspektionstools, ein Rechtsklick auf Ihren Inhaltsbereich und das Ablesen der Pixelbreite aus dem Tooltip.
Was ist der Unterschied zwischen der Größenänderung und der Komprimierung eines Bildes in WordPress?
Die Größenänderung ändert die Bildabmessungen (Breite und Höhe in Pixel). Die Komprimierung reduziert die Dateigröße, ohne die Abmessungen zu ändern, indem Daten entfernt werden, die das Auge nicht leicht erkennen kann. Beides wirkt sich auf die Seitengeschwindigkeit aus, jedoch auf unterschiedliche Weise. Die Größenänderung mit dem integrierten Editor kümmert sich um die Abmessungen. Ein Komprimierungs-Plugin wie Imagify oder Smush kümmert sich um die Dateigröße. Für beste Ergebnisse tun Sie beides.
Kann ich mehrere Bilder gleichzeitig in WordPress in der Größe ändern?
Der integrierte WordPress-Bildeditor ändert die Größe nur eines Bildes gleichzeitig. Für die Massenänderung der Größe benötigen Sie ein Plugin. Das Plugin „Regenerate Thumbnails“ ermöglicht es Ihnen, alle Bildgrößen auf einmal neu zu generieren, nachdem Sie Ihre Medieneinstellungen geändert haben. Für die Massenänderung der Größe auf eine bestimmte Abmessung ändern Plugins wie Imsanity Bilder beim Hochladen automatisch basierend auf einer von Ihnen festgelegten maximalen Breite.
Kontrollieren Sie Ihre Bilder mit SeedProd
Das Ändern der Größe von Bildern in der Mediathek liefert Ihnen saubere, optimierte Dateien. Wenn Sie jedoch die volle Kontrolle darüber haben möchten, wie diese Bilder auf Ihren Seiten erscheinen, ist das ein anderes Problem.
Mit dem Drag-and-Drop-Website-Builder von SeedProd können Sie Bilder genau dort platzieren und in der Größe ändern, wo Sie sie benötigen. Sie können die Breite anpassen, die Ausrichtung festlegen, Abstände hinzufügen und jede Änderung live sehen, bevor Sie sie veröffentlichen. Kein Rätselraten, kein Aktualisieren, um zu sehen, wie es aussieht.
Wenn Sie eine Seite neu erstellen oder eine von Grund auf neu erstellen, lohnt es sich, dies auszuprobieren.
Wenn Sie weitere Hilfe zu Bildern und Medien in WordPress suchen, lesen Sie die folgenden Anleitungen:
- So fügen Sie eine Galerie zu WordPress-Seiten hinzu
- So fügen Sie ein Beitragsbild in WordPress hinzu
- Wie man das Blog-Layout in WordPress ändert
- So betten Sie Videos in WordPress ein
- So ändern Sie Schriftarten in WordPress-Themes
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
Hallo, ich versuche, ein Bild in der Größe zu ändern, und habe versucht, die Option „Bild bearbeiten“ zu verwenden, wie Sie oben gezeigt haben. Leider sagt WordPress „Neues Bild kann nicht erstellt werden“. Können Sie mir dabei helfen?
Hallo,
Der wahrscheinlichste Grund ist, dass mod-gd nicht installiert ist.
Wenn Sie online mit einem Hosting-Unternehmen arbeiten und Cpanel als Ihre Hosting-Plattform haben, können Sie dieses Modul in Cpanel über
PHP Selector—> Erweiterungen—> gd aktivieren.
Lassen Sie mich wissen, wenn Sie weitere Fragen haben.
Mit freundlichen Grüßen,
Die Größenänderung hat nichts gebracht. Es sei denn, ich habe einen Schritt übersehen, ich habe Ihre Anweisungen befolgt und das Bild blieb gleich groß wie zuvor.
Ja, habe es nochmal versucht. Das ändert die Größe für mich nicht.
Hallo Travis,
Damit wir Ihnen weiterhelfen können, würden Sie uns bitte mitteilen, ob Sie beim Bearbeiten/Speichern eines Bildes eine Fehlermeldung erhalten?
Danke,
Das funktioniert auf wp.com nicht mehr. Wenn ich auf das Bild klicke, ist „Bild bearbeiten“ oben. Wenn ich darauf klicke, kann ich nur drehen, zuschneiden oder spiegeln. Ich benutze wp seit Jahren und habe immer einen Weg gefunden, dies zu umgehen. Jetzt scheint die einzige Methode darin zu bestehen, es offline zu bearbeiten, bevor es hochgeladen wird.
Übersehe ich etwas?
Hallo Scott,
Zuerst kann ich bestätigen, ob Sie die kostenlose WordPress.com- oder die selbst gehostete WordPress.org-Version verwenden? Diese Anleitung richtet sich an selbst gehostete Versionen von WordPress. Es ist auch ratsam, zu prüfen, ob Ihre WordPress-Installation für eventuelle Probleme auf dem neuesten Stand ist.
Hallo, ich versuche, Bilder über ein Widget am unteren Rand meiner Webseite hinzuzufügen, aber auf der Webseite erscheinen sie größer als das ursprüngliche importierte Bild, was das Bild weniger scharf macht. Ich habe die Bilder vor dem Hinzufügen zu meinen Medien auf etwa 190/50 und 90/90 (für runde Logos) skaliert. Wie kann ich das Bild auf der Webseite so anpassen, dass es wie die ursprüngliche importierte Bildgröße aussieht? Passe ich das im Theme der Webseite an? Was übersehe ich hier?
Hallo Dann,
Wenn Sie ein Bild hochladen, können Sie es hier bearbeiten: https://a.supportally.com/oCDtrF
Die Option zum Hochladen eines Bildes mit Größen wie Miniaturansicht/mittel/groß usw. ist mit Gutenberg-Blöcken nicht mehr vorhanden. Sie können den klassischen Editor installieren, damit diese Option angezeigt wird: https://a.supportally.com/OZ9Pyz
Mit freundlichen Grüßen,
Hallo. Ich benutze die kostenlose Version von WordPress seit über 10 Jahren und Sie können sich vorstellen, dass ich mit ihrer neuen Benutzeroberfläche in letzter Zeit sehr unzufrieden war. Also, eine schnelle Frage: Haben sie die Option zur Festlegung von Bildgrößen wie Groß, Mittel, Klein und Miniaturansicht abgeschafft??? Ich schwöre, ich kann sie nirgendwo mehr im üblichen Menü oder durch Herumspielen mit den Bild-/Galerie-„Blöcken“ finden.
Hallo Emerson,
Wenn ich Ihre Frage richtig verstehe. Die Blöcke, auf die Sie sich beziehen, sind die Gutenberg-Bild-/Galerieblöcke von WordPress und nicht das SeedProd-Plugin, richtig? Wenn ja, ist die Option mit Gutenberg-Blöcken nicht verfügbar. Sie können das Bild über den Link Bearbeiten verkleinern. Sehen Sie hier: https://a.supportally.com/oCDtrF
Oder Sie können das Classic Editor Plugin installieren. Die Option zum Hochladen von Bildern in verschiedenen Größen ist weiterhin verfügbar.
Mit freundlichen Grüßen,
Ich habe versucht, ein JPG zu skalieren, das derzeit 850 x 369 hat. Wenn ich versuche, es zu verkleinern, wird angezeigt, dass die Datei auf 800 Pixel Breite beschränkt ist. Das Bild erscheint bei 850 und 800 Pixeln viel zu groß. Was kann ich tun?
Hallo Brenna, Sie könnten versuchen, das Bild in einem Online-Bildbearbeitungsprogramm oder einer Bildbearbeitungssoftware zu bearbeiten, um die Dateigröße zu reduzieren und es dann erneut auf Ihre Website hochzuladen.
Ich weiß, ich hätte meinen Blog mit kleineren Bildern beginnen sollen, aber jetzt lädt die Seite so langsam. Gibt es eine Möglichkeit, neue Bilder (die kleiner sind) hochzuladen, ohne jeden Beitrag neu formatieren zu müssen?
Hallo Adam. Sie können eines dieser Bildkomprimierungs-Plugins ausprobieren. Viele optimieren Bilder automatisch, ohne dass Sie sie erneut hochladen müssen.
8. Mai 2023
Es gibt keine "Bild skalieren" in der Funktion "Bild bearbeiten", noch gibt es etwas, das bezüglich der Bildgröße angepasst werden kann. Noch kann ich die Bildgröße in einem Beitragseditor mit HTML bearbeiten. Es scheint einfach keine sichtbare Möglichkeit zu geben, dies zu tun... ABER ich weiß, dass es einen Weg geben muss, sonst würden viele WP verlassen. Können Sie mir helfen, das herauszufinden? Ihr Beitrag ist möglicherweise veraltet, da WP Benutzern nicht erlaubt, Bilder zu vergrößern oder zu verkleinern. Aber wie ist DAS ein gutes Geschäftsmodell? Frustriert in Massachusetts
Hallo Michael, die Einstellungen, die Sie im Bildeditor sehen, können anders aussehen, wenn Sie WordPress.com, die gehostete Version, im Vergleich zu WordPress.org, der selbst gehosteten Version, verwenden. Sie können hier den Unterschied zwischen den beiden erfahren. Wenn Sie weiterhin Probleme haben, empfehlen wir Ihnen, sich an die Support-Foren der entsprechenden WordPress-Plattform zu wenden.
Das trifft den Nagel auf den Kopf... genau das, was ich brauchte, und ich werde dank Ihrer großartigen Anleitung zu .org wechseln. Danke!
Ich freue mich sehr, dass es Ihnen geholfen hat! Wenn Sie noch etwas brauchen, können Sie jederzeit fragen.
Hallo Stacey, gibt es einen Schritt, nachdem Sie die Skalierung vorgenommen und den Link "kopiert" haben? Ich folge diesen Schritten, aber meine Bilder werden in meinem Beitrag nicht skaliert.
Prost
Hallo Laura,
Stellen Sie sicher, dass Sie nach dem Skalieren Ihres Bildes den Beitrag, an dem Sie arbeiten, verlassen und Ihre Seite aktualisieren, dann bearbeiten Sie den Beitrag erneut und fügen Sie Ihr Bild hinzu. Manchmal braucht es ein kleines Refresh, um die neue skalierte Version anzuzeigen. Ich hoffe, das hilft!