Free cookie consent management tool by TermsFeed Wie man Bilder in voller Größe in WordPress anzeigt (4 Methoden) - DrDomains Blog

Wie man Bilder in voller Größe in WordPress anzeigt (4 Methoden)

Möchten Sie lernen, wie Sie Bilder in voller Größe in WordPress anzeigen können? Die neueste Version von WordPress passt die Größe großer Bilder automatisch an, um die Leistung zu verbessern. Aber manchmal müssen Sie vielleicht Bilder mit größeren Abmessungen anzeigen.

In diesem Tutorial zeigen wir Ihnen vier verschiedene Möglichkeiten, wie Sie Bilder in voller Größe auf Ihrer WordPress-Website anzeigen können.

Warum skaliert WordPress große Bilder?

Frühere Versionen von WordPress erlaubten es Benutzern, Bilder mit sehr großen Abmessungen hochzuladen.

Aber was passierte, war, dass WordPress-Anfänger Bilder hochluden, die einfach zu groß für das moderne Web waren. Große Bilder führen zu langsamen Ladegeschwindigkeiten der Website und schlechter Leistung. Um dieses Problem zu beheben, wurde mit dem WordPress 5.3-Update geändert, wie WordPress mit sehr großen Bildern umgeht.

Wenn Sie zum Beispiel ein Bild mit den Maßen 5000px mal 7000px hochladen, dann wird WordPress das Bild auf 2560px verkleinern und die Breite skalieren, damit es den ursprünglichen Maßen entspricht. Wenn nun ein Benutzer eine Seite mit einem zuvor großen Bild besucht, sieht er die verkleinerte Version dieses Bildes. Dies führt zu einer verbesserten Website-Performance und insgesamt zu zufriedeneren Benutzern.

Gründe, warum WordPress das Skalieren von Bildern unterbinden sollte

Diese neue Funktion ist für die meisten Besitzer von WordPress-Websites nützlich, aber einige Benutzer müssen möglicherweise Bilder in voller Größe anzeigen.

Wenn Sie z. B. ein Fotograf oder Künstler sind, der seine Werke verkauft, dann möchten Sie vielleicht größere Bilder auf Ihrer Website anzeigen, damit die Besucher sie kaufen oder herunterladen können.

Oder Sie betreiben eine Website, auf der größere Bilder erforderlich sind, wie z. B. eine Stockfoto-Website oder eine Website, die individuelle Drucke und Bilder verkauft.

Vielleicht benötigen Sie ein großes Bild für das Hintergrundbild Ihrer Homepage, das größer ist als die 2560px-Grenzen? Ganz gleich, aus welchem Grund Sie ein Bild in voller Größe benötigen, wir zeigen Ihnen Schritt für Schritt, wie Sie es machen können.

Wie man Bilder in voller Größe in WordPress anzeigt (4 Methoden)

Es gibt 4 verschiedene Möglichkeiten, wie Sie Bilder in voller Größe in WordPress anzeigen können.

Einige Methoden funktionieren besser für einzelne Bilder, während andere am besten für eine ganze Bildbibliothek geeignet sind. Wählen Sie die Methode für die Anzeige von Bildern in voller Größe, die für Ihre Ziele am besten geeignet ist.

Methode 1.Bild-URL in voller Größe in WordPress abrufen

Wenn Sie nur ein oder zwei große Bilder auf Ihrer Website verwenden möchten, ist diese Lösung wahrscheinlich die beste

Wenn Sie ein Bild in WordPress hochladen, das die Abmessungen überschreitet, skaliert WordPress das Bild und erstellt ein neues Bild. Das ursprüngliche Bild bleibt jedoch intakt. Um die ursprünglichen Bildabmessungen anzuzeigen, müssen Sie "-scaled" vom Ende der WordPress-Bild-URL löschen und das Bild mit dem geänderten Link in Ihre Website einfügen. Gehen Sie einfach zu Ihrer Medienbibliothek, indem Sie zu Medien " Bibliothek gehen und Ihr großes Bild auswählen

Large image media library Suchen Sie nun Ihre "Datei-URL" im Bildfeld. Als Nächstes müssen Sie "-skaliert" vom Ende der Bild-URL löschen.

Delete scaled image URL Danach können Sie die Bild-URL kopieren und das Bild in Ihre Website einfügen.

Beachten Sie, dass Sie das Bild über den Link in Ihre Website einbetten müssen, ohne den skalierten Teil. Navigieren Sie dazu zu einem Beitrag oder einer Seite, zu der Sie das Bild hinzufügen möchten, und klicken Sie auf das "+"-Symbol, um einen neuen Block hinzuzufügen.

Insert new image block for large image Klicken Sie dann auf das Symbol "Bild", um einen Bildblock hinzuzufügen, in den Sie Ihre URL einfügen können.

Klicken Sie auf "Von URL einfügen", fügen Sie dann Ihre Bild-URL in voller Größe in das Feld ein und drücken Sie die "Enter"-Taste.

Add non scaled image URL Danach müssen Sie auf "Veröffentlichen" klicken, oder auf "Aktualisieren", wenn der Beitrag bereits live ist, und Ihr Bild in voller Größe wird nun auf Ihrer Website sichtbar sein. Sie können diesen Vorgang für jedes Bild in voller Größe, das Sie zu Ihrer Website hinzufügen möchten, durchführen. Solange Sie jedoch die Datei-URL minus "skaliert" verwenden, werden Ihre WordPress-Bilder in voller Größe angezeigt.

Methode 2. Automatisches Deaktivieren der Bildskalierung in WordPress (mit einem Plugin)

Die zweite Methode ist die Verwendung eines WordPress-Plugins zum Deaktivieren der Bildskalierung auf Ihrer Website

Das Plugin, das wir empfehlen, heißt Disable "BIG Image" Threshold. Dieses Plugin bietet einen der einfachsten Workarounds für die Anzeige großer Bilder auf Ihrer Website, und es ist völlig kostenlos zu verwenden. Zuerst müssen Sie das Disable "BIG Image" Thr eshold Plugin installieren und aktivieren.

Weitere Details zur Installation eines Plugins finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins. Sobald Sie das Plugin auf Ihrer Website installiert und aktiviert haben, wird es automatisch den von WordPress hinzugefügten Schwellenwert für große Bilder entfernen. Sie können neue Bilder hinzufügen, so wie Sie es vor dem WordPress-Bild-Update getan haben.

Wenn dieses Plugin aktiv ist, fügt WordPress das Attribut "-skaliert" nicht zu jedem Bild hinzu.

Methode 3. Automatisches Deaktivieren der Skalierung von großen Bildern in WordPress (mit Code-Snippet)

Eine weitere Möglichkeit besteht darin, einen Code-Snippet in WordPress einzufügen, der das gleiche Ziel wie das obige Plugin erreicht

Wenn das Plugin aus irgendeinem Grund nicht funktioniert oder Sie nicht zu viele Plugins installieren möchten, dann können Sie diese Methode verwenden. Die neue WordPress-Bildskalierungsfunktion verwendet einen Filter namens big_image_size_threshold . Verwenden Sie den folgenden Code, um diese Funktion zu deaktivieren:

add_filter( 'big_image_size_threshold', '__return_false' );

Sie müssen diesen Code in der Datei functions.php Ihres Themes, in einem Site-spezifischen Plugin oder mit Hilfe des Plugins Code snippets hinzufügen.

Methode 4: WordPress-Bilder in voller Größe in einer Lightbox öffnen

Die letzte Option besteht darin, eine Lightbox für Bilder in voller Größe zu Ihrer Website hinzuzufügen.

Mit dieser Lösung erhalten Sie das Beste aus beiden Welten. Sie können kleinere Bild-Thumbnails in Ihren Blog-Inhalt, Ihre Galerie oder Ihr Karussell laden, und wenn Sie darauf klicken, wird Ihr Bild in voller Größe angezeigt.

Show full size image lightbox effect Um dies zu tun, empfehlen wir das Envira Gallery Plugin.

Es ist das beste WordPress-Plugin für Bildergalerien auf dem Markt und ermöglicht es Ihnen, den Lightbox-Popup-Bildeffekt einfach hinzuzufügen. Als Erstes müssen Sie das Envira Gallery-Plugin installieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nachdem Sie das Plugin installiert und aktiviert haben, lesen Sie unsere Schritt-für-Schritt-Anleitung zum Erstellen einer Bildergalerie in WordPress mit dem Lightbox-Effekt. Beachten Sie, dass Sie, bevor Sie Bilder in voller Größe für Ihre Galerie hochladen, die Bildskalierung über das Plugin oder die oben genannten Child-Theme-Methoden deaktivieren müssen. Andernfalls werden Ihre Lightbox-Bilder die verkleinerte Version des Bildes verwenden.

Schließlich ist es wichtig zu beachten, dass, wenn Sie Bilder mit großen Abmessungen hinzufügen, es wichtig ist, sie für das Web zu optimieren, damit Sie Ihre Website nicht verlangsamen.

Wir hoffen, dieser Artikel hat Ihnen geholfen, Bilder in voller Größe in WordPress anzuzeigen.


Verwandte Artikel: