{"id":14890,"date":"2026-10-28T12:45:00","date_gmt":"2026-10-28T11:45:00","guid":{"rendered":"https:\/\/www.lukaswojcik.com\/blog\/?p=14890"},"modified":"2026-10-26T13:11:17","modified_gmt":"2026-10-26T12:11:17","slug":"webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen","status":"publish","type":"post","link":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/","title":{"rendered":"WebP-Dateigr\u00f6\u00dfen: helle und dunkle Diagramme fair vergleichen"},"content":{"rendered":"<p>Ein helles Diagramm kann eine gr\u00f6\u00dfere Datei ergeben als die dunkle Fassung. Diese Beobachtung erkl\u00e4rt noch keine Ursache. Bildinhalt, Kodiererversion, verlustfreier oder verlustbehafteter Modus, Qualit\u00e4t, Metadaten und Vorverarbeitung beeinflussen das Ergebnis. Ein brauchbarer Vergleich trennt Dateigr\u00f6\u00dfe und Erkl\u00e4rung.<\/p>\n<h2>Was der historische Vergleich belegen kann<\/h2>\n<p>Der urspr\u00fcngliche Werkstattbericht nannte 662 Paare und Summen von 32,5 gegen\u00fcber 56,2 MB. Daraus ergeben sich rund 73 Prozent mehr Bytes f\u00fcr den hellen Satz. Bei korrekt erfassten Messwerten war dieser Gr\u00f6\u00dfenunterschied real; unbelegt war die Zuschreibung allein an die Helligkeit.<\/p>\n<p>Die vollst\u00e4ndige damalige Messtabelle, Auswahl der Stichprobe und Kodierereinstellungen lie\u00dfen sich bei dieser Pr\u00fcfung nicht wiederherstellen. Die alten Faktoren werden deshalb nicht als erneut best\u00e4tigter Benchmark ausgegeben. Insbesondere widerlegt eine breite Streuung keinen Helligkeitseffekt. Auch ein Mittelwert oberhalb des Medians beweist nicht, dass nur wenige Ausrei\u00dfer den Unterschied verursacht haben.<\/p>\n<figure class=\"lw-diagram\"><img decoding=\"async\" src=\"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/diagrams\/encoding-reviewed-de-20261025.png\" width=\"1120\" height=\"580\" loading=\"lazy\" alt=\"Neuer kontrollierter Vergleich von zw\u00f6lf dunklen und hellen Diagrammpaaren mit getrennten Ergebnissen f\u00fcr verlustfreies und verlustbehaftetes WebP\"><figcaption>Neue Messung vom 25. Oktober 2026: zw\u00f6lf gezielt ausgew\u00e4hlte Diagrammpaare, innerhalb jedes Modus identische Kodierereinstellungen. Das Ergebnis gilt f\u00fcr diese Stichprobe, nicht als allgemeines Helligkeitsgesetz.<\/figcaption><\/figure>\n<h2>Eine neue Messung mit dokumentierten Einstellungen<\/h2>\n<p>Die Gegenprobe verwendete zw\u00f6lf vorhandene englische Diagrammthemen, jeweils dunkel und hell: 24 RGB-PNG-Dateien mit jeweils 2240 \u00d7 1160 Pixeln. Die Auswahl war gezielt, nicht zuf\u00e4llig. Private Kopien wurden mit Pillow 11.1.0 und libwebp 1.5.0 kodiert, ohne Gr\u00f6\u00dfen\u00e4nderung und ohne \u00dcbernahme von Metadaten.<\/p>\n<p>Jede Datei wurde zweimal kodiert: verlustbehaftetes WebP mit Qualit\u00e4t 90 und Methode 6 sowie verlustfreies WebP mit Qualit\u00e4t 90 und Methode 6. Im verlustfreien Modus steuert der Qualit\u00e4tsparameter den Kompressionsaufwand statt eines zul\u00e4ssigen Bildverlusts. Die beiden Modi bilden deshalb getrennte Vergleiche.<\/p>\n<table>\n<thead>\n<tr>\n<th>Modus<\/th>\n<th>Median hell\/dunkel<\/th>\n<th>Spanne<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Verlustfrei<\/td>\n<td>1,000<\/td>\n<td>0,965\u20131,027<\/td>\n<\/tr>\n<tr>\n<td>Verlustbehaftet, Qualit\u00e4t 90<\/td>\n<td>0,974<\/td>\n<td>0,952\u20131,010<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>In dieser Stichprobe lagen die Dateigr\u00f6\u00dfen beider Farbwelten nahe beieinander. Verlustfrei war bei allen 24 Dateien kleiner als verlustbehaftet mit Qualit\u00e4t 90. F\u00fcr jede Datei wurde die verlustbehaftete Gr\u00f6\u00dfe durch die verlustfreie Gr\u00f6\u00dfe geteilt. Die Mitte der sortierten Verh\u00e4ltnisse, der Median, lag bei 1,577: Dieses Verh\u00e4ltnis entspricht rund 58 Prozent mehr Bytes f\u00fcr die verlustbehaftete Kodierung. Nach dem Dekodieren stimmten s\u00e4mtliche Pixel der verlustfreien Ergebnisse exakt mit der Quelle \u00fcberein. Das spricht f\u00fcr einen Verlustfrei-Test bei diesen Diagrammen, beweist aber weder einen allgemeinen Vorteil bei jeder Grafik noch identische Gr\u00f6\u00dfen aller hellen und dunklen Bilder.<\/p>\n<h2>Palette und RGB erkl\u00e4ren noch nicht den Kodierweg<\/h2>\n<p>Eine PNG-Palette beschreibt die Speicherung der Quellfarben. Daraus folgt kein bestimmter WebP-Modus. Eine Verarbeitungskette kann Paletten- und RGB-Quellen vor der Kodierung auf dieselben Pixel abbilden. Der Farbtyp im PNG-IHDR ist ein hilfreicher Hinweis zur Quelle; den anschlie\u00dfenden Ablauf belegen Kodierprotokolle.<\/p>\n<p>Verlustbehaftetes WebP sch\u00e4tzt Pixelbl\u00f6cke aus benachbarten Pixeln. Die Unterschiede zur Quelle werden umgerechnet und die entstehenden Werte gerundet, um Platz zu sparen. Bei dieser Rundung gehen Informationen verloren. Auch einfarbige Fl\u00e4chen lassen sich effizient komprimieren. Verlustfreies WebP verwendet andere Transformationen und Kodierverfahren, darunter palettenbezogene Verfahren. Die Aussage \u201eQualit\u00e4t 90 verschwendet in jeder einfarbigen Fl\u00e4che Bits\u201c erkl\u00e4rt das Ergebnis daher nicht zuverl\u00e4ssig.<\/p>\n<h2>Auch ein kleineres Ergebnis ben\u00f6tigt eine Qualit\u00e4tspr\u00fcfung<\/h2>\n<p>Eine viermal gr\u00f6\u00dfere Neukodierung ist ein Anlass zur Pr\u00fcfung des Ablaufs. Daraus folgt nicht eindeutig eine andere Qualit\u00e4tsstufe. Auch Codec-Version, Metadaten, Pixelumrechnung und Kompressionsmodus k\u00f6nnen abweichen. Umgekehrt beweisen \u00e4hnliche Dateigr\u00f6\u00dfen keine identischen Einstellungen.<\/p>\n<p>F\u00fcr einen fairen Versuch dient das urspr\u00fcngliche PNG als Eingabe beider Modi. Eine erneute verlustbehaftete Kodierung eines bereits verlustbehafteten WebP kann weitere Bilddetails entfernen. Zum Vergleich geh\u00f6ren Quellhashes, Abmessungen, Transparenz, Versionen, ausdr\u00fccklich gesetzte Optionen, Ausgabebytes und die dekodierte Bildqualit\u00e4t. D\u00fcnne Schrift und farbige Kanten verdienen eine Sichtpr\u00fcfung.<\/p>\n<div class=\"lw-faq\">\n<h2>Fragen und Antworten<\/h2>\n<h3>Entsprechen 27 gr\u00f6\u00dfere Dateien unter 40 einem M\u00fcnzwurfergebnis?<\/h3>\n<p>Nein: 27\/40 sind 67,5 Prozent. Die Anzahl allein beweist weder gleiche Gr\u00f6\u00dfen noch die St\u00e4rke des Gr\u00f6\u00dfenunterschieds. Verwandte Diagrammvorlagen stellen au\u00dferdem die Annahme unabh\u00e4ngiger Beobachtungen infrage. Quotienten und Auswahlverfahren sind aussagekr\u00e4ftiger als dieser Vergleich.<\/p>\n<h3>Wie l\u00e4sst sich der WebP-Modus erkennen?<\/h3>\n<p>Die Bildnutzdaten verwenden <code>VP8 <\/code> f\u00fcr verlustbehaftete oder <code>VP8L<\/code> f\u00fcr verlustfreie Kodierung. <code>VP8X<\/code> beschreibt einen erweiterten Container; vor den Bilddaten k\u00f6nnen Metadaten-, Alpha- oder Animationsbl\u00f6cke liegen. Eine vollst\u00e4ndige Pr\u00fcfung mit <code>webpinfo<\/code> ist zuverl\u00e4ssiger als das Lesen des ersten Blocks.<\/p>\n<h3>L\u00e4sst sich die urspr\u00fcngliche Qualit\u00e4tsstufe ermitteln?<\/h3>\n<p>WebP besitzt kein standardisiertes Feld f\u00fcr die urspr\u00fcngliche Qualit\u00e4tsoption des Kodierers. Neukodierungen mit bekannten Einstellungen erm\u00f6glichen Vergleiche, rekonstruieren aber nicht eindeutig alle urspr\u00fcnglichen Entscheidungen. Aussagekr\u00e4ftiger sind Kodierprotokolle.<\/p>\n<h3>Gilt das Ergebnis auch f\u00fcr Fotos?<\/h3>\n<p>Aus dieser Diagrammstichprobe folgt keine allgemeine Aussage. Verlustbehaftete Kodierung spart bei strukturierten Bildern h\u00e4ufig viel Platz bei ausreichender sichtbarer Qualit\u00e4t. Entscheidend sind das konkrete Bild und die Qualit\u00e4tsanforderung, nicht allein die Bildkategorie.<\/p>\n<\/div>\n<div class=\"lw-quellen\">\n<h2>Quellen<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.w3.org\/TR\/png-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3C: PNG-Spezifikation<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/riff_container\" target=\"_blank\" rel=\"noopener noreferrer\">Google: WebP-Dateiaufbau<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/cwebp\" target=\"_blank\" rel=\"noopener noreferrer\">Google: cwebp-Optionen<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/compression\" target=\"_blank\" rel=\"noopener noreferrer\">Google: WebP-Kompressionsverfahren<\/a><\/li>\n<li><a href=\"https:\/\/pillow.readthedocs.io\/en\/stable\/handbook\/image-file-formats.html#webp\" target=\"_blank\" rel=\"noopener noreferrer\">Pillow: WebP-Unterst\u00fctzung<\/a><\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Eine neue Gegenprobe mit zw\u00f6lf Diagrammpaaren trennt Helligkeit und Kodierentscheidungen. Dokumentierte Einstellungen, dekodierte Pixel und klare Stichprobengrenzen machen die Gr\u00f6\u00dfenvergleiche nachvollziehbar.<\/p>\n","protected":false},"author":1,"featured_media":24364,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[150],"tags":[92055,92088,92292],"class_list":["post-14890","post","type-post","status-publish","format-standard","hentry","category-web-entwicklung","tag-automation-de","tag-data-quality-de","tag-web-performance-de"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>WebP-Dateigr\u00f6\u00dfen: helle und dunkle Diagramme fair vergleichen | Lukas Wojcik<\/title>\n<meta name=\"description\" content=\"Ein deutlicher Gr\u00f6\u00dfenunterschied von 73 Prozent zwischen zwei Bilders\u00e4tzen entpuppte sich als zwei Kodiereinstellungen. Was die Kontrolle zeigte, und warum verlustfreies WebP bei Tafeln gewinnt.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WebP-Dateigr\u00f6\u00dfen: helle und dunkle Diagramme fair vergleichen | Lukas Wojcik\" \/>\n<meta property=\"og:description\" content=\"Ein deutlicher Gr\u00f6\u00dfenunterschied von 73 Prozent zwischen zwei Bilders\u00e4tzen entpuppte sich als zwei Kodiereinstellungen. Was die Kontrolle zeigte, und warum verlustfreies WebP bei Tafeln gewinnt.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/\" \/>\n<meta property=\"og:site_name\" content=\"Lukas Wojcik - Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-28T11:45:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/10\/quality-hero-14890-20261025.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Lukas Wojcik\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lukas Wojcik\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/de\\\/web-entwicklung\\\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/de\\\/web-entwicklung\\\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\\\/\"},\"author\":{\"name\":\"Lukas Wojcik\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\"},\"headline\":\"WebP-Dateigr\u00f6\u00dfen: helle und dunkle Diagramme fair vergleichen\",\"datePublished\":\"2026-10-28T11:45:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/de\\\/web-entwicklung\\\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\\\/\"},\"wordCount\":790,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\"},\"image\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/de\\\/web-entwicklung\\\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/quality-hero-14890-20261025.png\",\"keywords\":[\"Automation\",\"Data Quality\",\"Web Performance\"],\"articleSection\":[\"Web Entwicklung\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/de\\\/web-entwicklung\\\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/de\\\/web-entwicklung\\\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\\\/\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/de\\\/web-entwicklung\\\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\\\/\",\"name\":\"WebP-Dateigr\u00f6\u00dfen: helle und dunkle Diagramme fair vergleichen | Lukas Wojcik\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/de\\\/web-entwicklung\\\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/de\\\/web-entwicklung\\\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/quality-hero-14890-20261025.png\",\"datePublished\":\"2026-10-28T11:45:00+00:00\",\"description\":\"Ein deutlicher Gr\u00f6\u00dfenunterschied von 73 Prozent zwischen zwei Bilders\u00e4tzen entpuppte sich als zwei Kodiereinstellungen. Was die Kontrolle zeigte, und warum verlustfreies WebP bei Tafeln gewinnt.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/de\\\/web-entwicklung\\\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/de\\\/web-entwicklung\\\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/de\\\/web-entwicklung\\\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/quality-hero-14890-20261025.png\",\"contentUrl\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/quality-hero-14890-20261025.png\",\"width\":1200,\"height\":630,\"caption\":\"WebP-Dateigr\u00f6\u00dfen: helle und dunkle Diagramme fair vergleichen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/de\\\/web-entwicklung\\\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WebP-Dateigr\u00f6\u00dfen: helle und dunkle Diagramme fair vergleichen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/\",\"name\":\"Lukas Wojcik - Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\",\"name\":\"Lukas Wojcik\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"width\":424,\"height\":636,\"caption\":\"Lukas Wojcik\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\"},\"sameAs\":[\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WebP-Dateigr\u00f6\u00dfen: helle und dunkle Diagramme fair vergleichen | Lukas Wojcik","description":"Ein deutlicher Gr\u00f6\u00dfenunterschied von 73 Prozent zwischen zwei Bilders\u00e4tzen entpuppte sich als zwei Kodiereinstellungen. Was die Kontrolle zeigte, und warum verlustfreies WebP bei Tafeln gewinnt.","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:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/","og_locale":"en_US","og_type":"article","og_title":"WebP-Dateigr\u00f6\u00dfen: helle und dunkle Diagramme fair vergleichen | Lukas Wojcik","og_description":"Ein deutlicher Gr\u00f6\u00dfenunterschied von 73 Prozent zwischen zwei Bilders\u00e4tzen entpuppte sich als zwei Kodiereinstellungen. Was die Kontrolle zeigte, und warum verlustfreies WebP bei Tafeln gewinnt.","og_url":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/","og_site_name":"Lukas Wojcik - Blog","article_published_time":"2026-10-28T11:45:00+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/10\/quality-hero-14890-20261025.png","type":"image\/png"}],"author":"Lukas Wojcik","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Lukas Wojcik","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/#article","isPartOf":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/"},"author":{"name":"Lukas Wojcik","@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9"},"headline":"WebP-Dateigr\u00f6\u00dfen: helle und dunkle Diagramme fair vergleichen","datePublished":"2026-10-28T11:45:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/"},"wordCount":790,"commentCount":0,"publisher":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9"},"image":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/10\/quality-hero-14890-20261025.png","keywords":["Automation","Data Quality","Web Performance"],"articleSection":["Web Entwicklung"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/","url":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/","name":"WebP-Dateigr\u00f6\u00dfen: helle und dunkle Diagramme fair vergleichen | Lukas Wojcik","isPartOf":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/#primaryimage"},"image":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/10\/quality-hero-14890-20261025.png","datePublished":"2026-10-28T11:45:00+00:00","description":"Ein deutlicher Gr\u00f6\u00dfenunterschied von 73 Prozent zwischen zwei Bilders\u00e4tzen entpuppte sich als zwei Kodiereinstellungen. Was die Kontrolle zeigte, und warum verlustfreies WebP bei Tafeln gewinnt.","breadcrumb":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/#primaryimage","url":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/10\/quality-hero-14890-20261025.png","contentUrl":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/10\/quality-hero-14890-20261025.png","width":1200,"height":630,"caption":"WebP-Dateigr\u00f6\u00dfen: helle und dunkle Diagramme fair vergleichen"},{"@type":"BreadcrumbList","@id":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/webp-dateigrosen-helle-und-dunkle-diagramme-fair-vergleichen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.lukaswojcik.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WebP-Dateigr\u00f6\u00dfen: helle und dunkle Diagramme fair vergleichen"}]},{"@type":"WebSite","@id":"https:\/\/www.lukaswojcik.com\/blog\/#website","url":"https:\/\/www.lukaswojcik.com\/blog\/","name":"Lukas Wojcik - Blog","description":"","publisher":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lukaswojcik.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9","name":"Lukas Wojcik","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","url":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","contentUrl":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","width":424,"height":636,"caption":"Lukas Wojcik"},"logo":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg"},"sameAs":["https:\/\/www.lukaswojcik.com\/blog"]}]}},"_links":{"self":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/posts\/14890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/comments?post=14890"}],"version-history":[{"count":7,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/posts\/14890\/revisions"}],"predecessor-version":[{"id":27235,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/posts\/14890\/revisions\/27235"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/media\/24364"}],"wp:attachment":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/media?parent=14890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/categories?post=14890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/tags?post=14890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}