{"id":1290,"date":"2021-09-17T14:52:45","date_gmt":"2021-09-17T14:52:45","guid":{"rendered":"http:\/\/mp4gain.com\/de\/audio-video\/?p=1290"},"modified":"2021-09-17T14:52:45","modified_gmt":"2021-09-17T14:52:45","slug":"was-ist-webp-2","status":"publish","type":"post","link":"https:\/\/mp4gain.com\/de\/audio-video\/video\/was-ist-webp-2\/","title":{"rendered":"Was ist WebP?"},"content":{"rendered":"

Was ist WebP?<\/strong><\/p>\n

\"WebP\"<\/p>\n

Google bietet verlustfreie Komprimierung, verlustbehaftete Komprimierung ist das neueste entsprechende Bildformat.
\nDie Dateierweiterung ist “.webp”.<\/p>\n

\"Webp\"<\/p>\n

Die Dynamik von WebP im Formatkrieg der n\u00e4chsten Generation
\nTypische Bildformate sind “JPEG”, “GIF” und “PNG”, die seit Beginn der Expansion des Webs bis heute als Standard verwendet werden. Obwohl sie das Web seit langem unterst\u00fctzen, hat jedes Unternehmen die Entwicklung und Einf\u00fchrung von Bildkomprimierungstechnologien gef\u00f6rdert. Die bekanntesten sind “JPEG XR” von Microsoft, “JPEG 2000” von Apple und “WebP” von Google, die in diesem Artikel vorkommen. Aufgrund von Spekulationen \u00fcber den Wettbewerb um Marktanteile stagniert die Penetration jedoch nur. WebP, der als Standard der n\u00e4chsten Generation gilt, wird im September 2010 verf\u00fcgbar sein, damit Sie sehen k\u00f6nnen, wie heftig der Konflikt war. WebP ist ab August 2020 in den meisten Browsern au\u00dfer IE \/ Safari verf\u00fcgbar, m\u00f6glicherweise aufgrund des ins Stocken geratenen Formatkriegs. Das Folgende ist das Ergebnis der Suche nach WebP auf der Website “Kann ich verwenden …”, wo Sie die Kompatibilit\u00e4t des Browsers mit der Webtechnologie \u00fcberpr\u00fcfen k\u00f6nnen. Da Safari in der kommenden Version 14 auch WebP unterst\u00fctzen wird, ist der neueste Stand der unterst\u00fctzten Browser nur IE JPEG<\/p>\n

XR, Safari nur JPEG Man kann sagen, dass 2000 komplett entfernt wurde. Speziell f\u00fcr JPEG XR wird es gestoppt, da es im neuen Chromium-basierten Edge nicht mehr verf\u00fcgbar ist, und es wird durch die Verbesserung von WebP verst\u00e4rkt. Vor diesem Hintergrund ist die Aufmerksamkeit von WebP extrem hoch und soll zu einem wesentlichen Wissen in der Webproduktion werden.
\nf: id: t-okubo: 20200817172652j: einfach<\/p>\n

Vorteile der Verwendung von WebP
\nVorteil 1: Dateigr\u00f6\u00dfe kann reduziert werden
\nHervorragend im Vergleich zu herk\u00f6mmlichen Schl\u00fcsselformatalgorithmen Verlustfreie oder verlustbehaftete Komprimierung ist m\u00f6glich, um beide Arten zu verarbeiten, WebP verlustfreies Bild PNG (verlustfreie Komprimierung) ca. 26% im Vergleich zu verlustbehafteter Komprimierung Bild von WebP JPEG im Vergleich zu Dateigr\u00f6\u00dfe kann um ca. 25 bis 34% reduziert werden . Im Folgenden finden Sie einen Vergleich von Informationen, die im gleichen Bild im JPEG \/ WebP-Format (verlustbehaftete Komprimierung) gespeichert wurden. Die Dateigr\u00f6\u00dfe wird bei WebP um ca. 40 % auf 314 KB reduziert, im Vergleich zu 520 KB bei JPEG. Durch die Reduzierung der Bilddateigr\u00f6\u00dfe wird die Seitenanzeige schneller und SEO-Ma\u00dfnahmen sowie die Benutzerfreundlichkeit (UX) sollen sich verbessern. In der SEO-Messfunktion \u201eLighthouse\u201c, die in den Chrome-Entwicklungstools installiert ist, wird bewertet, ob das Bild mit dem Format der n\u00e4chsten Generation kompatibel ist oder nicht, und wenn es dies nicht unterst\u00fctzt, wird die Diagnose \u201ePerformance\u201c wie folgt durchgef\u00fchrt. Eine Warnung wird angezeigt und die Punktzahl wird von der Anzahl der Bilder im alten Format abgezogen. Sie sehen, dass die Formatunterst\u00fctzung der n\u00e4chsten Generation kein \u00fcbersehenes Element mehr ist.<\/p>\n

f: id: t-okubo: 20200818202726p: einfach<\/p>\n

f: id: t-okubo: 20200817175635j: einfach<\/p>\n

Auf der anderen Seite k\u00f6nnen reichere Websites, die mehr Bilder verwenden, die Vorteile der Gewichtsreduktion erwarten, wie Sie an der Tatsache sehen k\u00f6nnen, dass die Bewertung der Anzahl der Bilder zunimmt, die mit dem Format der n\u00e4chsten Generation kompatibel sind. Jetzt, da Designs beliebt sind, die die Herzen der Benutzer mit gro\u00dfen Bildern wie Heldenbildern erobern, kann man sagen, dass die Kompatibilit\u00e4t mit WebP eine sehr effektive Ma\u00dfnahme zur Verbesserung der Website ist.<\/p>\n

Vorteil 2: Alphakanalanimation unterst\u00fctzen (transparent)
\nDa JPEG eine verlustbehaftete Komprimierung ist, hat es eine hohe Komprimierungsrate und eignet sich zum Speichern von Fotos mit vielen Farben, unterst\u00fctzt jedoch keine Transparenz oder Animation. Andererseits k\u00f6nnen GIF und PNG transparent und animiert sein, aber das Komprimierungsverh\u00e4ltnis ist aufgrund der verlustfreien Komprimierung nicht hoch. Aufgrund dieser individuellen Eigenschaften war es traditionell notwendig, je nach Verwendungszweck des Bildes unterschiedliche Formate zu verwenden. WebP hat diese Barriere beseitigt.
\nVerlustfreie Komprimierung Verlustfreie WebP-Bilder unterst\u00fctzen Transparenz mit einer zus\u00e4tzlichen Dateigr\u00f6\u00dfe von 22 % und k\u00f6nnen mit Tools animiert werden. . Au\u00dferdem hat es, wie in Merit (1) erw\u00e4hnt, eine Komprimierungsrate, die die des vorherigen Formats \u00fcbertrifft, so dass es m\u00f6glicherweise nicht lange dauert, bis keine Fehler mehr auftreten, solange die Bilddatei in WebP platziert wird.<\/p>\n

Nachteile der Verwendung von WebP
\nNachteil 1: einige Browser werden nicht unterst\u00fctzt<\/p>\n","protected":false},"excerpt":{"rendered":"

Was ist WebP? Google bietet verlustfreie Komprimierung, verlustbehaftete Komprimierung ist das neueste entsprechende Bildformat. Die Dateierweiterung ist “.webp”. Die Dynamik von WebP im Formatkrieg der n\u00e4chsten Generation Typische Bildformate sind “JPEG”, “GIF” und “PNG”, die seit Beginn der Expansion des Webs bis heute als Standard verwendet werden. Obwohl sie das Web seit langem unterst\u00fctzen, hat … Continue reading “Was ist WebP?”<\/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":[22325,22273,22328,22270,22271,22269,22276,22282,22274,22280,22281,22278,22295,22296,22298,22294,22297,22292,22291,22258,22261,22260,22259,22262,22267,22365,22277,22254,22251,22250,22253,22300,22305,22306,22299,22301,22302,22272,22266,22268,22321,22329,22363,22309,22326,22356,22355,22353,22354,22315,22265,22333,22359,22264,22303,22323,22322,22263,22324,22312,22311,22313,22304,22314,22362,22358,22360,22361,22308,22307,22310,22256,22255,22252,22344,22341,22340,22320,22339,22316,22318,22342,22345,22343,22317,22346,22349,22351,22350,22327,22352,22348,22347,22357,22290,22279,22275,22286,22283,22288,22287,22284,22289,22285,22364,22293,22336,22334,22337,22338,22335,22330,22331,22332,22257,22319],"class_list":["post-1290","post","type-post","status-publish","format-standard","hentry","category-video","tag-bei-verwendung-von-webpack-warum-benotige-loader","tag-entfernt-webpack-kommentare","tag-finde-heraus","tag-funktioniert-webp-auf-safari","tag-funktioniert-webp-in-allen-browsern","tag-funktioniert-webpack-bundle-node_modules","tag-habe-keine-webpack-config-js","tag-haben-sie-ihre-webseite-zu-sagen","tag-hat-eine-webseite","tag-hat-webpt-ein-patientenportal","tag-hat-webpt-telehealth","tag-iphone-webseite-vorlesen-lassen","tag-ist-webp-besser-als-jpeg","tag-ist-webp-verlustfrei","tag-ist-webpack-ein-framework","tag-ist-webpack-eine-dev-abhangigkeit","tag-ist-webpack-immer-noch-verwendet","tag-ist-webpass-down","tag-ist-webseite-ein-wort","tag-kann-webp-animiert-werden","tag-kann-webp-gulp-ersetzen","tag-kann-webp-transparent-sein","tag-kann-webp-dateien-haben-viren","tag-kann-webpack-grunt-ersetzen","tag-minimiert-webpack","tag-mochten-sie-lieber-eine-website","tag-muss-webpack-plugins-haben","tag-sichere-webseiten","tag-sind-webp-bilder-sicher","tag-sind-webp-dateien-sicher","tag-sind-webseiten-verbunden","tag-sollte-die-website-gros-geschrieben-werden","tag-sollte-ich-webp-verwenden","tag-sollte-ich-webpack-verwenden","tag-sollte-webpack-eine-dev-abhangigkeit-sein","tag-sollte-webpack-global-installiert-werden","tag-sollte-webpack-in-den-abhangigkeiten-des-projekts-aufgefuhrt-sein","tag-transpiliert-webpack","tag-unterstutzt-webp-transparenz","tag-verwendet-webpack-babel","tag-wann-die-webseite-erstellt-wurde","tag-wann-die-webseite-veroffentlicht-wurde-lished","tag-wann-wird-webpack-5-veroffentlicht","tag-wann-wurde-eine-webseite-veroffentlicht","tag-warnt","tag-warum-die-webseite-immer-wieder-neu-geladen-wird","tag-warum-die-webseite-nicht-richtig-geladen-wird","tag-warum-webp-statt-jpg","tag-warum-webpack-in-reagieren-verwendet-wird","tag-was-webpack-macht","tag-webp-kann-ich-verwenden","tag-webpack","tag-webpack-fallt-fur-diesen-wert-auf-produktion-zuruck","tag-webpack-kann-mit-welchem-der-folgenden-befehle-optimiert-werden","tag-webpack-sollte-ich-node_modules-ausschliesen","tag-webpack-wann-plugins-ausgefuhrt-werden","tag-webpack-wann-verwendet-werden-soll","tag-webpacker-kann-application-js-nicht-finden","tag-webseite-beim-klicken","tag-webseite-blockiert","tag-webseite-geandert","tag-webseite-nicht-verfugbar","tag-webseite-sollte-sein","tag-webseite-war-nicht","tag-webseite-wird-nicht-aktualisiert","tag-webseite-wird-nicht-geladen","tag-webseite-wird-nicht-geoffnet","tag-webseite-wird-nicht-geschlossen-ose","tag-webseite-wurde-neu-geladen","tag-webseite-wurde-neu-geladen-mac","tag-webseite-zuletzt-geandert","tag-webseiten-werden-mit-der-dateierweiterung-gespeichert","tag-webseiten-werden-mit-geschrieben","tag-webseiten-software","tag-welche-web-plattform","tag-welche-web-plattform-ist-die-beste","tag-welche-web-programmiersprache-ist-die-beste","tag-welche-webpack-version","tag-welche-webpack-version-verwende-ich","tag-welche-webseite","tag-welche-webseite-ist-amazon-co-uk","tag-welche-webseite-ist-die-anpassung-ist-unmoglich","tag-welche-webseite-wird-sich-andern","tag-welche-webseiten-sind-kompliziert","tag-welches-webpack","tag-welches-webpack-version","tag-wem-gehort-die-website","tag-wem-gehort-webpt","tag-wem-hat-webpack-erstellt","tag-wenn-sich-die-webseite-andert","tag-wer-verwendet-webp-datei","tag-wer-webpack-verwendet","tag-wer-webseite","tag-werden-webseiten-schneller-mit-hoherer-internet-geschwindigkeit-geladen","tag-wie-das-aufteilen-von-webpack-code-funktioniert","tag-wie-man-die-webseite-vorliest","tag-wie-man-eine-webseite-erstellt","tag-wie-webp-funktioniert","tag-wie-webpack-funktioniert","tag-wie-webpack-funktioniert-intern","tag-wie-webpack-in-angular-funktioniert","tag-wie-webpack-in-reagieren-funktioniert","tag-wie-webseiten-erstellt-werden","tag-wie-webseiten-funktionieren","tag-wird-safari-webp-unterstutzen","tag-wird-webp-von-allen-browsern-unterstutzt","tag-wo-bilder-abgelegt-werden","tag-wo-bundle-js-ist","tag-wo-der-dist-ordner-ist","tag-wo-es-hingehort-css-setzen","tag-wo-index-html-abgelegt-wird","tag-wo-webpack-config-js","tag-wo-webseiten-bereitgestellt-werden","tag-wo-webseiten-mit-verstand-bereitgestellt-werden","tag-wo-werden-webseiten-gespeichert","tag-wofur-webpack-verwendet-wird"],"_links":{"self":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/1290","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=1290"}],"version-history":[{"count":1,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/1290\/revisions"}],"predecessor-version":[{"id":1291,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/1290\/revisions\/1291"}],"wp:attachment":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/media?parent=1290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/categories?post=1290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/tags?post=1290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}