So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

So zeigen Sie Bilder in voller Größe in WordPress an (4 Methoden)

Möchten Sie erfahren, 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 Bilder mit größeren Abmessungen anzeigen.

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

So zeigen Sie Bilder in voller Größe in WordPress an

Warum skaliert WordPress große Bilder?

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

Aber was passiert ist, ist, dass WordPress-Anfänger Bilder hochgeladen haben, 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, hat das WordPress 5.3-Update die Art und Weise geändert, wie WordPress mit sehr großen Bildern umgeht.

Wenn Sie beispielsweise ein Bild mit den Abmessungen 5000 x 7000 Pixel hochladen, ändert WordPress die Größe des Bildes auf 2560 Pixel und skaliert die Breite so, dass es den ursprünglichen Abmessungen entspricht.

Wenn ein Benutzer jetzt eine Seite mit einem zuvor großen Bild besucht, sieht er die kleinere Version dieses Bildes.

Dies führt zu einer besseren Website-Performance und insgesamt zufriedeneren Benutzern.

Gründe, WordPress daran zu hindern, Bilder zu skalieren

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 beispielsweise ein Fotograf oder Künstler sind, der Ihre Arbeiten verkauft, möchten Sie möglicherweise größere Bilder auf Ihrer Website anzeigen, damit Besucher sie kaufen oder herunterladen können.

Oder Sie betreiben eine Website, auf der größere Bilder benötigt werden, z. B. eine Stock-Fotografie-Website oder eine Website, die kundenspezifische Abzüge und Bilder verkauft.

Vielleicht benötigen Sie ein großes Bild für das Hintergrundbild Ihrer Startseite, das größer als die 2560-Pixel-Grenze ist?

Egal aus welchem ​​Grund Sie ein Bild in voller Größe wünschen, wir zeigen Ihnen Schritt für Schritt, wie es geht.

So zeigen Sie Bilder in voller Größe in WordPress an (4 Methoden)

Es gibt 4 verschiedene Möglichkeiten, Bilder in voller Größe in WordPress anzuzeigen.

Einige Methoden funktionieren besser für einzelne Bilder, während andere besser für eine ganze Bildbibliothek geeignet sind.

Sie sollten die Bildgebungsmethode in voller Größe wählen, die für Ihre Ziele 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 dies wahrscheinlich die beste Lösung.

Wenn Sie ein Bild in WordPress hochladen, das die Abmessungen überschreitet, skaliert WordPress Ihr Bild und erstellt ein neues. Aber das ursprüngliche Bild ist noch intakt.

Um die Abmessungen des Originalbildes anzuzeigen, müssen Sie „-scaled“ am Ende der WordPress-Bild-URL entfernen und das Bild mit dem geänderten Link auf Ihrer Website einbetten.

Gehen Sie einfach zu Ihrer Medienbibliothek, indem Sie zu gehen Medienbibliothek und wählen Sie Ihr großes Bild aus.

Große Bildmedienbibliothek

Suchen Sie nun Ihre „Datei-URL“ im Bildfeld.

Als Nächstes sollten Sie „-scaled“ am Ende Ihrer Bild-URL entfernen.

Skalierte Bild-URL entfernen

Danach können Sie die Bild-URL kopieren und das Bild auf Ihrer Website einbetten.

Beachten Sie, dass Sie das Bild über den Link ohne den skalierten Teil auf Ihrer Website einbetten müssen.

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.

Fügen Sie für ein großes Bild einen neuen Bildblock ein

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 die URL Ihres Bildes in voller Größe in das Feld ein und drücken Sie die Eingabetaste.

Bild-URL ohne Skalierung hinzufügen

Danach müssen Sie auf „Veröffentlichen“ oder „Aktualisieren“ klicken, wenn der Beitrag bereits veröffentlicht wurde, und Ihr Bild in voller Größe wird nun auf Ihrer Website angezeigt.

Sie können denselben Vorgang für jedes Bild in voller Größe ausführen, das Sie Ihrer Website hinzufügen möchten. Aber solange Sie die am wenigsten „skalierte“ Datei-URL verwenden, werden Ihre WordPress-Bilder in voller Größe angezeigt.

Methode 2. Bildskalierung in WordPress automatisch deaktivieren (mit einem Plugin)

Die zweite Methode besteht darin, ein WordPress-Plugin zu verwenden, um die Bildskalierung auf Ihrer Website zu deaktivieren.

Das von uns empfohlene Plugin heißt Disable „Large Image“ Threshold. Dieses Plugin bietet eine der einfachsten Lösungen zum Anzeigen großer Bilder auf Ihrer Website und ist völlig kostenlos zu verwenden.

Zuerst müssen Sie das Plugin „Large Image“ Threshold deaktivieren installieren und aktivieren. Weitere Einzelheiten 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, entfernt es automatisch den von WordPress hinzugefügten Schwellenwert für große Bilder.

Sie können neue Bilder hinzufügen, genau wie vor dem WordPress-Bild-Update.

Wenn dieses Plugin aktiv ist, fügt WordPress keinem Bild das Attribut „-scaled“ hinzu.

Methode 3. Große Bildskalierung in WordPress automatisch deaktivieren (mit Code-Snippet)

Eine andere Möglichkeit besteht darin, WordPress ein Code-Snippet hinzuzufügen, das dasselbe Ziel wie das obige Plugin erreicht.

Wenn das Plugin aus irgendeinem Grund nicht funktioniert oder Sie nicht zu viele Plugins installieren möchten, können Sie diese Methode verwenden.

Die neue WordPress-Bildskalierungsfunktion verwendet einen Filter namens big_image_size_threshold.

Sie sollten den folgenden Code verwenden, um diese Funktion zu deaktivieren:

add_filter( 'big_image_size_threshold', '__return_false' );

Sie müssen diesen Code in die Datei functions.php Ihres Themes, in ein seitenspezifisches Plugin oder über das Code-Snippets-Plugin einfügen.

Methode 4 – Öffnen Sie WordPress-Bilder in voller Größe in einer Lightbox

Die letzte Option besteht darin, Ihrer Website einen Leuchtkasten mit Bildern in voller Größe hinzuzufügen. Mit dieser Lösung erhalten Sie das Beste aus beiden Welten.

Sie können kleinere Bildminiaturen in Ihren Blog, Ihre Galerie oder Ihren Karussellinhalt hochladen, und wenn Sie darauf klicken, wird ein Popup mit Ihrem Bild in voller Größe angezeigt.

Bild-Lightbox-Effekt in voller Größe anzeigen

Dazu empfehlen wir die Verwendung des Envira Gallery Plugins. Es ist das beste WordPress-Bildgalerie-Plugin auf dem Markt und ermöglicht es Ihnen, auf einfache Weise Lightbox-Popup-Bildeffekte hinzuzufügen.

Als erstes müssen Sie das Envira Gallery-Plugin installieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Lesen Sie nach der Installation und Aktivierung des Plugins unsere Schritt-für-Schritt-Anleitung zum Erstellen einer Bildergalerie in WordPress mit dem Lightbox-Effekt.

Bitte beachten Sie, dass Sie vor dem Hochladen von Bildern in voller Größe für Ihre Galerie die Bildskalierung über das Plugin oder die Child-Theme-Methoden oben deaktivieren müssen.

Andernfalls verwenden Ihre Lightbox-Bilder die verkleinerte Version des Bildes.

Schließlich ist es wichtig zu beachten, dass beim Hinzufügen großer Bilder diese unbedingt für das Web optimiert werden müssen, um Ihre Website nicht zu verlangsamen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, Bilder in voller Größe in WordPress anzuzeigen. Vielleicht möchten Sie unseren Leitfaden zur Optimierung von Bildern für SEO und unsere Expertenauswahl von 40 nützlichen Tools zum Verwalten und Erweitern Ihres Blogs lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch unter Twitter Y Facebook.