{"id":1292,"date":"2021-09-18T13:12:51","date_gmt":"2021-09-18T13:12:51","guid":{"rendered":"http:\/\/mp4gain.com\/de\/audio-video\/?p=1292"},"modified":"2021-09-18T13:12:51","modified_gmt":"2021-09-18T13:12:51","slug":"was-ist-webp-3","status":"publish","type":"post","link":"https:\/\/mp4gain.com\/de\/audio-video\/video\/was-ist-webp-3\/","title":{"rendered":"Was ist WebP?"},"content":{"rendered":"<p><strong>Was ist WebP?<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.adslzone.net\/app\/uploads-adslzone.net\/2020\/02\/aperWebP.jpg\" alt=\"WebP\" \/><\/p>\n<p>Bildformat der n\u00e4chsten Generation!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.enriquejros.com\/desarrolloweb\/formato-webp.png\" alt=\"WebP\" width=\"363\" height=\"176\" \/><\/p>\n<p>WebP ist ein Standbildformat, das k\u00fcrzlich von Google Inc. in den USA entwickelt wurde. WebP wird auch als Bildformat der n\u00e4chsten Generation bezeichnet, wie das von Apple empfohlene &#8220;JPEG 2000&#8221; und das von Microsoft empfohlene &#8220;JPEG XR&#8221; und weist die folgenden Eigenschaften auf.<\/p>\n<p>\u25bc Funktionen von WebP<\/p>\n<p>Entwicklungsziele: Anzeigegeschwindigkeit reduzieren und Website-Traffic reduzieren<br \/>\n\u00dcberlegenheit gegen\u00fcber JPEG &#8211; kleinere Dateigr\u00f6\u00dfe und weniger Verschlechterung der Bildqualit\u00e4t<br \/>\nMaximale Pixelanzahl: 16383 x 16383 Pixel<br \/>\nErweiterung: &#8220;.webp&#8221;<br \/>\nDie Geschichte von WebP! Neuausrichtung auf die Core Web Vitals-Ank\u00fcndigung<br \/>\nObwohl WebP als Bildformat der n\u00e4chsten Generation positioniert ist, gibt es es \u00fcberraschenderweise seit 2010.<\/p>\n<p>\u25bc Geschichte von WebP<\/p>\n<p>30. September 2010: Erste WebP-Spezifikation im offiziellen Google Chrome-Blog ver\u00f6ffentlicht<br \/>\n2011: WebP-Unterst\u00fctzung bei der Ver\u00f6ffentlichung von Google Chrome 9.0 und Android 4.0<br \/>\n2013: Opera 15 soll beim Start von Opera 15 WebP und nicht APNG unterst\u00fctzen.<br \/>\nAn den obigen Informationen k\u00f6nnen wir erkennen, dass die Geschichte von WebP \u00fcberraschend alt ist und der Anteil der unterst\u00fctzten Browser stetig gestiegen ist. Warum bekommt WebP jetzt so viel Aufmerksamkeit?<\/p>\n<p>Grund ist die offizielle Ank\u00fcndigung von Google am 28. Mai 2020! Wir geben bekannt, dass wir ab 2021 Core Web Vitals, das die Bildanzeigegeschwindigkeit als Komponente enth\u00e4lt, als UX-Index zur Bewertung des Suchrankings hinzuf\u00fcgen werden.<\/p>\n<p>Jetzt ist also ein guter Zeitpunkt, WebP zu implementieren, das entwickelt wurde, um die Anzeigegeschwindigkeit und den Website-Traffic zu reduzieren. In den folgenden Artikeln finden Sie Details zu wichtigen Web-Grundlagen und zur Verbesserung der Benutzerfreundlichkeit.<\/p>\n<p>Welche Auswirkungen hat Core Web Vitals, das 2021 vorgestellt wird, auf die Google-Suchergebnisse?<br \/>\nWelche Auswirkungen hat Core Web Vitals, das 2021 vorgestellt wird, auf die Google-Suchergebnisse?<br \/>\nAb dem 28. Mai 2020 verwendet Google Core Web Vitals als UX-Indikator f\u00fcr vorhandene Signale bei der Bewertung von Suchrankings ab 2021.<\/p>\n<p>Die Benutzerfreundlichkeit von Smartphone-Sites erh\u00f6ht das Suchranking! 7 effektive Verbesserungspunkte f\u00fcr SEO<br \/>\nDie Benutzerfreundlichkeit von Smartphone-Sites erh\u00f6ht das Suchranking! 7 effektive Verbesserungspunkte f\u00fcr SEO<br \/>\nDie \u201eUsability von Smartphones\u201c wird immer wichtiger, da die Zahl der Nutzer des mobilen Surfens statt des PCs steigt. Warum sind Sie in diesem Artikel ein Smartphone-Benutzer?<br \/>\nVorteile von WebP! Ist es besser als andere Bildformate?<br \/>\nDer gr\u00f6\u00dfte Vorteil der Einf\u00fchrung von WebP ist schlie\u00dflich die Gewichtsreduzierung der Bilder. Wie unten gezeigt, ist die Bildgr\u00f6\u00dfe theoretisch erheblich kleiner als JPEG und PNG.<\/p>\n<p>\u25bc Geringe WebP-Dateigr\u00f6\u00dfenrate<\/p>\n<p>Im Vergleich zu JPEG: 25-34% kleiner<br \/>\nIm Vergleich zu PNG: ca. 28% kleiner<br \/>\nDar\u00fcber hinaus unterst\u00fctzt es Animationen und kann auch mit verlustbehafteter Komprimierung mit Alphakan\u00e4len umgehen, wodurch es f\u00fcr den Export von transparenten Bildern geeignet ist. Wenn man die Vielfalt mit anderen Bildformaten vergleicht, ist die Exzellenz von WebP sogar offensichtlich.<\/p>\n<p>\u25bc Vergleichstabelle von 5 Arten von Bildformaten<\/p>\n<p>Format Komprimierungsleistung Verlustfreie Komprimierung Verlustbehaftete Komprimierung Transparente Animation<br \/>\nWebP Sehr teuer \u3007 \u3007 \u3007 \u3007<br \/>\nErh\u00f6hte SVG \u3007 \u00d7 \u3007 \u3007<br \/>\nErh\u00f6htes PNG \u3007 \u00d7 \u3007 \u00d7<br \/>\nHohes JPEG \u25b3 \u3007 \u00d7 \u00d7<br \/>\nGIF normalerweise \u3007 \u3007 \u25b3 \u3007<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Was ist WebP? Bildformat der n\u00e4chsten Generation! WebP ist ein Standbildformat, das k\u00fcrzlich von Google Inc. in den USA entwickelt wurde. WebP wird auch als Bildformat der n\u00e4chsten Generation bezeichnet, wie das von Apple empfohlene &#8220;JPEG 2000&#8221; und das von Microsoft empfohlene &#8220;JPEG XR&#8221; und weist die folgenden Eigenschaften auf. \u25bc Funktionen von WebP Entwicklungsziele: &hellip; <a href=\"https:\/\/mp4gain.com\/de\/audio-video\/video\/was-ist-webp-3\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Was ist WebP?&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[22439,22382,22460,22421,22461,22456,22459,22457,22458,22384,22386,22381,22392,22388,22387,22394,22395,22393,22399,22397,22396,22400,22401,22403,22398,22402,22389,22390,22408,22406,22409,22407,22411,22380,22410,22404,22405,22373,22375,22377,22376,22413,22418,22419,22412,22414,22391,22478,22370,22440,22443,22441,22442,22372,22466,22467,22463,22468,22465,22470,22464,22469,22438,22422,22434,22477,22374,22333,22415,22383,22379,22416,22446,22445,22444,22436,22435,22455,22473,22378,22420,22425,22424,22423,22426,22437,22427,22476,22474,22475,22472,22417,22368,22371,22452,22449,22431,22432,22433,22447,22429,22450,22453,22430,22451,22428,22448,22385,22454,22462,22471,22366,22367,22369,22479],"class_list":["post-1292","post","type-post","status-publish","format-standard","hentry","category-video","tag-alert-wanneer-webpagina-verandert","tag-babel","tag-coronavirus-website-gebruikt","tag-de-webpagina-werd-opnieuw-geladen","tag-die-de-webpagina-heeft-gemaakt","tag-die-de-website-bezit","tag-die-webp","tag-die-webpack-heeft-gemaakt","tag-die-webpt-bezit","tag-doet-webp-work-op-safari","tag-doet-webpack-transpile","tag-gebruikt-webpack-babel","tag-hebben-iphone-lees-webpagina","tag-heeft-een-webpagina","tag-heeft-webpack-opmerkingen","tag-heeft-webpt-een-patientportaal","tag-heeft-webpt-teleheyheid","tag-hoe-de-website-hardop-wordt-gelezen","tag-hoe-webp-werkt","tag-hoe-webpack-in-reageert","tag-hoe-webpack-werkt","tag-hoe-webpack-werkt-in-angular","tag-hoe-webpack-werkt-intern","tag-hoe-webpackcode-werkt","tag-hoe-webpaginas-werken","tag-hoe-webpaginas-worden-gemaakt","tag-hoeft-u-geen-webpagina-te-hebben","tag-hoeft-u-geen-webpagina-te-hebben-webpack-config-js","tag-is-webp-beter-dan-jpeg","tag-is-webp-ondersteund-door-alle-browsers","tag-is-webp-verliesloos","tag-is-webpack-een-dev-afhankelijkheid","tag-is-webpack-een-framework","tag-is-webpack-minify","tag-is-webpack-nog-steeds-gebruikt","tag-is-webpagina-een-woord","tag-is-webpass-omlaag","tag-kan-webp-geanimeerd-zijn","tag-kan-webp-transparant-zijn","tag-kan-webpack-vervangen-grunt","tag-kan-webpack-vervangen-gulp","tag-moet-de-website-worden-geactiveerd","tag-moet-ik-webp-zijn","tag-moet-ik-webpack-gebruiken","tag-moet-webpack-een-dev-afhankelijkheid-zijn","tag-moet-webpack-wereldwijd-worden-geinstalleerd","tag-moet-webpack-plug-ins-hebben","tag-safari-support-webp","tag-veilige-webpaginas","tag-vind-wanneer-de-webpagina-pub-was-lished","tag-waar-is-bundel-js","tag-waar-webpack-config-js","tag-waar-webpaginas-worden-geimplementeerd","tag-waar-webpaginas-worden-opgeslagen","tag-waarom-bestand","tag-waarom-webp-in-plaats-van-jpg","tag-waarom-webpack","tag-waarom-webpack-in-reageert-wordt-gebruikt","tag-waarom-webpage-niet-beschikbaar-is","tag-waarom-webpagina-herladen-blijft","tag-waarom-webpagina-niet-beschikbaar-is","tag-waarom-webpagina-niet-goed-wordt-geladen","tag-wanneer-loader-nodig","tag-wanneer-was-een-webpagina-gepubliceerd","tag-wanneer-webpagina-is-gemaakt","tag-wanneer-wordt-webpack-5-vrijgegeven","tag-webp-bestanden-hebben-virussen","tag-webpack","tag-webpack-moet-worden-vermeld-in-de-afhankelijkheden-van-het-project","tag-webpack-bundel-node_modules","tag-webpack-kan-worden-geoptimaliseerd-met-welke-van-de-volgende-opdrachten-webp-kan-ik-gebruik-maken","tag-webpack-moet-ik-node_modules-uitsluiten","tag-webpack-waar-te-plaatsen-is-zet-css","tag-webpack-waar-te-zetten-afbeeldingen","tag-webpack-waar-te-zetten-index-html","tag-webpack-wanneer-de-plug-ins-uitgevoerd","tag-webpack-wanneer-te-gebruiken","tag-webpack-webpack","tag-webpack-will-fallback-to-production-voor-deze-waarde","tag-webpacker-kan-geen-applicatie-vinden-js","tag-webpage-is-opnieuw-geladen-mac","tag-webpagina-geblokkeerd","tag-webpagina-gewijzigd","tag-webpagina-laatst-gewijzigd","tag-webpagina-niet-beschikbaar","tag-webpagina-wanneer-u-webpack-wilt","tag-webpagina-was-niet","tag-webpagina-wordt-niet-bijgewerkt","tag-webpagina-wordt-niet-geopend","tag-webpagina-zal-niet-cl-ose","tag-webpagina-zal-niet-laden","tag-webpagina-zou-moeten-zijn","tag-webpaginas-software","tag-webpaginas-zijn-geschreven-met-behulp-van-webpaginas-worden-opgeslagen-met-welke-bestandsextensie","tag-welk-webpagina-zal-veranderen","tag-welk-webplatform-is-de-beste","tag-welke-webpack-do","tag-welke-webpack-wordt-gebruikt-voor","tag-welke-webpack-versie","tag-welke-webpack-versie-ben-ik","tag-welke-webpagina","tag-welke-webpagina-is-de-maatwerk-is-onmogelijk","tag-welke-webpagina-versie","tag-welke-webpagina-welke-webpagina-is-amazon-co-uk","tag-welke-webpaginas-zijn-ingewikkeld","tag-welke-webpakket","tag-welke-webprogrammeringstaal-het-beste-is","tag-werkt-webp-in-alle-browsers","tag-who-webpagina","tag-wiens-website","tag-wil-webpaginas-load-sneller-met-hogere-internet-snelheid","tag-zijn-webp-bestanden-veilig","tag-zijn-webpafbeeldingen-veilig","tag-zijn-webpaginas-die-zijn-aangesloten","tag-zou-u-liever-website"],"_links":{"self":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/1292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/comments?post=1292"}],"version-history":[{"count":1,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/1292\/revisions"}],"predecessor-version":[{"id":1293,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/1292\/revisions\/1293"}],"wp:attachment":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/media?parent=1292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/categories?post=1292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/tags?post=1292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}