WPBeginner - WordPress-Tutorials für Anfänger

Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

Wie man Bilder für Web-Performance optimiert, ohne Qualität zu verlieren

Von Redaktion | | Offenlegung für Leser

Shares 1.3k ChatGPT Perplexity X LinkedIn WhatsApp

Mit einer langsamen Website umzugehen ist unglaublich frustrierend. Nachdem wir Tausenden von WPBeginner-Lesern geholfen haben, ihre Websites zu beschleunigen, haben wir festgestellt, dass ein Problem häufiger auftritt als jedes andere: große, nicht optimierte Bilder.

Viele Website-Besitzer befürchten, dass das Verkleinern ihrer Bilder sie unscharf und unprofessionell aussehen lässt. Das verstehen wir. Die gute Nachricht ist, dass Sie sich nicht zwischen schnell ladenden Seiten und schönen, hochwertigen Bildern entscheiden müssen.

Wir haben einen einfachen Prozess zur Bildoptimierung perfektioniert, den wir auf all unseren eigenen Websites verwenden. Diese Anleitung führt Sie durch genau diese anfängerfreundlichen Schritte. Sie lernen, wie Sie Ihre Bilder verkleinern, ohne die Qualität zu beeinträchtigen.

Wie Sie Bilder für das Web einfach optimieren (ohne Qualitätsverlust)

Da dies ein umfassender Leitfaden zur Bildoptimierung für das Web ist, haben wir ein leicht verständliches Inhaltsverzeichnis erstellt:

  1. Was ist Bildoptimierung?
  2. Was sind die Vorteile der Bildoptimierung?
  3. Bilder für Web-Performance speichern und optimieren
  4. Beste Tools und Programme zur Bildoptimierung
  5. Beste Plugins zur Bildoptimierung für WordPress
  6. Abschließende Gedanken und Best Practices für die Bildoptimierung
  7. Video-Tutorial
  8. Häufig gestellte Fragen zur Bildoptimierung
  9. Zusätzliche Ressourcen zur Verbesserung der WordPress-Leistung

1. Was ist Bildoptimierung?

Bildoptimierung ist der Prozess des Speicherns und Auslieferns von Bildern in der kleinstmöglichen Dateigröße, ohne die Gesamtbildqualität zu verringern.

Obwohl der Prozess komplex klingt, ist er heutzutage eigentlich ganz einfach. Sie können eines der vielen Plugins und Tools zur Bildoptimierung verwenden, um Bilder automatisch um bis zu 80 % zu komprimieren, ohne sichtbaren Qualitätsverlust.

Hier ist ein Beispiel für ein optimiertes und ein nicht optimiertes Bild:

Optimierte vs. unoptimierte Bilder in WordPress

Wie Sie sehen können, kann dasselbe Bild bei richtiger Optimierung bis zu 80 % kleiner sein als das Original, ohne Qualitätsverlust. In diesem Beispiel ist das Bild 52 % kleiner.

Wie funktioniert Bildoptimierung?

Vereinfacht ausgedrückt funktioniert die Bildoptimierung durch den Einsatz von Kompressionstechnologie.

Komprimierung kann „verlustbehaftet“ oder „verlustfrei“ sein.

Verlustfreie Komprimierung reduziert die Gesamtdateigröße ohne jeglichen Verlust an Bildqualität. Bei verlustbehafteter Komprimierung kann es zu einem geringfügigen Qualitätsverlust kommen, der aber idealerweise für Ihre Besucher nicht wahrnehmbar ist.

Was bedeutet es, Bilder zu optimieren?

Möglicherweise haben Sie eine Empfehlung zur Bildoptimierung von Ihrem WordPress-Hosting-Support oder einem Geschwindigkeitstest-Tool erhalten und fragen sich, was Sie tun müssen.

Sie müssen die Dateigröße Ihrer Bilder reduzieren, indem Sie sie für das Web optimieren. Wir zeigen Ihnen Schritt für Schritt, wie das geht.

2. Was sind die Vorteile der Bildoptimierung?

Während die Optimierung Ihrer Bilder viele Vorteile hat, sind hier die wichtigsten, die Sie kennen sollten:

  • Schnellere Website-Geschwindigkeit
  • Verbesserte SEO-Rankings
  • Eine höhere Gesamtkonversionsrate für Verkäufe und Leads
  • Weniger Speicherplatz und Bandbreite (was Hosting- und CDN-Kosten reduzieren kann)
  • Schnellere Website-Backups (was die Kosten für die Backup-Speicherung reduzieren kann)

Bilder sind nach Videos der zweitschwerste Bestandteil einer Webseite. Laut dem HTTP Archive machen Bilder oft den größten Teil der gesamten Dateigröße einer Seite aus.

Da wir wissen, dass schnelle Websites in Suchmaschinen höher ranken (SEO) und bessere Konversionen erzielen, ist die Bildoptimierung etwas, das jede Geschäftswebsite tun muss, wenn sie online erfolgreich sein will.

Nun fragen Sie sich vielleicht, wie groß der Unterschied bei der Bildoptimierung wirklich sein kann.

Eine grundlegende Studie von Strangeloop ergab, dass eine Verzögerung von einer Sekunde bei der Ladezeit 7 % der Verkäufe, 11 % weniger Seitenaufrufe und eine Abnahme der Kundenzufriedenheit um 16 % kosten könnte. Heute, da die Erwartungen der Nutzer noch höher sind, ist die Auswirkung noch bedeutender.

Strangeloop Fallstudie

Wenn dies nicht genug Gründe sind, um Ihre Website zu beschleunigen, sollten Sie wissen, dass Suchmaschinen wie Google schneller ladenden Websites auch eine bevorzugte SEO-Behandlung geben.

Das bedeutet, dass Sie durch die Optimierung Ihrer Bilder für das Web sowohl die Website-Geschwindigkeit verbessern als auch die WordPress SEO-Rankings steigern können.

3. Bilder für Web-Performance speichern und optimieren

Der Schlüssel zur erfolgreichen Bildoptimierung für Web-Performance liegt darin, die perfekte Balance zwischen der kleinsten Dateigröße und akzeptabler Bildqualität zu finden.

Die drei Dinge, die eine große Rolle bei der Bildoptimierung spielen, sind:

  • Bilddateiformat (JPEG vs. PNG vs. GIF)
  • Komprimierung (höhere Komprimierung = kleinere Dateigröße)
  • Bildabmessungen (Höhe und Breite)

Durch die Wahl der richtigen Kombination der drei können Sie Ihre Bildgröße um bis zu 80 % reduzieren.

Schauen wir uns jeden einzelnen davon genauer an.

1. Bilddateiformat

Für die meisten Website-Betreiber sind nur die drei Bilddateiformate JPEG, PNG und GIF wirklich wichtig. Die Wahl des richtigen Dateityps spielt eine wichtige Rolle bei der Bildoptimierung.

Um es einfach zu halten, sollten Sie JPEGs für Fotos oder Bilder mit vielen Farben, PNGs für einfache oder transparente Bilder und GIFs nur für animierte Bilder verwenden.

Für diejenigen, die den Unterschied zwischen den einzelnen Dateitypen nicht kennen:

  • Das PNG-Bildformat verwendet verlustfreie Komprimierung. Das bedeutet, dass die Dateigröße ohne Qualitätsverlust reduziert wird, was es zu einer guten Wahl für Logos, textlastige Grafiken und Bilder macht, bei denen Sie scharfe Linien und Transparenz benötigen.
  • JPEG hingegen ist ein komprimiertes Dateiformat, das die Bildqualität leicht reduziert, um eine deutlich kleinere Dateigröße zu erzielen.
  • Während GIF nur 256 Farben zusammen mit verlustfreier Komprimierung verwendet, was es zur besten Wahl für animierte Bilder macht.

Auf WPBeginner verwenden wir eine Mischung aus diesen Formaten. Viele moderne Websites verwenden jedoch jetzt das WebP-Format. WebP bietet oft eine noch bessere Komprimierung als JPEG und PNG (was kleinere Dateien bedeutet) bei ausgezeichneter Qualität. Die meisten Browser unterstützen es inzwischen, und viele Optimierungs-Plugins können Ihre Bilder automatisch in WebP konvertieren, um einen enormen Geschwindigkeitsvorteil zu erzielen.

Weitere Informationen zu Bildformaten finden Sie in unserem Leitfaden zu WebP vs. PNG vs. JPEG: Was ist das beste Bildformat für WordPress.

2. Kompression

Das Nächste ist die Bildkomprimierung, die eine große Rolle bei der Bildoptimierung spielt.

Es gibt verschiedene Arten und Stufen der Bildkomprimierung. Die Einstellungen für jede variieren je nach Ihrem Bildkomprimierungstool.

Die meisten Bildbearbeitungsprogramme wie Adobe Photoshop, ON1 Photo, GIMP, Affinity Photo und andere verfügen über integrierte Bildkomprimierungsfunktionen.

Sie können Bilder auch normal speichern und dann ein Web-Tool wie TinyPNG oder JPEGmini zur einfacheren Bildkomprimierung verwenden.

Obwohl sie etwas manuellen Aufwand erfordern, ermöglichen Ihnen diese beiden Methoden, Bilder vor dem Hochladen in WordPress zu komprimieren, und genau das tun wir auf WPBeginner.

Es gibt auch mehrere beliebte WordPress-Plugins wie Optimole und EWWW Image Optimizer, die Bilder automatisch komprimieren können, wenn Sie sie zum ersten Mal hochladen. Das ist praktisch, und viele Anfänger und sogar große Unternehmen ziehen es vor, diese Bildoptimierungs-Plugins zu verwenden.

Wir werden später im Artikel mehr über die Verwendung von WordPress-Plugins berichten.

3. Bildabmessungen

Normalerweise, wenn Sie ein Foto von Ihrem Handy oder einer Digitalkamera importieren, hat es eine sehr hohe Auflösung und große Dateidimensionen (Höhe und Breite).

Wenn Sie Fotos von Ihrem Handy oder einer Digitalkamera erhalten, haben diese oft sehr große Pixelabmessungen (z. B. 4000 Pixel breit) und möglicherweise eine „Auflösungseinstellung“ von 300 DPI.

Hier ist ein wichtiger Tipp für Web-Bilder: Sie können DPI komplett ignorieren. Diese Einstellung ist für den Druck gedacht. Für das Web sind nur die Pixelabmessungen (Höhe und Breite) relevant.

Die Reduzierung der Bildabmessungen auf etwas Angemesseneres kann die Bilddateigröße erheblich verringern. Sie können Bilder einfach mit Bildbearbeitungssoftware auf Ihrem Computer skalieren.

Zum Beispiel haben wir ein Foto mit riesigen Originalabmessungen von 4900×3200 Pixeln aufgenommen. Die ursprüngliche Dateigröße betrug 1,8 MB.

Wir haben das JPEG-Format für eine höhere Komprimierung gewählt und die Abmessungen auf 1200×795 Pixel geändert. Die Dateigröße wurde auf nur 103 KB reduziert. Das ist 94 % kleiner als die ursprüngliche Dateigröße.

Jetzt, da Sie die drei wichtigen Faktoren der Bildoptimierung kennen, werfen wir einen Blick auf verschiedene Bildoptimierungswerkzeuge für Website-Betreiber.

4. Beste Tools und Programme zur Bildoptimierung

Wie bereits erwähnt, verfügen die meisten Bildbearbeitungsprogramme über Einstellungen zur Bildoptimierung und -komprimierung.

Abgesehen von der Bildbearbeitungssoftware gibt es auch mehrere leistungsstarke kostenlose Bildoptimierungstools, mit denen Sie Bilder für das Web optimieren können (mit nur wenigen Klicks).

Wir empfehlen, diese Tools zu verwenden, um Bilder zu optimieren, bevor Sie sie auf WordPress hochladen, insbesondere wenn Sie ein Perfektionist sind.

Diese Methode hilft Ihnen, Speicherplatz auf Ihrem WordPress-Hosting-Konto zu sparen, und garantiert das schnellste Bild mit der besten Qualität, da Sie jedes Bild manuell überprüfen.

Adobe Photoshop

Adobe Photoshop ist eine Premium-Bildbearbeitungsanwendung, mit der Sie Bilder mit einer kleineren Dateigröße für das Web exportieren können.

Bild für das Web exportieren

Über den Exportdialog können Sie ein Bilddateiformat (JPG, PNG, GIF) wählen, das Ihnen die kleinste Dateigröße liefert.

Sie können auch die Bildqualität, Farben und andere Optionen reduzieren, um die Dateigröße weiter zu verringern.

Bild vor dem Speichern optimieren

GIMP

GIMP ist eine kostenlose Open-Source-Alternative zu Adobe Photoshop. Es kann verwendet werden, um Ihre Bilder für das Web zu optimieren. Der Nachteil ist, dass es nicht so einfach zu bedienen ist wie einige andere Lösungen auf dieser Liste.

Zuerst müssen Sie Ihr Bild in GIMP öffnen und dann die Option Datei » Exportieren als… auswählen. Daraufhin öffnet sich der Dialog „Bild exportieren“, in dem Sie Ihrer Datei einen neuen Namen geben können. Klicken Sie anschließend auf die Schaltfläche „Exportieren“.

Sie sehen nun die Optionen zum Exportieren von Bildern. Bei JPEG-Dateien können Sie mit dem Schieberegler „Qualität“ die Komprimierungsstufe auswählen und die Dateigröße reduzieren.

Exportieren eines Bildes in GIMP

Schließlich sollten Sie auf die Schaltfläche 'Exportieren' klicken, um die optimierte Bilddatei zu speichern.

TinyPNG

TinyPNG ist eine kostenlose Web-App, die eine intelligente verlustbehaftete Komprimierungstechnik verwendet, um die Größe Ihrer PNG- und JPEG-Dateien zu reduzieren. Alles, was Sie tun müssen, ist auf deren Website zu gehen und Ihre Bilder per Drag & Drop hochzuladen.

Optimieren Sie Ihre Bilder

Sie komprimieren das Bild und geben Ihnen einen Download-Link.

Sie haben auch eine Erweiterung für Adobe Photoshop, die wir als Teil unseres Bildbearbeitungsprozesses verwenden, da sie Ihnen den Zugriff auf TinyPNG direkt aus Photoshop ermöglicht.

Für Entwickler gibt es eine API zur automatischen Konvertierung von Bildern. Zusätzlich gibt es für Anfänger ein WordPress-Plugin, das dies für Sie erledigt. Wir werden später mehr darüber sprechen.

JPEGmini

JPEGmini verwendet eine leistungsstarke verlustbehaftete Komprimierungstechnologie, die die Größe von Bildern erheblich reduziert, ohne ihre wahrgenommene Qualität zu beeinträchtigen. Sie können auch die Qualität des Originalbildes und des komprimierten Bildes vergleichen, um sich selbst davon zu überzeugen.

JPEGMini Online-Tool zur Bildkomprimierung

Sie können deren Webversion kostenlos nutzen oder das Programm für Ihren Computer kaufen. Sie haben auch eine kostenpflichtige API, um den Prozess für Ihren Server zu automatisieren.

ImageOptim

ImageOptim ist ein Mac-Dienstprogramm, mit dem Sie Bilder ohne Qualitätsverlust komprimieren können, indem Sie die besten Komprimierungsparameter finden und unnötige Farbprofile entfernen.

Bilder optimieren mit ImageOptim

Eine Windows-Alternative dazu ist Trimage.

5. Beste Bildoptimierungs-Plugins für WordPress

Wir glauben, dass der beste Weg, Ihre Bilder zu optimieren, darin besteht, dies vor dem Hochladen in WordPress zu tun. Wenn Sie jedoch eine Website mit mehreren Autoren betreiben oder eine automatisierte Lösung benötigen, können Sie ein WordPress-Bildkomprimierungs-Plugin ausprobieren.

Hier ist unsere Liste der besten WordPress-Bildkompressions-Plugins:

  1. Optimole, ein beliebtes Plugin des Teams hinter ThemeIsle
  2. EWWW Bildoptimierer
  3. JPEG-, PNG- & WebP-Bildkomprimierung, ein Plugin des oben genannten TinyPNG-Teams
  4. Imagify, ein Plugin des beliebten WP Rocket Teams
  5. ShortPixel Bildoptimierer
  6. Smush
  7. reSmush.it
  8. Envira Gallery ist ein WordPress-Galerie-Plugin mit integrierter Bildkomprimierung

Diese WordPress-Plugins zur Bildoptimierung helfen Ihnen, Ihre Website zu beschleunigen.

6. Abschließende Gedanken und Best Practices für die Bildoptimierung

Wenn Sie keine für das Web optimierten Bilder speichern, sollten Sie jetzt damit beginnen. Es wird einen großen Unterschied für die Geschwindigkeit Ihrer Website machen, und Ihre Benutzer werden es Ihnen danken.

Ganz zu schweigen davon, dass schnellere Websites großartig für SEO sind und Sie wahrscheinlich eine Verbesserung Ihrer Suchmaschinenrankings feststellen werden.

Abgesehen von der Bildoptimierung sind die beiden Dinge, die Ihnen helfen werden, Ihre Website erheblich zu beschleunigen, die Verwendung eines WordPress-Caching-Plugins und die Verwendung eines WordPress-CDN.

Bei WPBeginner verwenden wir WP Rocket, da es sowohl leistungsstarke Caching- als auch Bildoptimierungsfunktionen, einschließlich Lazy Loading (was bedeutet, dass Bilder erst geladen werden, wenn ein Besucher nach unten scrollt) und WebP-Unterstützung, in einer einzigen Lösung kombiniert.

Wenn Sie das Plugin Envira Gallery verwenden, empfehlen wir auch deren Envira CDN Service. Es ist ein bildspezifisches CDN, das Ihre Fotogalerien unglaublich schnell laden lässt, ohne die Komplexität einer herkömmlichen CDN-Einrichtung.

Alternativ können Sie ein Managed WordPress Hosting-Unternehmen nutzen, da diese oft sowohl Caching als auch CDN als Teil der Plattform anbieten.

Video-Tutorial

WPBeginner abonnieren

Häufig gestellte Fragen zur Bildoptimierung

Im Laufe der Jahre, in denen wir Benutzern geholfen haben, die Geschwindigkeit ihrer Websites zu verbessern, haben wir viele Fragen zur Bildoptimierung beantwortet. Hier sind die Antworten auf einige der häufigsten.

1. Welches ist das beste Bildformat für das Web?

Das hängt vom Bildtyp ab. Für Fotografien mit vielen Farben ist JPEG normalerweise die beste Wahl. Für einfache Grafiken, Logos oder Bilder, die einen transparenten Hintergrund benötigen, ist PNG ideal. GIFs sollten nur für Animationen verwendet werden. Das neuere WebP-Format ist ebenfalls eine ausgezeichnete Option, die eine hohe Qualität bei kleinen Dateigrößen bietet.

2. Reduziert die Optimierung von Bildern deren Qualität?

Nicht immer. Eine „verlustfreie“ Komprimierung verkleinert Dateien ohne Qualitätsverlust. Selbst bei einer „verlustbehafteten“ Komprimierung ist das Ziel, ein Gleichgewicht zu finden, bei dem die Dateigröße drastisch reduziert wird, aber jede Qualitätsänderung für das bloße Auge praktisch unsichtbar ist.

3. Was ist eine gute Dateigröße für Web-Bilder?

Es gibt keine perfekte Größe, aber ein guter Richtwert für die meisten Bilder liegt unter 150 KB. Bei großen, bildschirmfüllenden Bildern können Sie bis zu 500 KB gehen. Das Hauptziel ist immer, die kleinstmögliche Datei zu erhalten und gleichzeitig sicherzustellen, dass das Bild auf Ihrer Website gestochen scharf und klar aussieht.

4. Wie verbessert die Bildoptimierung die SEO?

Suchmaschinen wie Google nutzen die Seitenladegeschwindigkeit als Rankingfaktor. Da Bilder oft die größten Dateien auf einer Seite sind, beschleunigt deren Optimierung die Ladezeit Ihrer Website. Diese Geschwindigkeitsverbesserung kann zu besseren SEO-Rankings und einer besseren Erfahrung für Ihre Besucher führen.

5. Kann ich bereits in WordPress hochgeladene Bilder optimieren?

Ja. Die meisten Bildoptimierungs-Plugins für WordPress verfügen über eine Funktion zur „Massenoptimierung“. Dieses Tool kann Ihre gesamte Mediathek durchsuchen und alle Ihre vorhandenen Bilder komprimieren, was perfekt ist, um die Geschwindigkeit einer etablierten Website zu verbessern.

Zusätzliche Ressourcen zur Verbesserung der WordPress-Leistung

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Ihre Bilder in WordPress optimieren. Möglicherweise möchten Sie auch einige andere Artikel zur Verbesserung der WordPress-Leistung sehen:

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

Beliebt auf WPBeginner Gerade jetzt!

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Jetzt herunterladen

Leserinteraktionen

123 CommentsLeave a Reply

  1. Nun, für mich konvertiere ich IMMER alle meine Bilder in das .webp-Dateiformat, bevor ich sie auf meine WordPress-Website hochlade.
    Ich habe mich entschieden, .webp anstelle von JPEG und PNG zu verwenden, da es eine viel bessere verlustfreie Komprimierung bietet, wodurch die Dateigröße erheblich reduziert werden kann, ohne die Bildqualität zu beeinträchtigen.

    Reply

    • Ich habe früher dasselbe gemacht. Zuerst alle Bilder in WebP konvertiert und sie dann auf FTP hochgeladen. So hatte ich auf der Website kein anderes Format außer WebP. Später wurde ich jedoch darauf aufmerksam gemacht, dass dies keine gute Praxis ist, da es immer noch ältere Browsertypen gibt, die einige Benutzer möglicherweise verwenden und die WebP nicht unterstützen. Wenn ein solcher Benutzer Ihre Website besucht, werden die Bilder nicht angezeigt. Seitdem benutze ich ein Plugin. Ich lade PNG-Bilder auf die Website hoch, und das Plugin konvertiert sie in WebP. Dies stellt sicher, dass beide Formate auf der Website vorhanden sind, und für ältere Browser wird das kompatible PNG-Bild zur Anzeige verwendet.

      Reply

      • Wow, danke für diese Einblicke in Ihre Methode. Dies könnte leicht übersehen werden und ich werde dies bei der Bearbeitung von Bildern für meine Websites berücksichtigen.

        Reply

  2. Danke für das Tutorial. Persönlich habe ich die Bilder früher zuerst in das .webp-Format konvertiert und sie dann in diesem Format ins Web hochgeladen. Dieses Format scheint mir das kleinste in Bezug auf das Datenvolumen zu sein und gleichzeitig immer noch sehr hohe Qualität für eine gute Benutzererfahrung. Ich verwende dafür keine Plugins, aber ich konvertiere Bilder normalerweise in Online-Konvertern oder in Computersoftware.

    Reply

      • Aber wenn ich das Plugin verwende, nimmt es dann nicht zu viel Platz auf meinem FTP ein, weil die Originaldatei auch da ist? Aber ich werde mir Ihre Anweisungen auf jeden Fall gerne ansehen. Danke für den Link.

        Reply

        • Sie könnten immer die Originaldateien löschen. Sie können die Suchfunktion auf der Admin-Seite für Medien verwenden, um nach Dateitypen zu suchen, wie z. B. den Erweiterungen .png oder .jpg/.jpeg.

  3. Dies ist ein umfassender Leitfaden.
    Es ist wichtig, Bilder zu optimieren, um eine schnelle Website-Ladezeit und Inhaltsbereitstellung zu gewährleisten.
    Sie haben zitiert, dass Bilder nach Videos die zweitschwersten sind, was ist mit Audio, ist Audio leichter als Bilder und wie?

    Reply

    • Audio würde tendenziell zwischen Bildern und Videos liegen. Das heißt, je nach Menge des Audios und Dateityp ist dies keine exakte Regel und hängt einfach von den betreffenden Dateien ab.

      Reply

      • Danke für Ihre Antwort. Die Sache ist, dass ich früher Audio-Dateien im Vergleich zu Bildern als größer empfand. Die meisten Bilder sind in Kilobytes, während Audios normalerweise mehr sind. Ich denke, die Dauer, die ein Audio abgespielt und eine aussagekräftige Nachricht übermittelt werden muss, trägt ebenfalls zu seiner Größe bei.

        Reply

  4. Would love to say that this has been incredibly helpful, easy to digest and implement, I appreciate all the tools provided. Thank you! :) – from a beginner blogger

    Reply

  5. Übrigens, eine weitere Frage, die ich habe, ist, ob bei der Verwendung von Bildoptimierungs-Plugins und der Optimierung zuvor hochgeladener Bilder die neuen Bilder die alten ersetzen? Oder bleiben die Originalbilder in der WordPress-Mediathek erhalten, mit den optimierten Bildern daneben?

    Reply

    • Es würde vom spezifischen Plugin abhängen, das Sie verwenden, da einige das Bild ersetzen, während andere die Option haben, das Original beizubehalten.

      Reply

      Admin

    • Viele von ihnen geben Ihnen die Wahl, ob Sie die Originalbilder behalten oder löschen möchten. Aus persönlicher Erfahrung empfehle ich, die Originalbilder auf der Website zu behalten (zumindest als Backup).

      Reply

  6. Hallo,
    Grüße an Sie. Dieser Artikel scheint ziemlich umfassend zu sein. Ich habe Ihre Website vor ein paar Tagen kennengelernt und angefangen, die Artikel zu lesen. Ich habe beschlossen, den gleichen Prozess auf meiner Website zu implementieren, während ich diese Artikel lese.
    Ich bin schnell zu Punkt 2 gelangt und habe mich auf die Website-Geschwindigkeit konzentriert. Um ehrlich zu sein, arbeite ich erst seit ein paar Tagen an meiner Website und habe es nur geschafft, die Website-Geschwindigkeit um 10 % zu erhöhen.

    Reply

      • Ja, das ist genau richtig. In dieser riesigen und wettbewerbsintensiven Welt werden diejenigen gewinnen, die ihre Website ständig verbessern und mehr als ihre Konkurrenten bieten. Andernfalls werden wir die Verlierer sein.

        Reply

  7. Die Optimierung von Bildern für Websites oder Blogs ist sehr wichtig für die Geschwindigkeit der Website.
    Große Bildgrößen brauchen Zeit zum Laden und verlangsamen die Website.
    Ich habe einige Plugins zur Bildoptimierung verwendet.
    Aber ich denke, die beste Option ist die Verwendung von Caching-Plugins und CDN für Websites.
    Das macht die Website nicht nur schnell, sondern hilft auch dabei, Besucher zu halten.

    Reply

    • CDNs are normally for speed instead of retention but a fast loading site does help keep your visitors and helps make them want to return :)

      Reply

      Admin

  8. Zunächst ist es wichtig zu beachten, dass nicht alle Bilddateitypen gleich sind. JPEGs sind im Allgemeinen viel kleiner als PNGs, daher ist es wichtig, den richtigen Dateityp für die jeweilige Aufgabe zu wählen.

    Darüber hinaus sollten Sie beim Ändern der Bildgröße diese immer ändern, bevor Sie sie auf Ihre Website hochladen. Auf diese Weise können Sie vermeiden, übergroße Bilder für Ihre Besucher bereitzustellen, was Ihre Website verlangsamen kann.

    Abschließend möchte ich darauf hinweisen, dass eine Reihe von Plugins verfügbar sind, die Ihnen helfen können, den Prozess der Optimierung Ihrer Bilder zu automatisieren. WP Smush ist eine großartige Option, die Ihnen helfen kann, Zeit zu sparen und sicherzustellen, dass Ihre Bilder immer richtig optimiert sind.

    Reply

  9. Das ist brillant, vielen Dank. Ich benutze JPEGmini, nachdem ich diesen Artikel gelesen habe, und bin so erleichtert, diesen Aspekt unserer Website gelöst zu haben.

    Reply

  10. Danke für die normale und einfache Erklärung. Ich habe ein paar Fehler mit meinen Fotoinhalten auf meiner Website gemacht, aber mit Hilfe Ihrer Erklärungen habe ich genau herausgefunden, was ich tun musste. Danke!

    Reply

  11. So hilfreich!! Danke fürs Teilen. Schnelle Frage – Wenn ich meine Bilder direkt in Photoshop mit der oben genannten Einstellung "Für Web speichern" auf eine optimale/akzeptable KB-Größe komprimiere und sie dann in WordPress hochlade… muss ich dann auch Shortpixel oder ein anderes Bildkomprimierungs-Plugin ausführen? Oder ist das redundant?

    Ich versuche zu verstehen, ob es zusätzliche Vorteile hat, ein Plugin anstelle von Photoshop zu verwenden. Ich würde gerne Ihre Meinung dazu hören. Danke!

    Reply

    • The plugins are an alternative, if you optimize your images before uploading them, you wouldn’t need to use an image optimization plugin :)

      Reply

      Admin

  14. Die Optimierungs-Plugins erstellen eine Kopie des „schweren“ Bildes und liefern die optimierte Version. Das erhöht jedoch den Speicherplatz auf der Website.
    Gibt es eine Möglichkeit, die alte Version zu löschen und nur das optimierte Bild zu belassen?

    Reply

    • Wir empfehlen, sich an den Support des von Ihnen verwendeten Plugins zu wenden, da diese normalerweise eine Option zum Entfernen der nicht optimierten Version haben.

      Reply

      Admin

  15. Hallo, bedeutet Größenänderung, dass die Größe der Bilder geändert wird, wie sie auf der Website angezeigt werden, oder dass die Größe der Datei geändert wird, bitte?
    Und woher weiß ich, was die optimale Größe ist?

    Reply

    • Das hängt davon ab, was Sie meinen. Bei der Komprimierung in diesem Leitfaden geht es um die Dateigröße. Sie können auch die Breite und Höhe eines Bildes reduzieren, wenn es zu groß ist. Ihr spezifisches Theme würde die spezifische Bildgröße bestimmen, die Sie verwenden möchten.

      Reply

      Admin

  16. Sie erwähnten in Ihrem Optimierungsbeispiel, dass Ihr Originalfoto 300 dpi hatte und Sie es dann auf eine kleinere Dateigröße optimiert haben. Aber Sie haben nicht gesagt, was die Ziel-dpi war. Ist es 72 für das Web? Oder höher? Danke für den informativen Artikel.

    Reply

    • Das hängt von Ihrer persönlichen Vorliebe ab und davon, wie groß die Bilder sein sollen/müssen.

      Reply

      Admin

  18. Was mir an wpbeginner am besten gefällt, ist, dass sie Ihnen Informationen darüber geben, was Sie auf Ihrer eigenen Website implementieren können, aber auch sagen, was sie auf ihrer eigenen Website verwenden. Das hilft mir wirklich, schneller zu entscheiden. Von einem Meister zu lernen ist immer einfacher. Danke.

    Reply

  19. Ich habe Bilder über TinyPNG komprimiert und versucht, die schwereren Bilder auf meiner Website durch diese zu ersetzen (d.h. ich habe die schweren Fotos gelöscht und die komprimierten hochgeladen). Die Mediathek lädt jedoch immer noch die alten, schwereren Bilder hoch. Bedeutet das, dass ich die alten, bereits hochgeladenen Bilder nicht ersetzen kann? Werden nur die komprimierten Bilder hochgeladen, die noch nicht hochgeladen wurden?

    Reply

    • Wenn Sie die größeren Bilder ersetzen, sollten Sie sicherstellen, dass Ihr Website-Caching nicht das alte Bild anzeigt und dass Sie beim Hochladen des neuen Bildes das richtige Bild hochladen.

      Reply

      Admin

  20. Danke für den informativen Artikel, Syed.

    Zukünftig werde ich sicherstellen, dass ich immer optimierte Bilder verwende. Empfehlen Sie mir, zu bereits veröffentlichten Beiträgen zurückzukehren und meine Bilder durch optimierte zu ersetzen?

    Reply

    • If possible we would recommend updating your older images, the plugins we recommended should handle that for you :)

      Reply

      Admin

  21. Vielen Dank für Ihren Beitrag. Viele schöne Tools. Ich frage mich, ob es etwas gibt, das man tun kann, um Bilder zu verkleinern, die zuvor hochgeladen wurden, und wie man Bilder löscht, die WordPress nicht mehr verwendet.

    Reply

  24. Ich bin ein WordPress-Entwickler. Ich schreibe aus der Türkei.
    Es ist sehr schwierig, qualitativ hochwertige WordPress-Ressourcen zu finden.
    Ich habe Sie entdeckt. Ich konnte kein Englisch, habe aber Englisch gelernt. Dank Ihnen alles.

    Reply

  25. Hallo, es scheint, dass WordPress dies vielleicht in seinen aktuellen Bild-Upload-Prozess integriert hat, zumindest im Premium-Segment?

    Ich frage, weil ich jetzt die Option habe, die tatsächliche Größe oder etwas Größeres oder Kleineres zu wählen?

    Oder ist dieser Prozess keine Optimierung / Verkleinerung des Bildes?

    Vielen Dank! Sehr wichtiges und nützliches Thema.

    Adan

    Reply

  26. Sehr hilfreiche Informationen!! Ich habe gerade recherchiert, wie das geht, als Ihre E-Mail durchkam! Hat mir Zeit und Mühe gespart und genau die Ratschläge gegeben, nach denen ich gesucht habe.

    Reply

  27. Beim Speichern in Photoshop, welche Breite empfehlen Sie für optimale Web-Performance?
    Mein Thema ist das Speichern von 1600x1050 für einen optimalen Header, aber was sollte ich für die Bilder im Body tun. Der Theme-Designer hat keine Empfehlung.

    Reply

    • Wenn Sie die anderen Schritte in diesem Artikel durchgehen, dann wäre die Bildgröße das, was am besten zu den Abmessungen Ihres Inhalts passt, sodass WordPress das Bild nicht neu skalieren müsste.

      Reply

      Admin

  28. Bitte aktualisieren Sie dieses YouTube-Video. Erstens ist Jpegmini keine Web-App, sondern eine Software, die ich auf meinem PC installieren muss.

    Reply

  29. Gibt es eine Möglichkeit, bereits in WordPress hochgeladene Bilder zu komprimieren? Oder muss ich alle meine Bilder komprimieren und dann wieder in WP hochladen? Vielen Dank im Voraus für die Ratschläge.

    Reply

  30. Hallo,
    Ich brauche einen Rat: Ich muss Bilder in niedriger und hoher Auflösung (1200 Pixel bei 300 dpi) hochladen, damit meine Kunden sie herunterladen können. Ich habe keine Fragen zur Optimierung von LR-Bildern. Wie kann ich hochauflösende Bilder speichern? Die Größe beträgt bis zu 2 MB. Ich habe Hunderttausende von Bildern…

    Reply

  31. Dieser Beitrag ist großartig und fügt meiner Website wirklich Wert hinzu. Kürzlich habe ich jedoch versucht, Bilder von Flipkart zu speichern, aber sie wurden in sehr geringer Pixelqualität gespeichert. Ich frage mich, ob Sie mir helfen können, herauszufinden, wie das geht.

    Reply

  32. Ich habe bereits 1500 Produktbilder im Stapel hochgeladen, die mit Bild-URLs verbunden waren, die ich im Internet gefunden habe.

    Wie kann ich jetzt, wo ich diese 1500 Bilder bereits in meiner Mediathek habe, zurückgehen und sie in der Größe ändern und komprimieren?

    Außerdem bin ich mir nicht sicher, ob mit Größenänderung die Größe der Bilder gemeint ist, wie sie auf der Website angezeigt werden, oder die Größe der Datei.

    Danke!

    Reply

    • Hallo Sara,

      Ja, das ist eine gute Alternative. Für bessere Ergebnisse empfehlen wir jedoch immer noch, Bilder in Ihrem Bildbearbeitungsprogramm zu optimieren, bevor Sie sie in WordPress hochladen.

      Reply

      Admin

  34. Ich werde an einen Ort reisen, an dem die Internetverbindung eingeschränkt und teuer ist. Daher möchte ich die Dateigröße meiner Fotos reduzieren, bevor ich online gehe, um sie auf meinem Blog hochzuladen. Kann mir bitte jemand empfehlen, welche Auflösung und DPI gut zu verwenden wären? Die App, die ich verwenden möchte, fragt nach drei Messungen:
    Auflösung – von 200 bis 2048
    DPI – von 72×72 bis 300×300
    JPEG-Qualität (Kompressionsstufe) – von 0,00 bis 1,00

    Reply

  35. Im Video ändert sie ihr Bild. Ich verstehe den Bildschirm in PS. Aber Sie haben nicht erklärt, welche Breite und Höhe in Pixeln für WP sein sollten, die Grenze liegt bei 2 MB. Was wäre ein guter Standard für Slider usw. für eine WP-Website?

    Reply

  36. Entschuldigen Sie, dass ich der Dummkopf in der Ecke bin, aber könnte jemand bitte eine Sache klären? Ich habe das WP Smush it Plugin installiert und arbeite mich langsam durch alle Fotos, die ich in den letzten 2 Jahren auf meine Website hochgeladen habe. Ich mache 50 auf einmal, das kostenlose Limit. Bedeutet das Plugin jedoch jetzt, dass ich kein anderes Programm mehr verwenden muss, um meine Fotos vor dem Hochladen auf meine WP-Website zu verkleinern? Wenn ich ein 8 MB großes Foto habe und es auf meine Website hochlade, erledigt das Plugin alles für mich? Ich möchte nur bestätigen, dass das Originalfoto nicht immer noch auf meinen Host-Server, SiteGround, hochgeladen und gespeichert wird. Meine Website ist extrem langsam, ich habe unzählige Diagnosen durchgeführt und kann immer noch nicht herausfinden, warum, außer dass alles auf meine Fotos hindeutet. Danke!

    Reply

    • Hallo Carrie, ich bin definitiv kein Experte, aber ich habe Erfahrung mit WP Smush it und ja, zukünftige Uploads sollten automatisch 'geschrumpft' werden. Es gibt eine kleine Benachrichtigung in der Mediengalerie, während Sie dies tun.

      Um die Ursachen für Ihre langsame Website zu überprüfen, können Sie GTmetrix verwenden und dann die Wasserfallseite öffnen, auf der die Ladezeiten der einzelnen Elemente der Seite angezeigt werden. Sobald Sie das Problem kennen, können Sie es beheben.

      I hope that helps from one ‘dunce’ to another :)

      Reply

      • Hallo Tony,

        Thanks for weighing in! Unfortunately I uninstalled WP Smush and tried EWWW Image Optimizer along with the Thumbnail Regerate plugin (based on another bloggers suggestion) and royally messed up the photos on my site. I’m a newb with regards to how to manage my files through the FTP on my web host, so I ended up deleting a bunch of images (as in hundreds) and re-uploading them after resizing them manually in an image program. Turns out that too was a bad idea. Now I have a bunch of error messages when I render my site in my Google Console because when Google crawls my site, those files are now gone or moved. AGH! I’m on the verge of simply paying someone to revamp my site or quitting altogether. But I really appreciate that you took the time to leave a helpful comment. :)

        Frohes neues Jahr! Möge 2017 besser sein als 2016.

        Reply

  38. Ich habe überlegt, was wäre, wenn ich meine Bilder auf Google Blogger hochlade und sie auf meiner WordPress-Seite über die Option "Von URL einfügen" verwende?
    Haben Sie Vorschläge, ob das eine gute Idee ist oder nicht?
    Vielen Dank im Voraus

    Reply

  39. Ich bin hierher zurückgekehrt, da ich nach Plugins suche, die ein großes Bild als optimiertes Bild direkt in WordPress hochladen. Ich bin mir sicher, dass ich das irgendwo hier bei WP Beginner gesehen habe, aber ich kann es nicht finden.

    Reply

  40. Photoshop ist definitiv das Beste. Für Online-Dienste sind kraken.io und resizeimage.net gute Alternativen zu tinypng.

    Reply

  42. Jemand erwähnte RIOT in einem früheren Kommentar. Es ist meine bevorzugte App, um Bilder zu minimieren, BEVOR Sie sie hochladen. Die Kompressionsrate ist phänomenal. Tut mir leid, MAC-Benutzer, aber es ist nur für Windows verfügbar.

    Reply

  43. Hallo WPBeginner,

    Ich wäre sehr an der Windows-Version von Trimage interessiert, die Sie anscheinend gesehen haben.

    Auf der Trimage-Homepage sehen Sie nur einen Link, der um Hilfe bei der Windows-Portierung bittet...

    Reply

  45. Ich habe mir gerade die Trimage-Website angesehen und keine Windows-Version gesehen – nur verschiedene *nix-Versionen. Bitte weisen Sie mich in die richtige Richtung. Vielen Dank – wirklich ein toller Artikel!

    Reply

  46. Ich habe mich gefragt, ob es eine Möglichkeit gibt, die Größe von Bildern zu reduzieren, die bereits auf einer Website hochgeladen wurden? Ich habe die Art und Weise, wie ich sie hochlade, geändert, sodass zukünftig alle meine Bilder kleiner sein werden. Aber ich dachte, es wäre vielleicht nützlich, die Größe der bereits hochgeladenen zu ändern.

    Reply

  47. Suche im Web zu viel, um eine gute Lösung zur Optimierung von Bildern zu finden; aber die meisten von ihnen lassen uns nicht sehen, ob die in diesem Beitrag erwähnten Tools funktionieren oder nicht

    Reply

  48. Der Artikel definiert PNG als ein unkomprimiertes Dateiformat, aber soweit ich weiß, verwenden Standard-PNGs verlustfreie Komprimierung.
    Und ich denke, es wäre hilfreich zu erwähnen, warum man ein Format gegenüber einem anderen für Bilder mit kontinuierlichem Ton (z. B. ein Foto) im Gegensatz zu Bildern mit begrenzter Farbpalette (z. B. ein Logo) wählen könnte.

    Reply

  49. Warum keine Erwähnung von Photoshop Elements, der abgespeckten Version von Photoshop für den Heimgebrauch? Sie kann 90+% der Dinge, die das volle Photoshop kann, einschließlich der 'Für Web speichern'-Bildkomprimierung, und das für weniger als 100 $.

    Reply

  50. Würden Sie empfehlen, Flickr zum Hochladen Ihrer Bilder zu verwenden und dann den HTML-Code auf Ihre WordPress-Site zu kopieren? Was würden Sie für Reiseblogs mit vielen Bildern vorschlagen? Danke.

    Reply

    • Sie können Flickr-Fotos in WordPress hinzufügen, indem Sie einfach die Foto-URL in einen Beitrag einfügen. Normalerweise würden wir das nicht empfehlen, da die Leute Ihre Fotos auf Flickr ansehen und finden werden und vielleicht nie die Gelegenheit bekommen, Ihre Website zu besuchen. Wenn Sie jedoch der Meinung sind, dass der Aufbau einer Community rund um Ihre Fotos auf Flickr für Sie nützlicher ist, dann machen Sie das ruhig.

      Reply

      Admin

Kommentar hinterlassen

Copyright © 2009 - 2025 WPBeginner LLC. Alle Rechte vorbehalten. WPBeginner® ist eine eingetragene Marke.

Verwaltet von Awesome Motive | WordPress-Hosting von SiteGround

Die Marke WordPress® ist das geistige Eigentum der WordPress Foundation. Die Verwendung von WordPress®-Namen auf dieser Website dient ausschließlich Identifikationszwecken und impliziert keine Billigung durch die WordPress Foundation. WPBeginner wird nicht von der WordPress Foundation unterstützt, besessen oder ist mit ihr verbunden.

Ich brauche Hilfe bei…

Beliebte Suchen:

Einen Blog starten WordPress SEO WordPress-Performance WordPress-Fehler WordPress-Sicherheit Aufbau eines Online-Shops