So komprimieren Sie Bilder in WordPress (mit und ohne Plugins)

Unabhängig davon, ob Sie ein privates Blog oder eine geschäftliche Website betreiben, müssen Sie Ihre Website auf Geschwindigkeit und Leistung optimieren. Und wenn es darum geht, die Geschwindigkeit zu erhöhen, spielen Bilder, die auf Ihrer Website gehostet werden, eine entscheidende Rolle. Daher zeigen wir Ihnen in diesem Artikel, wie Sie Bilder in WordPress komprimieren , um Ihre Website auf Geschwindigkeit zu optimieren.

Warum sollten Sie Bilder in WordPress komprimieren?

Der Hauptgrund für die Komprimierung von Bildern in WordPress ist die Optimierung der Geschwindigkeit Ihrer Website . Aber mit der verbesserten Website-Geschwindigkeit gibt es auch einige zusätzliche Vorteile.

Wenn Sie Ihrer Website zu viele Bilder mit großen Bildgrößen hinzufügen, erhöht sich auch die Gesamtgröße der Webseiten. Das Laden der Webseite dauert also viel länger. Wenn Sie diese Bilder jedoch komprimieren, wird die Bildgröße reduziert und die Webseiten können schneller geladen werden, was zu einer besseren Website-Geschwindigkeit führt.

Darüber hinaus betrachtet Google die Website-Geschwindigkeit auch als Rankingfaktor für SEO. Wenn Sie also möchten, dass Ihre Website auf den Ergebnisseiten von Suchmaschinen einen höheren Rang einnimmt, müssen Sie sie auch für eine bessere Leistung optimieren. Und zum Glück ist das Komprimieren der Bilder eine der schnellsten Möglichkeiten, die Geschwindigkeit der Website zu verbessern.

So komprimieren Sie Bilder in WordPress

Um Bilder in WordPress zu komprimieren, haben wir zwei Methoden:

• Plugins verwenden
• Manuell

Wir werden uns beide Optionen ansehen.

Bilder in WordPress mit Plugins komprimieren

Wenn Sie Bilder komprimieren möchten, die bereits auf Ihre WordPress-Website hochgeladen wurden, kann diese Methode für Sie geeignet sein.

Alles, was Sie tun müssen, ist eines der WordPress-Bildkomprimierungs-Plugins zu verwenden. Dann komprimiert das Plugin automatisch alle vorhandenen Bilder automatisch. Sobald Sie das Plugin konfiguriert und eine Komprimierungsstufe ausgewählt haben, kümmert sich das Plugin um die Bildkomprimierung, sodass Sie sich auf andere Aufgaben konzentrieren können.

Für dieses Tutorial verwenden wir das ShortPixel- Plugin. Sie können jedoch jedes andere Plugin verwenden, das Ihren Anforderungen entspricht. Um das Plugin verwenden zu können, müssen Sie es jedoch zuerst installieren und aktivieren.

1. Installieren und aktivieren Sie das Plugin

Um das Plugin zu installieren, gehen Sie in Ihrem WordPress-Dashboard zu Plugins > Neu hinzufügen und suchen Sie mit den Schlüsselwörtern nach dem Plugin. Klicken Sie dann auf Jetzt installieren .

Nachdem die Installation abgeschlossen ist, aktivieren Sie das Plugin.

Wenn Sie ein Premium-Plugin oder ein Plugin verwenden möchten, das nicht im WordPress-Repository enthalten ist, müssen Sie es manuell installieren. Sie können das Plugin von der Plugin-Website oder dem Marktplatz herunterladen und auf Ihre WordPress-Website hochladen. Weitere Informationen finden Sie in unserer ausführlichen Anleitung zur manuellen Installation eines WordPress-Plugins.

2. Konfigurieren Sie das Plugin

Nachdem Sie das Plugin aktiviert haben, benötigen Sie einen API-Schlüssel, um es weiter verwenden zu können. Sie können einen neuen API-Schlüssel anfordern, wenn Sie neu auf der Plattform sind. Geben Sie einfach Ihre E-Mail-Adresse ein und klicken Sie auf Schlüssel anfordern .

Aber wenn Sie den API-Schlüssel bereits haben, geben Sie ihn ein und klicken Sie auf Validieren .

Sobald Sie einen gültigen API-Schlüssel eingegeben haben, können Sie die Einstellungen des Plugins auf der nächsten Seite sehen.

Sie können die Grundeinstellungen wie Komprimierungsmodell, Thumbnail-Optimierung, EXIF-Daten und Bildgrößenanpassung auf der Seite „ Allgemeine Einstellungen“ konfigurieren.

Es besteht die Möglichkeit, eine Sicherungskopie der Originalbilddateien auch in einem separaten Ordner aufzubewahren, dies kann jedoch mehr Speicherplatz beanspruchen. Wenn Sie in Ihrem Hosting-Plan nur begrenzten Speicherplatz zur Verfügung haben, ist es keine gute Wahl, das Backup auf dem Server zu behalten. Stellen Sie also sicher, dass Sie über verfügbaren Speicherplatz und Bandbreite verfügen, bevor Sie die Entscheidung treffen.

Auf der Registerkarte „ Erweitert “ können Sie bestimmte zu optimierende Bildordner auswählen, die automatische Optimierung aktivieren, die PNG-zu-JPEG-Konvertierung usw. Das Plugin enthält auch einige weitere Standardeinstellungen, die für Bildkomprimierungen angemessen sind. Aber wenn Sie es brauchen, können Sie sie auch ändern.

Darüber hinaus können Sie, wenn Sie Cloudflare CDN verwenden, es mit dem Plugin aus dem Cloudflare-API- Tab integrieren. Dadurch wird die Bildbereitstellung noch schneller. Alles, was Sie brauchen, ist eine Zonen-ID und ein Token.

Schließlich zeigt die Statistikseite die komprimierten Bilder, das Komprimierungsverhältnis, den Speicherplatz und die eingesparte Bandbreite an. Sobald Sie mit der Konfiguration fertig sind, können Sie loslegen. Vergessen Sie nur nicht, die Änderungen zu speichern, nachdem Sie sie konfiguriert haben.

Von nun an wird das Plugin jedes Mal, wenn Sie neue Bilder in die Bibliothek hochladen, diese automatisch komprimieren.

Unter den Medieneinstellungen sehen Sie auch eine Massenkomprimierungsoption , die Ihnen bei der Massenoptimierung hilft. Die Bildoptimierung startet automatisch, nachdem Sie auf Optimierung starten geklickt haben.

Das ist es! Sie können jetzt die Bildgröße mit ShortPixel reduzieren. Und selbst wenn Sie ein anderes Plugin verwenden, sind die Schritte sehr ähnlich.

Bilder in WordPress manuell komprimieren

Wenn Sie noch nicht damit begonnen haben, Bilder zu Ihrer WordPress-Installation hinzuzufügen und noch nicht zu viele Plugins verwenden möchten, ist diese Methode besser für Sie geeignet. Heutzutage gibt es viele Online-Tools zur Bildkomprimierung. Sie können einfach die Bilder, die Sie komprimieren müssen, in diese Tools hochladen und erhalten die optimierte Version.

Glücklicherweise sind die meisten Tools kostenlos und Sie können einstellen, wie viel Bildkomprimierung und Größenreduzierung Sie benötigen. Aber es kann immer noch einige Einschränkungen geben. Gehen wir die Schritte durch, um uns das Tool im Detail anzusehen.

Für dieses Tutorial verwenden wir das Online-Bildkomprimierungstool ShortPixel . Das Bildkomprimierungstool von ShortPixel ist völlig kostenlos und verfügt über angemessene Funktionen. Sie können bis zu 50 Bilder gleichzeitig optimieren und außerdem drei Komprimierungsstufen wählen.

1. Wählen Sie eine Komprimierungsstufe aus

Bevor Sie die Bilder hochladen, müssen Sie die Komprimierungsstufe für Ihre Bilder auswählen. Es gibt 3 Stufen für die Bildkomprimierung:

• Verlustbehaftet
• Glänzend
• Verlustfrei

Die verlustbehaftete Stufe bietet Ihnen die maximale Größenreduzierung, und die verlustfreie Stufe bietet Ihnen die geringste Bildgrößenreduzierung. Wir empfehlen die verlustbehaftete Stufe , um die Bilder zu komprimieren, da sie am anständigsten und ausgewogensten ist. Sie können eine hervorragende Bildqualität mit maximaler Größenreduzierung für Ihre Bilder erzielen.

2. Laden Sie die Bilder hoch

Nachdem Sie die Komprimierungsstufe ausgewählt haben, können Sie mit dem Hochladen der zu komprimierenden Bilder beginnen. Laden Sie sie einfach in die Bildbox auf der Website hoch. Sobald die Bilder hochgeladen sind, beginnt das Tool automatisch mit der Komprimierung.

Der Vorgang dauert je nach Größe der Bilder und der von Ihnen gewählten Komprimierungsstufe einige Sekunden. Danach sehen Sie die neu komprimierten Bilddateien auf der Webseite mit Komprimierungsrate und Größe.

Wie Sie im obigen Screenshot sehen können, haben wir eine durchschnittliche Reduzierung der Bildgröße von über 75 % , was großartig ist. Sie können auch die Bildgrößen vergleichen und feststellen, dass die komprimierte Bildqualität immer noch sehr gut ist.

Wenn Sie bereit sind, die Bilder herunterzuladen, können Sie dies einzeln oder in einer ZIP-Datei tun. Wenn Sie jedes Bild einzeln herunterladen müssen, müssen Sie die Download-Schaltfläche verwenden.

Wenn Sie andererseits alle komprimierten Bilder auf einmal herunterladen müssen, klicken Sie auf die Schaltfläche Dateien herunterladen , die Sie oben auf dem Bildschirm sehen können.

Danach können Sie diese Bilder auf Ihre WordPress-Website hochladen. Die manuelle Methode ist einfach, erfordert jedoch im Vergleich zur Plugin-Methode einige zusätzliche Schritte.

Jetzt wissen Sie, wie Sie Bilder in WordPress komprimieren, ohne die Bildqualität zu verlieren.

Tipps zum Komprimieren von Bildern in WordPress

Während Sie Bilder in WordPress komprimieren können, um Ihre Website schneller zu machen, müssen Sie dabei bestimmte Dinge beachten. Sie können Ihnen weiter helfen, die Bilder schneller zu laden.

1. Lazy Load die Bilder

Wenn jemand auf einer Ihrer Seiten landet, lädt WordPress standardmäßig den gesamten Inhalt auf einmal. Wenn Sie also zu viele Bilder darauf haben, dauert es je nach Leistung Ihres Servers eine Weile. Es gibt jedoch eine einfache Technik zur Optimierung der Bildbereitstellung, die als Lazy Load bezeichnet wird.

Sobald Sie es aktiviert haben, werden nicht alle Bilder auf einmal geladen, wenn jemand auf Ihrer Seite landet. Stattdessen werden die Bilder bereitgestellt, wenn der Benutzer zum entsprechenden Abschnitt der Webseite herunterscrollt . Dies ist eine hervorragende Möglichkeit, die Ladezeit von Seiten zu verkürzen.

Die meisten Caching-Plugins für WordPress sind standardmäßig mit der Lazy-Load-Funktion ausgestattet. Wenn Ihr Caching-Plugin dies nicht unterstützt, sollten Sie die Verwendung eines dedizierten Plugins wie BJ Lazy Load in Betracht ziehen. Das Plugin wird eine Weile nicht aktualisiert, aber es wird die Arbeit erledigen.

2. EXIF-Daten entfernen

EXIF-Daten sind kleine Details, die von Kameras zu Bildern hinzugefügt werden. Wenn wir Bilder in unsere WordPress-Installation hochladen, werden EXIF-Daten gespeichert und standardmäßig nicht entfernt . Wenn wir jedoch eine WordPress-Installation durchführen, sind diese nicht erforderlich.

Das Entfernen der EXIF-Daten ist also eine weitere gute Wahl, um Bilder schneller bereitzustellen. Sie können einfach mit einem Bildkomprimierungstool wie ShortPixel entfernt werden. Mit dem automatisierten Tool zum Entfernen von EXIF-Daten können Sie jedoch gleichzeitig EXIF-Daten der gesamten Bildbibliothek entfernen.

3. Cachen Sie die Bilder

Die Verwendung eines Caching-Systems ist auch eine großartige Möglichkeit, die Bildbereitstellung zu beschleunigen und HTTP-Anfragen zu reduzieren.

Ein Caching-System hilft Ihnen , eine Kopie jeder Webseite zu erstellen und sie bereitzustellen, wenn ein Benutzer sie anfordert. Die Benutzer sehen eine zwischengespeicherte Version der Webseite. Sie können die Kopie jedoch kontinuierlich manuell über die Einstellungen des Caching-Plugins aktualisieren.

Auch hier können Sie ein WordPress-Caching-Plugin oder das von Ihrem Webhosting-Anbieter bereitgestellte Caching-Plugin verwenden, wenn Sie die Bilder zwischenspeichern möchten.

Tipps zur Verbesserung der Geschwindigkeit Ihrer Website

Sobald Sie mit der Bildkomprimierung fertig sind, haben Sie die Hälfte erreicht. Sehen wir uns als Nächstes einige der Best Practices an, um eine WordPress-Installation zu beschleunigen.

1. Verwenden Sie Caching-Plugins

Ein Caching-Plugin generiert eine Offline-Kopie Ihrer Webseiten und speichert sie auf Ihrem Server. Wenn also ein Besucher auf Ihren Seiten landet, stellt das Caching-Plugin die gespeicherte Kopie bereit . Auf diese Weise können Sie die Anfragen an den Server reduzieren und die Seitengeschwindigkeit optimieren.

Einige WordPress-Hosting-Unternehmen verfügen über ein integriertes Caching-System. Sie können jedoch bei Bedarf eines der folgenden bekannten Caching-Plugins auswählen.

• WP-Rakete
• Super-Cache
• Schnellster Cache
• W3 Gesamtcache

Es gibt einige weitere Caching-Plugins für WordPress, wenn Sie ein anderes Plugin als diese verwenden möchten. Klicken Sie hier, um sie anzuzeigen.

Alle diese Plugins haben minimale Konfigurationsoptionen und können die Ladegeschwindigkeit von Seiten erhöhen. Darüber hinaus verfügen einige Caching-Plugins sogar über die eingebaute Lazyloading-Funktion und die CDN-Integration . Die Verwendung dieser Optionen kann zusätzliche Plugins reduzieren und ein besseres Ergebnis erzielen, wie in den vorherigen Abschnitten erwähnt.

Darüber hinaus können Sie auch bestimmte Seiten vom Caching ausschließen, z. B. die Checkout-Seite, wenn Sie einen WooCommerce-Shop mit einigen dieser Plugins betreiben.

2. Verwenden Sie ein leichtes Design

Entscheiden Sie sich nicht für ausgefallene WordPress-Themes, wenn Sie eine einfache Website benötigen. Sie haben schwere Frameworks und werden mit einer Menge JavaScript und anderen Dateien geliefert. Sie können also die Leistung Ihrer Website beeinträchtigen, indem sie die Website-Geschwindigkeit verringern.

Die meisten Theme-Autoren bieten eine Demo-Website für die Benutzer, um ihr Theme auszuprobieren. Sie können diese Demo-Website verwenden, um die Leistung und Geschwindigkeit der Themen herauszufinden.

Kopieren Sie einfach die URL der Demo-Website und gehen Sie zu einem Website-Geschwindigkeitstool wie Pingdom oder PageSpeed ​​Insight . Starten Sie dann den Prozess, um die Leistung zu testen und das Ergebnis anzuzeigen. Wenn es sich um ein leichtes Thema handelt, werden sehr gute Leistungsergebnisse erzielt.

Beachten Sie jedoch, dass die Demo-Website nicht zu 100% mit Caching-Plugins und komprimierten Bildern optimiert ist. Es wird also geringfügige Abweichungen in den Testergebnissen geben.

Unserer Erfahrung nach sind die besten leichtgewichtigen WordPress-Themes:

• GeneratePress – GeneratePress-Überprüfung
• Astra – Überprüfung des Astra-Themas
• OceanWP
• Genesis-Framework

3. Wählen Sie einen guten Hosting-Provider

Wenn Sie nach einem Webhosting-Unternehmen suchen, zeigt Google Hunderte von Suchergebnissen an. Es wird kostenlose, Freemium- und Premium-Webhosting-Unternehmen auf dem Markt geben. Wenn Sie Ihr Geschäft jedoch ernst nehmen, empfehlen wir Ihnen nicht, einen kostenlosen Webhosting-Anbieter zu verwenden. Premium-Webhosting -Unternehmen bieten besser skalierte Serverleistung , Support und Sicherheit.

Hier ist eine Liste der besten WordPress-Hosting-Unternehmen, die Sie im Jahr 2022 nutzen können. Sie können jeden der Hosting-Dienste entsprechend den Anforderungen Ihrer Website nutzen.

Wenn Sie jedoch mit Ihrem aktuellen Hosting nicht zufrieden sind, können Sie jederzeit auf ein besseres migrieren. Es genügt, ein vollständiges Website-Backup zu erstellen und es wiederherzustellen.

4. Verwenden Sie CDN

CDN steht für Content Delivery Network . Wenn Sie sich für ein Hosting-Paket für Ihre WordPress-Website entscheiden, werden Sie vom Hosting-Unternehmen nach Ihrem bevorzugten Rechenzentrum gefragt. Renommierte Hosting-Unternehmen haben Rechenzentren an mehreren Standorten, aus denen die Benutzer nach Belieben auswählen können.

Wenn Sie sich für ein Rechenzentrum in den USA entschieden haben, wird die Website für Besucher aus den USA schneller geladen. Wenn andererseits jemand die Website aus Indien oder einem anderen Land besucht, das weit vom Standort des Rechenzentrums entfernt ist, kommt es zu einer leichten Verzögerung bei der Ladezeit der Website. Um dieses Problem zu beheben, müssen Sie einen CDN-Anbieter verwenden .

CDN-Anbieter werden mehrere Rechenzentrumsstandorte auf der ganzen Welt haben. Sobald Sie Ihre Website zu seinem Netzwerk hinzugefügt haben, wählt der Anbieter den geeigneten Server aus, der dem Standort Ihres Website-Besuchers am nächsten liegt. Dadurch können Sie Website-Besuchern weltweit eine optimierte Leistung bieten.

Wenn Sie nach einem CDN-Anbieter suchen, sehen Sie sich Cloudflare an. Cloudflare ist eine Freemium-Plattform, und Sie erhalten viele innovative Funktionen, wenn es um die Seitenleistung geht.

Bonus: So optimieren Sie Bilder für Suchmaschinen

Abgesehen von den typischen Google-Suchergebnissen werden die Leute auch die Bildergebnisse verwenden, um das zu finden, was sie brauchen. Daher ist die Optimierung Ihrer Bilder für Suchmaschinen eine entscheidende Aufgabe. Sie können Ihre hochgeladenen Bilder jedoch mit leichten Anpassungen für Google und andere Suchmaschinen optimieren.

Hier sind einige der wesentlichen Elemente, die Sie beim Hochladen von Bildern auf Ihre WordPress-Website berücksichtigen müssen.

1. Titel-Tags

WordPress generiert standardmäßig automatisch Titel-Tags entsprechend dem Namen Ihres Bildes. Sie können es jedoch einfach über die Medienbibliotheksseite überschreiben. Wenn Sie möchten, können Sie die Titel-Tags zur HTML-Version der Seite hinzufügen und das Bild verständlicher machen.

2. ALT-Tags

Suchmaschinen-Crawler verwenden Alt-Tags, um das Bild zu verstehen , weshalb das Hinzufügen von Alt-Tags zu Bildern ein Muss ist. Sie können dies manuell tun oder ein WordPress-Plugin verwenden.

WordPress fragt nach dem Alt-Tag, wenn Sie Fotos oder GIF-Dateien in die Medienbibliothek hochladen. Geben Sie einfach die Schlüsselwörter ein, die sich auf Ihre Bilder oder Website-Inhalte beziehen, und Sie können loslegen. Sie können Ihre Alt-Tags noch besser machen, indem Sie das Bild richtig beschreiben.

Darüber hinaus können Sie auch Alt-Tags ändern, wann immer Sie sie aus der Medienbibliothek selbst benötigen.

3. XML-Sitemaps

Sie können Ihre Suchmaschinenpräsenz schnell verbessern, indem Sie mithilfe eines Sitemap-Plugins Sitemaps erstellen. Alles, was Sie tun müssen, ist die Sitemap im Google Search Console-Tool einzureichen und mit dem Abrufen von Inhalten zu beginnen. Für ein besseres Bildranking können Sie auch eine Sitemap-Datei erstellen, die alle gewünschten Bilder enthält.

Die meisten SEO-Plugins verfügen über diese Funktion. Nachdem Sie eine Sitemap erstellt haben, fügen Sie sie Ihrer GSC-Property hinzu. Dann ruft das SEO-Plug-in jedes Bild ab und reicht es für die Suchmaschinenindizierung ein, wenn Sie neue Fotos hinzufügen.

So fügen Sie ALT-Tags automatisch hinzu

Wir haben bereits die Bedeutung von Alt-Tags in Ihren Bildern erwähnt. Wir zeigen Ihnen also, wie Sie mit einem einfachen WordPress-Plugin automatisch Alt-Tags hinzufügen.

Sie können eine Reihe von Plugins finden, um Alt-Tags zu Bildern in WordPress hinzuzufügen. Aber jetzt werden wir das Plugin PB SEO Friendly Images verwenden.

Als erstes müssen Sie das Plugin auf Ihrer WordPress-Seite installieren und aktivieren .

Nach der Aktivierung sehen Sie auf der linken Seite die Konfigurationsoptionen des Plugins. Gehen Sie einfach in Ihrem WordPress-Dashboard zu Einstellungen > SEO-freundliche Bilder .

Ändern Sie von dort aus das Alt-Schema nach Ihren Wünschen.

Nach der Änderung müssen Sie die Einstellungen aktualisieren .

Das ist es! Das Plugin ändert die Alt-Tags jedes neuen Bildes, das Sie von nun an hochladen. Wenn Sie weitere Informationen benötigen, haben wir sogar eine detaillierte Anleitung zum automatischen Hinzufügen von Alt-Tags zu Bildern in WordPress.

Fazit

Das Komprimieren der Bilder ist eine der besten Möglichkeiten, um die Geschwindigkeit Ihrer Website zu erhöhen. Wenn Sie also Bilder in WordPress komprimieren müssen, sollten Sie dies sofort tun. Sie helfen Ihrer Website sogar, irgendwann in den Suchmaschinen besser zu ranken.

Zusammenfassend können Sie Bilder auf Ihrer Website auf zwei Arten komprimieren:

• Verwenden eines Plugins
• Manuell

Sie können ein Plugin verwenden, um die Bilder zu komprimieren, wenn Sie sie bereits auf Ihre Website hochgeladen haben. Der manuelle Ansatz ist hingegen einfacher, wenn Sie neue Bilder auf Ihre Website hochladen müssen. Nichtsdestotrotz hängt alles von Ihren Vorlieben ab, da beide Methoden zum Komprimieren von Bildern verwendet werden können, unabhängig davon, ob Sie sie bereits hochgeladen haben oder nicht. ShortPixel kann für beide Ansätze verwendet werden und ist auch unser bevorzugtes Tool zum Komprimieren von Bildern, da es über eine Cloudflare-Integration und viele weitere nützliche Funktionen verfügt.

Darüber hinaus haben wir auch einige Tipps zum Komprimieren von Bildern, Verbessern der Website-Geschwindigkeit und Optimieren von Bildern für Suchmaschinen hinzugefügt. Wir haben auch einige weitere interessante Artikel, die Ihnen gefallen könnten:

• So beheben Sie Probleme mit der WooCommerce-Bildgröße
• Bild zu einem Produkt in WooCommerce hinzufügen
• So fügen Sie benutzerdefinierte Bildgrößen in WordPress hinzu

Wir hoffen, dass Sie diesen Artikel hilfreich fanden und die Lektüre genossen haben. Bitte teilen Sie es mit anderen Bloggern, wenn Sie dies tun.

Wie werden Sie Bilder in WordPress komprimieren? Manuell oder über ein Plugin? Lass es uns in den Kommentaren wissen.