Die Optimierung der Bilder ist ein wichtiger Schritt, wenn es darum geht die Ladezeiten einer Website zu verkürzen und dadurch die Performance zu steigern. Die Bildoptimierung kann dabei mit oder ohne WordPress Plugin durchgeführt werden. Dieser Artikel zeigt dir die Top Plugins für Bildoptimierung. Wir gehen darauf ein, welche du besser nicht verwenden solltest und wie du komplett auf die WordPress Erweiterungen verzichten kannst.
Bildoptimierung ohne WordPress Plugin
Wenn du die WordPress Bildoptimierung gerne kostenlos durchführen und auch keine Begrenzung in den monatlich verfügbaren Credits haben möchtest, empfehle ich dir die Bilder ohne ein WordPress Plugin zu verkleinern.
Video Tutorial: WordPress Bilder optimieren ohne Plugin
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
Zuerst ist darauf zu achten, dass die hochgeladenen Bilder nicht zu groß sind was die Pixel-Anzahl betrifft. Ein guter Richtwert hier sind max. 1440 Pixel in der Breite. Dieser Schritt sollte vor der Komprimierung stattfinden und kann mit Programmen für Bildbearbeitung wie Photoshop oder Gimp aber auch mit bereits vorinstallierten Programmen wie Vorschau (Mac) oder Paint (Windows) durchgeführt werden.
Für die Komprimierung verwende ich den Onlinedienst tinypng.com. Dort können bis zu 20 Bilder täglich in png- und jpeg-Formaten hochgeladen werden und die Komprimierung kann sich wirklich sehen lassen. Die Dateigröße wird nicht selten um mehr als 70% verkleinert!
Mit dem Dienst JPEGmini erreicht man besonders bei jpeg-Formaten hervorragende Ergebnisse. Anders als bei tinypng erfolgt die Komprimierung in einer App (gibt es für Windows und Mac). In der kostenlosen Lite Version können genauso wie bei tinypng max. 20 Bilder täglich komprimiert werden.
Es gibt jedoch Fälle wo die manuelle Bildoptimierung ungeeignet ist. Wenn du z. B. auf deiner Website anderen Usern ermöglichst Bilder hochzuladen, musst du dafür sorgen, dass die User Experience nicht darunter leidet. In diesem Fall empfehle ich dir eins der beiden WordPress Plugins am Ende des Artikels zu verwenden.
Bildoptimierung mit WordPress Plugin
Compress JPEG & PNG images
Der Name lässt es zwar nicht sofort vermuten aber hinter „Compress JPEG & PNG images“ verbirgt sich der Panda von tinypng.com. Leider wurden in diesem Fall die großartigen Leistungen aus der Browser Komprimierung nicht auf das WordPress Plugin übertragen. Zum einen kann die Nachricht zum Upgraden im Admin-Bereich nicht einfach entfernt werden.
Zum anderen können bei WordPress Standard Einstellungen nur knapp über 55 Bilder pro Monat kostenlos komprimiert werden.
Wen das jedoch nicht stört, kann mit dem WordPress Plugin ähnliche Ergebnisse erzielen wie mit dem Onlinedienst.
Optimus
Viele Entwickler misbrauchen leider die wordpress.org Plattform als Vermarktung ihrer Pro-Version. Das gilt wohl auch für dieses Plugin. Denn ich kann mir nicht vorstellen, dass die kostenlose Version dieses Plugins wirklich jemanden einen Vorteil bringt. Mit der kostenlosen Version kann der User nämlich nur Bilder komprimieren, die kleiner sind als 100 kB. Ich wage mal zu behaupten, wenn die Mehrzahl der Bilder einer Website unter 100 kB hätten, müsste man die Bilder auch nicht optimieren. Diese Tatsache hält mich leider davon ab die kostenpflichtige Version zu kaufen.
EWWW Image Optimizer
Zugegeben ich habe dieses Plugin nicht ausprobiert. Durch die unzählige Einstellungsmöglichkeiten, die dieses Plugin bietet, hat es den Anschein ein großer Ballast für jede WordPress Site zu sein. Mich hat alleine schon die Dateigröße davon abgehalten es zu installieren.
Aus Mangel an (kostenlosen) Alternativen, möchte ich jedoch nicht abstreiten das Plugin evtl. in Zukunft doch noch für ein Projekt zu verwenden, da es auch auf wordpress.org sehr gut bewertet ist.
WP Smush
Die guten Bewertungen dieses Plugins auf wordpress.org kann ich nicht nachvollziehen. Ich habe das Plugin installiert, 3 Bilder hochgeladen und das war das Ergebnis:
Vor dem Upload war die Datei 627 kB groß (zugegeben ziemlich groß aber laut der Plugin Beschreibung komprimiert es Dateien bis 1 MB). Die Datei auf dem Server war immernoch 612 kB groß und angeblich wurde das Bild bereits optimiert.
Ich habe danach das Bild auf tinypng.com hochgeladen und siehe da, eine Komprimierung wäre doch möglich gewesen.
Selbst mit der Pro Version (ich gehöre nämlich zu den Ex-WPMU DEV-User) war es mir nicht möglich Komprimierung im 2-stelligen %-Bereich zu erreichen.
Nun folgen aus meiner Sicht die zwei besten Alternativen, wenn es um kostenlose WordPress Plugins zum Thema Bildoptimierung und Bildkompression geht.
Imsanity
Dieses Plugin erspart dir das manuelle Skalieren wie im oberen Screenshot beschrieben. Du legst einfach die maximale Bildgröße fest und für den Fall, dass das hochgeladene Bild größer ist, wird es bereits beim Upload skaliert. Besonders hilfreich wenn du User hast, die ebenfalls Bilder auf deine Website hochladen.
ShortPixel Image Optimizer
Wenn wir Imsanity mal außer Acht lassen (schließlich ist es auch kein Komprimierungs-Plugin wie die anderen hier vorgestellten), dann ist für mich ShortPixel Image Optimizer die Nummer 1 unter den kostenlosen WordPress Plugins für die Bildoptimierung. Im Test habe ich Komprimierungraten von bis zu 80% erreicht. Zu den unterstützten Formaten gehören neben jpeg und png sogar gif und pdf. In der kostenlosen Version kann man bis zu 100 Bilder pro Monat optimieren. Der einzige kleine Schönheitsfehler: Um den API Schlüssel zu erhalten, muss ich mich mit meiner E-Mail Adresse registrieren.
[the_ad id=“1329″]
Für alle, die mehr als 100 Bilder pro Monat optimieren möchten, lohnt sich auch ein Blick auf die kostenpflichtigen aber bezahlbaren Premium Pakete dieses Plugins. Falls du wie ich kein Fan von laufenden Kosten bist, bietet ShortPixel auch Einmalzahlungen für Bildpakete (Affiliate Link) an, und das wie ich finde, zu ziemlich fairen Preisen.
Wie sieht es mit der Bildoptimierung auf deiner Website aus?
Wie optimierst du die Bilder für deine Website? Welche Erfahrungen hast du mit den genannten Plugins gemacht? Verwendest du evtl. andere Plugins als die hier aufgeführten? Hast du noch weitere Fragen zu der WordPress Bildoptimierung? Würde mich freuen, wenn du deine Erfahrungen bzw. deine Fragen unten in den Kommentaren teilst.
15 Antworten
Hallo Danijel, vielen Dank für die gute Ausarbeitung.
Hier noch eine kleine Anmerkung:
Als ambitionierter Hobbyfotograf nutze ich in meinen Bildern die Meta Daten, d.h. in den IPTC Daten sind alle Beschreibungen enthalten welche ich nach dem Upload mit dem Plugin Medien Assitent den entsprechenden Feldern der WP Medien zuordne.
Wird wie von dir beschrieben, vor dem Upload tinypng.com verwendet, so werden dort alle Metadaten gelöscht und stehen für die Zuordnung nicht mehr zur Verfügung. Dies ist für mich ein Grund mit EWWW als Komprimierungstool zu arbeiten.
Wie du richtig beschreibst, ist dies ein mächtiges Plugin mit zusätzlich vielen Features welche einen Test rechtfertigen
Hallo Klaus,
vielen Dank für Deine Anmerkung.
Das ist ein wichtiger Punkt. Wenn man die Meta Daten weiterhin benötigt, muss man bei der Komprimierung vorsichtig sein. Auch andere Bildoptimierungsplugins bieten die Option, die Meta Daten von der Komprimierung auszuschließen. Bei ShortPixel z. B. heisst diese Option Remove EXIF. Man sollte nur bedenken, dass die Kompressionsrate möglicherweise nicht so hoch sein wird, wenn man den EXIF Tag nicht entfernt. Aber wie von Dir erwähnt, gibt es durchaus Gründe, die Meta Daten behalten zu wollen.
Schöne Grüße, Danijel
Danke für den Tipp mit ShortPixel! Kennst du auch ein Plugin, das bereits bestehende Bilder (mehrere Tausend in meinem Fall) nachträglich aufbereitet? Danke, Ariane
Hallo Ariane,
sehr gerne 🙂
Das geht auch mit ShortPixel. Du brauchst nur entsprechend großes Bilder-Paket.
Schöne Grüße, Danijel
Super Artikel. Danke. Gibt es eigentlich eine Richtgröße für Bilder, die ich auf der Webseite einbinden möchte? Hochformat, Querformat!?
Hallo Normen, vielen Dank für das Feedback! In dem dazugehörigen Video (Minute 1:00) habe ich auch die Richtgrößen für Bilder erwähnt: https://www.youtube.com/watch?v=GUGNW2s7hi8
Schöne Grüße, Danijel
Das war mal ein richtig guter und auf den Punkt gebrachter Beitrag ohne Bla Bla. Thx.
Vielen Dank für das tolle Feedback!
Danke, hat mir geholfen:-)
Sehr gerne 🙂
Herzlichen Dank für den informativen und hilfreichen Beitrag 🙂
Hallo Sandra,
Vielen Dank für dein Feedback! Freut mich sehr, dass dir der Beitrag weiterhilft.
LG, Danijel
Dank für die Tipps! Meine Bilder sind gern zu umfangreich.
Sehr gerne. Vielen Dank für das Feedback!