{"id":32663,"date":"2020-03-02T03:30:26","date_gmt":"2020-03-02T11:30:26","guid":{"rendered":"https:\/\/kinsta.com\/?p=23813"},"modified":"2023-07-27T11:04:13","modified_gmt":"2023-07-27T10:04:13","slug":"verlustbehaftete-kompression","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/","title":{"rendered":"Warum und wie man verlustbehaftete Kompression f\u00fcr WordPress-Bilder verwendet"},"content":{"rendered":"<p>Laut dem <a href=\"https:\/\/httparchive.org\/reports\/state-of-images#bytesImg\">HTTP-Archiv<\/a> machen Bilder im Dezember 2018 sowohl auf Desktop- als auch auf Mobilger\u00e4ten <strong>\u00fcber 40% des durchschnittlichen Seitengewichts<\/strong> einer Webseite aus. Das ist enorm! \ud83d\ude2e Wenn es um den neuen <a href=\"https:\/\/kinsta.com\/de\/blog\/google-mobile-first-index\/\">Mobile-First-Index<\/a> und die Performance geht, spielt die Bildoptimierung eine entscheidende Rolle daf\u00fcr, wie <a href=\"https:\/\/kinsta.com\/de\/lernen\/wordpress-beschleunigen\/\">schnell die Webseite von WordPress geladen werden kann<\/a>. Die Bildkomprimierung ist eine der einfachsten Optimierungen, die man implementieren kann und die wiederum die gr\u00f6\u00dfte Wirkung haben wird. Im Wesentlichen bedeutet dies, dass die Dateigr\u00f6\u00dfe deiner Bilder durch zwei beliebte Komprimierungsformen verringert wird: <strong>verlustbehaftet und verlustfrei<\/strong>. <a href=\"https:\/\/kinsta.com\/de\/blog\/webp\/\">WEBP<\/a> unterst\u00fctzt beide Komprimierungsmethoden!<\/p>\n<p>Heute werden wir uns mit diesen beiden Arten der Bildkomprimierung befassen und diskutieren, welche wir empfehlen. Dies kann je nach Art des Unternehmens, das du betreibst, variieren.<\/p>\n<ul>\n<li><a href=\"#lossy-compression\">Verlustbehaftete Kompression<\/a><\/li>\n<li><a href=\"#lossless-compression\">Verlustfreie Kompression<\/a><\/li>\n<li><a href=\"#which-compression-is-better\">Welche Komprimierungsmethode ist besser?<\/a><\/li>\n<li><a href=\"#how-to-use-lossy-compression-wordpress\">Wie man verlustbehaftete Kompression in WordPress verwendet<\/a><\/li>\n<\/ul>\n<h2 id=\"lossy-compression\">Verlustbehaftete Kompression<\/h2>\n<p>Die erste Form der Kompression ist verlustbehaftet. Bei der <strong>verlustbehafteten Komprimierung werden einige der Daten<\/strong> in einem Bild eliminiert. Das bedeutet, dass es zu einer Verschlechterung kommen kann (Qualit\u00e4tsminderung oder was manche als pixelig bezeichnen). Du musst also vorsichtig sein, um wie viel du dein Bild reduzierst. Nicht nur wegen der Qualit\u00e4t, sondern auch, weil man den Prozess nicht umkehren kann. Nat\u00fcrlich besteht einer der gro\u00dfen Vorteile der verlustbehafteten Komprimierung und der Grund daf\u00fcr, dass es sich um eine der beliebtesten Komprimierungsmethoden handelt, darin, dass man die <strong>Dateigr\u00f6\u00dfe um einen sehr gro\u00dfen Betrag reduzieren kann<\/strong>.<\/p>\n<ul>\n<li>JPEGs und GIFs sind beides <a href=\"https:\/\/kinsta.com\/de\/blog\/bilddateitypen\/\">verlustbehaftete Bildformate<\/a>.<\/li>\n<li>JPEGs eignen sich hervorragend f\u00fcr Webseiten, die schnelle Ladezeiten ben\u00f6tigen, da man die Qualit\u00e4tsstufe f\u00fcr ein gutes Gleichgewicht zwischen Qualit\u00e4t und Dateigr\u00f6\u00dfe anpassen kann.<\/li>\n<\/ul>\n<p>(Empfohlene Lekt\u00fcre: <a href=\"https:\/\/kinsta.com\/de\/blog\/jpg-vs-jpeg\/\">JPG vs. JPEG: Das gebr\u00e4uchlichste Bilddateiformat verstehen<\/a>)<\/p>\n<h3>WordPress komprimiert Bilder automatisch<\/h3>\n<p>Wusstest du, dass WordPress deine JPEGs automatisch komprimiert, wenn du sie in die Medienbibliothek hochl\u00e4dst? Standardm\u00e4\u00dfig komprimiert WordPress Bilder automatisch bis zu 90% ihrer Originalgr\u00f6\u00dfe. Ab <a href=\"https:\/\/make.wordpress.org\/core\/2016\/03\/12\/performance-improvements-for-images-in-wordpress-4-5\/\">WordPress 4.5<\/a> wurde diese jedoch auf <strong>82%<\/strong> reduziert, um die Leistung in allen Bereichen weiter zu erh\u00f6hen. Wenn du dich fragst, warum deine Bilder auf einer neuen WordPress-Installation ein wenig pixelig aussehen, dann ist das der Grund.<\/p>\n<p>Obwohl die automatische Komprimierung gro\u00dfartig ist, haben wir im Allgemeinen gesehen, dass 82% bei weitem nicht ausreichen, um die Leistung der Webseite wirklich zu beeinflussen. Daher kannst du diese Option deaktivieren, wenn du m\u00f6chtest, indem du den folgenden Filter in die Datei <code>functions.php<\/code> deines Themes einbaust. Denke daran, dass du immer zuerst ein <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-backups\/#restoring-backups\">Backup erstellen<\/a> solltest, bevor du deine Webseite bearbeitest.<\/p>\n<pre><code class=\"language-php\">add_filter( 'jpeg_quality', create_function( '', 'return 100;' ) );<\/code><\/pre>\n<p>Wenn du die automatische Komprimierungsrate von WordPress erh\u00f6hen m\u00f6chtest, kannst du den Filter hinzuf\u00fcgen und den Prozentsatz der Originaldatei reduzieren, wie z.B. 70% im Beispiel unten.<\/p>\n<pre><code class=\"language-php\">add_filter( 'jpeg_quality', create_function( '', 'return 70;' ) );<\/code><\/pre>\n<p>Denke daran, dass dies keine Auswirkungen auf bereits hochgeladene Bilder hat. Du m\u00fcsstest ein Plugin wie z.B. &#8222;<a href=\"https:\/\/kinsta.com\/de\/blog\/thumbnails-regenerieren\/#how-to-regenerate-thumbnails-in-wordpress\">Thumbnails neu generieren<\/a>&#8220; verwenden, um es auf deine bestehende Medienbibliothek anzuwenden. Oder noch besser, wir empfehlen einfach, dein Theme in Ruhe zu lassen und einfach ein Bildoptimierungs-WordPress-Plugin zu verwenden (auf das wir weiter unten eingehen werden) oder deine Bilder vor dem Hochladen weiter zu komprimieren.<\/p>\n<h3>Bilder mit Save for Web komprimieren (Software)<\/h3>\n<p>Du kannst Tools wie Adobe Photoshop, Affinity Photo, Affinity Designer oder andere Bildbearbeitungsprogramme verwenden, um die Qualit\u00e4tseinstellungen eines Bildes anzupassen (siehe unten). Bei den meisten Tools findest du diese unter &#8222;Im Web speichern&#8220; oder &#8222;Einstellungen exportieren&#8220;.<\/p>\n<figure style=\"width: 1165px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/qualitat-fotos-andern.jpg\" alt=\"Qualit\u00e4t des Fotos \u00e4ndern\" width=\"1165\" height=\"774\"><figcaption class=\"wp-caption-text\">Qualit\u00e4t des Fotos \u00e4ndern<\/figcaption><\/figure>\n<p>Wenn wir einen kleinen Vergleich der verlustbehafteten Kompressionsraten machen, k\u00f6nnen wir sehen, dass 50 % gro\u00dfartig aussehen. 33% beginnen bei einigen Hintergrunddetails ein wenig verschwommen zu werden (wird aber ziemlich unbemerkt bleiben), und 5% sind offensichtlich nicht akzeptabel. Dies ist nur ein Beispiel daf\u00fcr, warum die automatischen 82% in WordPress nicht ausreichen. Du kannst und solltest mit <strong>viel h\u00f6heren Raten komprimieren<\/strong>, um die Dateigr\u00f6\u00dfen weiter zu verringern.<\/p>\n<ul>\n<li>Original.JPG 2,82 MB (2.000 px mal 1463 px)<\/li>\n<li>verlustbehaftet komprimiert &#8211; 1.JPG: 227 KB (2.000 px mal 1463 px) <strong>91,95% Reduzierung<\/strong><\/li>\n<li>verlustbehaftet komprimiert &#8211; 2.JPG: 185 KB (2.000 px mal 1463 px) <strong>93,44% Reduzierung<\/strong><\/li>\n<li>verlustbehaftet komprimiert &#8211; 3.JPG: 5 KB (2.000 px mal 1463 px) <strong>99,82% Reduzierung<\/strong><\/li>\n<\/ul>\n<figure style=\"width: 3025px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/vergleich-verlustbehafteter-kompression-scaled.jpg\" alt=\"Vergleich verlustbehafteter Kompression\" width=\"3025\" height=\"917\"><figcaption class=\"wp-caption-text\">Vergleich verlustbehafteter Kompression<\/figcaption><\/figure>\n<p>Nehmen wir an, du entscheidest dich f\u00fcr die 50% komprimierte Variante. Die Dateigr\u00f6\u00dfe betr\u00e4gt 227 KB, was definitiv viel kleiner als die urspr\u00fcngliche 2+ MB-Datei ist. Es ist jedoch immer noch nicht gut, wenn dies nur eines von 15+ anderen Bildern auf einer Seite ist. Im Allgemeinen ist es am besten, alle Bilder unter 100 KB zu halten, wenn m\u00f6glich. In meinen F\u00e4llen solltest du in der Lage sein, viel kleiner zu gehen. Hier ist es also auch <strong>wichtig, die Gr\u00f6\u00dfe deiner Bilder zu \u00e4ndern<\/strong>. Das 50%ige Bild, das zuerst auf 1251 px mit 916 px verkleinert wird, ist nur 95 KB.<\/p>\n<p>Aber denke daran, dass du deine Bilder vielleicht nicht ganz so klein machen willst, denn seit WordPress 4.4 gibt es jetzt <a href=\"https:\/\/make.wordpress.org\/core\/2015\/11\/10\/responsive-images-in-wordpress-4-4\/\">Support f\u00fcr responsive Bilder<\/a> (nicht durch CSS verkleinert). WordPress erstellt automatisch mehrere Gr\u00f6\u00dfen von jedem Bild, das in die Medienbibliothek hochgeladen wird. Indem die verf\u00fcgbaren Gr\u00f6\u00dfen eines Bildes in ein <code>srcset<\/code>-Attribut aufgenommen werden, k\u00f6nnen die Browser nun die am besten geeignete Gr\u00f6\u00dfe herunterladen und die anderen ignorieren. Sieh dir unten ein Beispiel, wie dein Code tats\u00e4chlich aussieht.<\/p>\n<figure style=\"width: 1386px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/beispiel-srcset-reaktive-bilder-code.png\" alt=\"Beispiel f\u00fcr srcset-reaktive Bilder im Code\" width=\"1386\" height=\"302\"><figcaption class=\"wp-caption-text\">Beispiel f\u00fcr srcset-reaktive Bilder im Code<\/figcaption><\/figure>\n<p>Mit immer mehr HiDPI-Displays heutzutage kann es also gut sein, einen goldenen Mittelweg zu finden. Sagen wir, 2x oder 3x die Spalten- oder Div-Gr\u00f6\u00dfe deiner Webseite, aber immer noch weniger als die Originalgr\u00f6\u00dfe. Der Browser zeigt die richtige Gr\u00f6\u00dfe je nach der Aufl\u00f6sung des Ger\u00e4ts an.<\/p>\n<h3>Google empfiehlt verlustbehaftete Komprimierung<\/h3>\n<p>Benutzt du <a href=\"https:\/\/kinsta.com\/de\/blog\/google-pagespeed-insights\/\">Google PageSpeed Insights<\/a>? Wenn ja, kennst du wahrscheinlich den Warnhinweis &#8222;Bilder optimieren&#8220;. Im Jahr 2017 aktualisierte Google seine <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/audits\/optimize-images\">Dokumentation<\/a> und empfiehlt nun die verlustbehaftete Komprimierung, um deine Webseite weiter zu beschleunigen.<\/p>\n<figure style=\"width: 2154px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/google-pagespeed-insights-optimieren-bilderwarnung.png\" alt=\"Google PageSpeed Insights optimieren Bilder Warnung\" width=\"2154\" height=\"560\"><figcaption class=\"wp-caption-text\">Google PageSpeed Insights optimieren Bilder Warnung<\/figcaption><\/figure>\n<p>Wenn du diese Warnungen entfernen m\u00f6chtest, ist eine der einfachsten M\u00f6glichkeiten, verlustbehaftete Komprimierung zu verwenden, um Google zu beschwichtigen.<\/p>\n<h2 id=\"lossless-compression\">Verlustfreie Kompression<\/h2>\n<p>Jetzt ist es an der Zeit, in die zweite Form der Kompression einzutauchen, die verlustfrei ist. Die verlustfreie Komprimierung verringert im Gegensatz zur verlustbehafteten nicht die <strong>Qualit\u00e4t des Bildes<\/strong>. Wie ist das m\u00f6glich? Normalerweise wird dies durch das Entfernen unn\u00f6tiger Metadaten (automatisch generierte Daten, die von dem Ger\u00e4t, welches das Bild erfasst, erzeugt werden) erreicht. Der gr\u00f6\u00dfte Nachteil dieser Methode ist jedoch, dass du <strong>keine signifikante Reduzierung der Dateigr\u00f6\u00dfe feststellen wirst<\/strong>. Mit anderen Worten, es wird mit der Zeit viel Speicherplatz auf der Festplatte verbrauchen.<\/p>\n<ul>\n<li>RAW, BMP, GIF, und PNG sind verlustfreie Bildformate.<\/li>\n<li>Du kannst eine verlustfreie Komprimierung auf deinem Desktop mit Tools wie Photoshop, <a href=\"http:\/\/netm.ag\/optimize-263\">FileOptimizer<\/a> oder <a href=\"http:\/\/imageoptim.com\/\">ImageOptim<\/a> durchf\u00fchren.<\/li>\n<li>Einige Plugins wenden die <a href=\"https:\/\/kinsta.com\/de\/blog\/gzip-komprimierung-aktivieren\/\">Gzip-Komprimierung<\/a> auf Bilder an (verkleinern sie).<\/li>\n<\/ul>\n<p>Kinsta-Benutzer k\u00f6nnen die Vorteile der <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#code-minification-1\">Code-Minifizierung<\/a> nutzen, die direkt in das <a href=\"https:\/\/kinsta.com\/de\/mykinsta\/\">MyKinsta-Dashboard<\/a> integriert ist. Damit k\u00f6nnen Kunden die automatische CSS- und JavaScript-Minifizierung mit einem einfachen Klick aktivieren. So kann eine Seite ohne manuellen Aufwand beschleunigt werden.<\/p>\n<p>Wenn wir einen kleinen Vergleich der verlustbehafteten Komprimierungsraten durchf\u00fchren, k\u00f6nnen wir sehen, dass man bei der verlustfreien Komprimierung keinerlei Qualit\u00e4t verliert. Allerdings wurde die Dateigr\u00f6\u00dfe des Bildes nur um 10,84% reduziert. Dies steht im Vergleich zu \u00fcber 90% bei verlustbehafteter Komprimierung.<\/p>\n<ul>\n<li>Original.JPG: 227 KB (2.000 px mal 1463 px)<\/li>\n<li>verlustfrei komprimiert.JPG: 203 KB (2.000 px mal 1463 px)<\/li>\n<\/ul>\n<figure style=\"width: 2502px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/vergleich-verlustfreier-kompression.jpg\" alt=\"Vergleich verlustfreier Kompression\" width=\"2502\" height=\"917\"><figcaption class=\"wp-caption-text\">Vergleich verlustfreier Kompression<\/figcaption><\/figure>\n<h2 id=\"which-compression-is-better\">Welche Komprimierungsmethode ist besser?<\/h2>\n<p>Die Antwort darauf liegt eigentlich bei dir. F\u00fcr die Mehrheit der Benutzer <strong>empfehlen wir die verlustbehaftete Komprimierung<\/strong>, da man ein Bild ohne gro\u00dfen Qualit\u00e4tsverlust leicht um weit \u00fcber 70% (manchmal sogar um \u00fcber 90%!) komprimieren kann. Multipliziere dies mit 15 Bildern auf einer Seite und es wird eine bedeutende Rolle bei der Reduzierung der Ladezeit der Webseite spielen. Nicht nur das, sondern die verlustbehaftete Komprimierung stellt sicher, dass man so wenig <a href=\"https:\/\/kinsta.com\/de\/blog\/festplatten-speicher-wordpress-hosting\/\">Speicherplatz<\/a> wie m\u00f6glich verbraucht. Was wiederum bedeutet, dass man beim Hosting Geld sparen kann.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-vs-verlustfreie\/#pros-and-cons-of-lossless-compression\">Verlustfreie Komprimierung<\/a> ist f\u00fcr diejenigen, die sich keinen Qualit\u00e4tsverlust leisten k\u00f6nnen. Fotografen, Food-Blogger und Models sind nur einige wenige, die sich auf pixelgenaue Bilder verlassen, um ihren Lebensunterhalt zu bestreiten. In diesen F\u00e4llen ist es wichtig, dass du deine Bilder auf einem <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-cdn\/\">CDN<\/a> hostest. Aufgrund der Gr\u00f6\u00dfe musst du sie m\u00f6glicherweise sogar auf einen Speicherdienst eines Drittanbieters wie <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-amazon-s3\/\">Amazon S3<\/a> oder <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-google-cloud-storage\/\">Google Cloud Storage<\/a> auslagern.<\/p>\n<h2 id=\"how-to-use-lossy-compression-wordpress\">Wie man verlustbehaftete Kompression in WordPress verwendet<\/h2>\n<p>Wenn du immer noch zwischen verlustbehaftet und verlustlos verwechselst, mach dir keine Sorgen, es gibt eine Menge gro\u00dfartiger Bildoptimierungs-WordPress-Plugins, aus denen du w\u00e4hlen kannst, die automatisch verlustbehaftete Kompression anwenden.<\/p>\n<p>Bevor du dich f\u00fcr ein Tool eines Drittanbieters entscheidest, solltest du jedoch bedenken, dass einige Hosts Tools oder Leistungen anbieten, mit denen du deine Bilder direkt \u00fcber dein Hosting-Dashboard optimieren kannst. Kinsta bietet zum Beispiel eine kostenlose <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#image-optimization-1\">Bildoptimierungsfunktion<\/a> f\u00fcr alle Kunden an, die WebP-Kopien der Bilder einer Seite erstellt (die ohne zus\u00e4tzliche Kosten gespeichert werden) und dann die kleinere der beiden Dateien an den Besucher ausliefert. Das <a href=\"https:\/\/kinsta.com\/de\/blog\/ttfb\/\">beschleunigt die Ladezeiten<\/a> und verbessert die Benutzerfreundlichkeit, vor allem, wenn es mit dem <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn\">blitzschnellen CDN<\/a> von Kinsta kombiniert wird.<\/p>\n<p>Wenn dein Host keine solche Leistung bietet, kannst du auch ein Bildoptimierungstool eines Drittanbieters ausprobieren. Einige der am weitesten verbreiteten Optionen sind:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Imagify<\/a> (verlustbehaftet und verlustfrei)<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\">WP Smush<\/a> (verlustbehaftet und verlustfrei)<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer-cloud\/\">EWWW-Cloud<\/a> (verlustbehaftet und verlustfrei)<\/li>\n<\/ul>\n<p>Hinweis: Alle oben aufgef\u00fchrten Server nutzen ihre eigenen Server von Drittanbietern f\u00fcr die Komprimierung von Bildern. Aus Performance-Gr\u00fcnden solltest du Bilder immer au\u00dferhalb des Unternehmens massenweise komprimieren. \ud83d\udc4d<\/p>\n<p>Imagify ist eine der beliebtesten Optionen, die wir aufgelistet haben. Es gibt einen kostenlosen Plan, aber auch die Pro-Pl\u00e4ne sind preislich sehr attraktiv. Schon mit dem &#8222;Lite&#8220;-Plan (1 GB pro Monat) kannst du eine ganze Reihe von Bildern optimieren, und sie bieten g\u00fcnstige monatliche oder j\u00e4hrliche Zahlungsoptionen an.<\/p>\n<p>Imagify hat drei verschiedene Optimierungsstufen:<\/p>\n<ul>\n<li><strong>Normal<\/strong>: Dieser Modus verwendet verlustfreie Komprimierung, d.h. deine Bilder verlieren nicht an Qualit\u00e4t, aber sie werden auch nicht so stark verkleinert.<\/li>\n<li><strong>Aggressiv<\/strong>: Dieser Modus verwendet eine verlustbehaftete Komprimierung und bietet drastische Einsparungen beim Ausgangsgewicht, wobei die Bildqualit\u00e4t geringf\u00fcgig reduziert wird. Meistens ist sie nicht einmal sp\u00fcrbar.<\/li>\n<li><strong>Ultra<\/strong>: Dieser Modus verwendet eine verlustbehaftete Komprimierung und wendet alle verf\u00fcgbaren Optimierungen f\u00fcr eine maximale Bildkomprimierung an. Dies f\u00fchrt zu enormen Einsparungen beim Ausgangsgewicht, aber man wird h\u00f6chstwahrscheinlich eine gewisse Verschlechterung der Bildqualit\u00e4t feststellen.<\/li>\n<\/ul>\n<figure style=\"width: 1983px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/imagify-einstellungen.png\" alt=\"Imagify Einstellungen\" width=\"1983\" height=\"1005\"><figcaption class=\"wp-caption-text\">Imagify Einstellungen<\/figcaption><\/figure>\n<p><strong>Wir verwenden<\/strong> bei Kinsta den <strong>Aggressiv-Modus<\/strong> und erzielen je nach Bild typischerweise <strong>60-70 % Einsparungen<\/strong>. Hinweis: Wir verwenden tats\u00e4chlich viel mehr PNGs als JPEGs, da die meisten unserer Bilder Icons und Illustrationen und keine Fotos sind.<\/p>\n<figure style=\"width: 1468px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" title=\"Image compression file savings\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/04\/einsparung-bildkompromierungs-dateien.png\" alt=\"Einsparung von Bildkomprimierungsdateien\" width=\"1468\" height=\"684\"><figcaption class=\"wp-caption-text\">Einsparung von Bildkomprimierungsdateien<\/figcaption><\/figure>\n<p>Du kannst die <strong>automatische Optimierung von Bildern<\/strong> beim Hochladen aktivieren (was wir empfehlen, damit du es nicht vergisst) oder deren Massenbildoptimierung in der Medienbibliothek verwenden. Au\u00dferdem kannst du ein <strong>Backup des Originalbildes<\/strong> erstellen lassen. Dadurch kannst du dein Bild zu einem sp\u00e4teren Zeitpunkt tats\u00e4chlich in andere Optimierungsstufen konvertieren oder sogar dein Originalbild wiederherstellen. Wenn du diese Funktion nicht verwendest, empfehlen wir, sie ausgeschaltet zu lassen, um Speicherplatz zu sparen.<\/p>\n<p>Normalerweise solltest du die Gr\u00f6\u00dfe deiner Bilder vorher \u00e4ndern, aber Imagify hat eine Funktion zur <strong>Gr\u00f6\u00dfen\u00e4nderung gr\u00f6\u00dferer Bilder<\/strong>, falls du es vergessen hast oder keine Zeit daf\u00fcr hast. Neben der verlustbehafteten Komprimierung ist dies ein weiterer gro\u00dfer Dateigr\u00f6\u00dfensparer!<\/p>\n<figure style=\"width: 1785px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/imagify-vorgrossert-bilder.png\" alt=\"Imagify vergr\u00f6\u00dfert Bilder\" width=\"1785\" height=\"1206\"><figcaption class=\"wp-caption-text\">Imagify vergr\u00f6\u00dfert Bilder<\/figcaption><\/figure>\n<p>Erst k\u00fcrzlich haben wir die Funktion zur Optimierung von Massenbildern in unserer gesamten WordPress-Medienbibliothek genutzt. Wie man sieht, wurden <strong>\u00fcber 700 MB abgespeichert<\/strong>! Das ist ein gewaltiger Betrag, wenn es um die Front-End-Performance geht.<\/p>\n<figure style=\"width: 1286px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/einsparungen-massenbildoptimierung.png\" alt=\"Einsparungen bei der Massenbildoptimierung\" width=\"1286\" height=\"1177\"><figcaption class=\"wp-caption-text\">Einsparungen bei der Massenbildoptimierung<\/figcaption><\/figure>\n<h3>Geschwindigkeits-Tests<\/h3>\n<p>Lasst uns einen kleinen Test machen! Da wir st\u00e4ndig sehen, dass Benutzer Bilder in voller Aufl\u00f6sung ohne Komprimierung hochladen, werden wir einen kleinen Vergleich dar\u00fcber anstellen, wie sich dies auf die Gesamtleistung der Webseite auswirkt.<\/p>\n<h4>Test 1 &#8211; Original unkomprimiert<\/h4>\n<p>Wir haben zun\u00e4chst 10 unkomprimierte Bilder hochgeladen. Dann haben wir 5 Tests mit Pingdom durchgef\u00fchrt und den Durchschnitt ermittelt. Wir k\u00f6nnen sehen, dass die gesamte Ladezeit 3,04 Sekunden betr\u00e4gt, bei einer Gesamtseitengr\u00f6\u00dfe von 28,4 MB.<\/p>\n<ul>\n<li>unkomprimiert-1.jpg (2,82 MB)<\/li>\n<li>unkomprimiert &#8211; 2.jpg (2.82 MB)<\/li>\n<li>unkomprimiert &#8211; 3.jpg (2,82 MB)<\/li>\n<li>unkomprimiert &#8211; 4.jpg (2,82 MB)<\/li>\n<li>unkomprimiert &#8211; 5.jpg (2,82 MB)<\/li>\n<li>unkomprimiert &#8211; 6.jpg (2,82 MB)<\/li>\n<li>unkomprimiert &#8211; 7.jpg (2,82 MB)<\/li>\n<li>unkomprimiert &#8211; 8.jpg (2,82 MB)<\/li>\n<li>unkomprimiert &#8211; 9.jpg (2,82 MB)<\/li>\n<li>unkomprimiert &#8211; 10.jpg (2,82 MB)<\/li>\n<\/ul>\n<figure style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"Speed test uncompressed\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/geschwindigkeitstest-unkomprimiert.png\" alt=\"Geschwindigkeitstest unkomprimiert\" width=\"1680\" height=\"462\"><figcaption class=\"wp-caption-text\">Geschwindigkeitstest unkomprimiert (<a href=\"https:\/\/tools.pingdom.com\/#!\/ePOjiW\/https:\/\/perfmatters.io\/uncompressed-original\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pingdom<\/a>)<\/figcaption><\/figure>\n<h4>Test 2 &#8211; Komprimiert<\/h4>\n<p>Wir haben dann wieder genau die gleichen Bilder hochgeladen, aber diesmal haben wir die &#8222;automatische Optimierung&#8220; im Imagify-Plugin aktiviert. Dann haben wir erneut 5 Tests mit Pingdom durchgef\u00fchrt und den Durchschnitt ermittelt.<\/p>\n<ul>\n<li>komprimiert &#8211; 1.jpg (69.3 KB)<\/li>\n<li>komprimiert &#8211; 2.jpg (69.3 KB)<\/li>\n<li>komprimiert &#8211; 3.jpg (69.3 KB)<\/li>\n<li>komprimiert &#8211; 4.jpg (69.3 KB)<\/li>\n<li>komprimiert &#8211; 5.jpg (69.3 KB)<\/li>\n<li>komprimiert &#8211; 6.jpg (69.3 KB)<\/li>\n<li>komprimiert &#8211; 7.jpg (69.3 KB)<\/li>\n<li>komprimiert &#8211; 8.jpg (69.3 KB)<\/li>\n<li>komprimiert &#8211; 9.jpg (69.3 KB)<\/li>\n<li>komprimiert &#8211; 10.jpg (69.3 KB)<\/li>\n<\/ul>\n<p>Wie wir sehen, betr\u00e4gt die gesamte Ladezeit jetzt 522 ms bei einer Gesamtseitengr\u00f6\u00dfe von 901,4 KB. Unsere verlustbehafteten komprimierten Bilder haben also <strong>die Seitenladezeit um 82,83% verringert<\/strong>! \ud83d\ude2e Die Gesamtseitengr\u00f6\u00dfe wurde ebenfalls um satte 96,83% reduziert. Und unsere Bilder sehen dank Imagify immer noch hochwertig aus.<\/p>\n<figure style=\"width: 1675px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"Speed test compressed\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/geschwindigkeitstest-komprimiert-de.png\" alt=\"Geschwindigkeitstest komprimiert\" width=\"1675\" height=\"463\"><figcaption class=\"wp-caption-text\">Geschwindigkeitstest komprimiert (<a href=\"https:\/\/tools.pingdom.com\/#!\/Fl726\/https:\/\/perfmatters.io\/compressed-and-resized\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pingdom<\/a>)<\/figcaption><\/figure>\n<h2>Zusammenfassung<\/h2>\n<p>Sobald die Qualit\u00e4t der Bilder, die du auf deiner Webseite ben\u00f6tigst, festgelegt ist, kannst du w\u00e4hlen, ob du verlustbehaftete oder verlustfreie Komprimierung verwenden m\u00f6chtest oder nicht. Auch hier empfehlen wir denjenigen, die mehr auf Geschwindigkeit und weniger auf Qualit\u00e4t achten, die verlustbehaftete Komprimierung zu w\u00e4hlen. Denke daran, dass verlustbehaftete komprimierte Bilder sch\u00f6n aussehen k\u00f6nnen, wenn du die richtige Balance findest. Wenn du pixelgenaue Bilder ben\u00f6tigst, solltest du immer die verlustfreie Komprimierung verwenden.<\/p>\n<p>Was sind deine Gedanken? Verwendest du verlustbehaftete oder verlustfreie Komprimierung auf deiner WordPress-Seite. Teile uns dies in den Kommentaren unten mit.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Laut dem HTTP-Archiv machen Bilder im Dezember 2018 sowohl auf Desktop- als auch auf Mobilger\u00e4ten \u00fcber 40% des durchschnittlichen Seitengewichts einer Webseite aus. Das ist enorm! &#8230;<\/p>\n","protected":false},"author":38,"featured_media":32676,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[293,30],"topic":[947,988,1012],"class_list":["post-32663","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-compression","tag-webperf","topic-bild-optimierung","topic-webdesign","topic-wordpress-website-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Warum und wie man verlustbehaftete Kompression f\u00fcr WordPress-Bilder verwendet<\/title>\n<meta name=\"description\" content=\"Informiere dich \u00fcber die Unterschiede zwischen verlustbehafteter und verlustfreier Komprimierung. Bestimme, welche Methode du verwenden sollst, wie du sie anwenden sollst und welche Auswirkungen sie auf die Leistung hat.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Warum und wie man verlustbehaftete Kompression f\u00fcr WordPress-Bilder verwendet\" \/>\n<meta property=\"og:description\" content=\"Informiere dich \u00fcber die Unterschiede zwischen verlustbehafteter und verlustfreier Komprimierung. Bestimme, welche Methode du verwenden sollst, wie du sie anwenden sollst und welche Auswirkungen sie auf die Leistung hat.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-02T11:30:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T10:04:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/verlustbehafteten-kompression-bilder.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Informiere dich \u00fcber die Unterschiede zwischen verlustbehafteter und verlustfreier Komprimierung. Bestimme, welche Methode du verwenden sollst, wie du sie anwenden sollst und welche Auswirkungen sie auf die Leistung hat.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/verlustbehafteten-kompression-bilder.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"12\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"Warum und wie man verlustbehaftete Kompression f\u00fcr WordPress-Bilder verwendet\",\"datePublished\":\"2020-03-02T11:30:26+00:00\",\"dateModified\":\"2023-07-27T10:04:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/\"},\"wordCount\":2317,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/verlustbehafteten-kompression-bilder.png\",\"keywords\":[\"compression\",\"webperf\"],\"articleSection\":[\"WordPress Leistungstutorials\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/\",\"name\":\"Warum und wie man verlustbehaftete Kompression f\u00fcr WordPress-Bilder verwendet\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/verlustbehafteten-kompression-bilder.png\",\"datePublished\":\"2020-03-02T11:30:26+00:00\",\"dateModified\":\"2023-07-27T10:04:13+00:00\",\"description\":\"Informiere dich \u00fcber die Unterschiede zwischen verlustbehafteter und verlustfreier Komprimierung. Bestimme, welche Methode du verwenden sollst, wie du sie anwenden sollst und welche Auswirkungen sie auf die Leistung hat.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/verlustbehafteten-kompression-bilder.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/verlustbehafteten-kompression-bilder.png\",\"width\":1460,\"height\":730,\"caption\":\"Warum und wie man verlustbehaftete Kompression f\u00fcr WordPress-Bilder verwendet\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bild-Optimierung\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/bild-optimierung\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Warum und wie man verlustbehaftete Kompression f\u00fcr WordPress-Bilder verwendet\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Warum und wie man verlustbehaftete Kompression f\u00fcr WordPress-Bilder verwendet","description":"Informiere dich \u00fcber die Unterschiede zwischen verlustbehafteter und verlustfreier Komprimierung. Bestimme, welche Methode du verwenden sollst, wie du sie anwenden sollst und welche Auswirkungen sie auf die Leistung hat.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/","og_locale":"de_DE","og_type":"article","og_title":"Warum und wie man verlustbehaftete Kompression f\u00fcr WordPress-Bilder verwendet","og_description":"Informiere dich \u00fcber die Unterschiede zwischen verlustbehafteter und verlustfreier Komprimierung. Bestimme, welche Methode du verwenden sollst, wie du sie anwenden sollst und welche Auswirkungen sie auf die Leistung hat.","og_url":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2020-03-02T11:30:26+00:00","article_modified_time":"2023-07-27T10:04:13+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/verlustbehafteten-kompression-bilder.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"Informiere dich \u00fcber die Unterschiede zwischen verlustbehafteter und verlustfreier Komprimierung. Bestimme, welche Methode du verwenden sollst, wie du sie anwenden sollst und welche Auswirkungen sie auf die Leistung hat.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/verlustbehafteten-kompression-bilder.png","twitter_creator":"@brianleejackson","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Brian Jackson","Gesch\u00e4tzte Lesezeit":"12\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"Warum und wie man verlustbehaftete Kompression f\u00fcr WordPress-Bilder verwendet","datePublished":"2020-03-02T11:30:26+00:00","dateModified":"2023-07-27T10:04:13+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/"},"wordCount":2317,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/verlustbehafteten-kompression-bilder.png","keywords":["compression","webperf"],"articleSection":["WordPress Leistungstutorials"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/","url":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/","name":"Warum und wie man verlustbehaftete Kompression f\u00fcr WordPress-Bilder verwendet","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/verlustbehafteten-kompression-bilder.png","datePublished":"2020-03-02T11:30:26+00:00","dateModified":"2023-07-27T10:04:13+00:00","description":"Informiere dich \u00fcber die Unterschiede zwischen verlustbehafteter und verlustfreier Komprimierung. Bestimme, welche Methode du verwenden sollst, wie du sie anwenden sollst und welche Auswirkungen sie auf die Leistung hat.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/verlustbehafteten-kompression-bilder.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/verlustbehafteten-kompression-bilder.png","width":1460,"height":730,"caption":"Warum und wie man verlustbehaftete Kompression f\u00fcr WordPress-Bilder verwendet"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"Bild-Optimierung","item":"https:\/\/kinsta.com\/de\/thema\/bild-optimierung\/"},{"@type":"ListItem","position":3,"name":"Warum und wie man verlustbehaftete Kompression f\u00fcr WordPress-Bilder verwendet"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/32663","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=32663"}],"version-history":[{"count":12,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/32663\/revisions"}],"predecessor-version":[{"id":59148,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/32663\/revisions\/59148"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32663\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32663\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32663\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32663\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32663\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32663\/translations\/it"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32663\/translations\/se"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32663\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/32676"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=32663"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=32663"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=32663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}