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

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

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

WebP?<\/p>\n

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

Webp? Beeindruckend? Viele Leute lesen es aus Versehen, aber die richtige Lesart ist “Weppy”.<\/p>\n

WebP ist ein von Google entwickeltes Standbildformat und die Dateierweiterung wird als “.webp” geschrieben.<\/p>\n

Derzeit soll es das “Next Generation Format” sein und zieht Aufmerksamkeit auf sich, scheint es aber schon seit 2010 zu geben.<\/p>\n

WebP wurde mit dem Ziel entwickelt, das Volumen des Website-Verkehrs zu reduzieren, und es ist ein Bildformat, das von denen \u00fcberpr\u00fcft werden sollte, die erw\u00e4gen, das Gewicht und die Geschwindigkeit von Websites zu reduzieren.<\/p>\n

Diesmal haben wir die Vor- und Nachteile des Einsatzes von WebP zusammengefasst.<\/p>\n

Vorteil 1 von WebP: Dateigr\u00f6\u00dfe kann reduziert werden
\nDas ist schlie\u00dflich das Beste.<\/p>\n

Das wichtigste Merkmal von WebP ist, dass die Dateigr\u00f6\u00dfe etwa 25-34% kleiner als bei JPEG sein soll.<\/p>\n

Tats\u00e4chlich habe ich ein WebP-Image erstellt und es verglichen.<\/p>\n

Vergleich von WebP- und JPEG-Bildern<\/p>\n

Ich erstelle ein WebP-Bild mit einer Komprimierungsrate, die auf den ersten Blick nicht so grob erscheint, aber die Dateigr\u00f6\u00dfe wurde um 73% reduziert. Das ist unglaublich.<\/p>\n

Wenn Sie eine Website mit auf diese Weise mit WebP erstellten Bildern erstellen, wird das Laden der Website mit abnehmender Dateigr\u00f6\u00dfe beschleunigt.<\/p>\n

als Ergebnis<\/p>\n

Geringere Benutzerabzugsrate = Verbesserte UX (Benutzererfahrung)
\nEs ist auch effektiv f\u00fcr SEO-Ma\u00dfnahmen (je schneller die Anzeigegeschwindigkeit der Site, desto h\u00f6her die Bewertung)
\nVerwenden Sie Ressourcen f\u00fcr die Dateikapazit\u00e4t f\u00fcr andere Funktionen Ihrer Website
\nDas ist sehr gut.<\/p>\n

WebP Advantage 2: Verlustbehaftete Komprimierung und Alphakanal-Behandlung
\nVerlustbehaftete Komprimierung bezieht sich grob auf Daten, die nicht vollst\u00e4ndig wiederhergestellt werden k\u00f6nnen, wenn komprimierte Daten wiederhergestellt werden.<\/p>\n

JPEG ist eine verlustbehaftete Komprimierung, unterst\u00fctzt jedoch keine Alphakan\u00e4le.<\/p>\n

Der Alphakanal bedeutet, dass er Hilfsdatenbereiche verarbeiten kann, die f\u00fcr die Verarbeitung von Transparenzinformationen vorbereitet sind, dh er kann auch transparente Bilder verarbeiten.<\/p>\n

GIF und PNG sind verlustfreie Komprimierung, die Alphakan\u00e4le unterst\u00fctzt, die transparente Bilder exportieren k\u00f6nnen, aber das Komprimierungsverh\u00e4ltnis ist niedrig.<\/p>\n

Wie JPEG ist WebP ein spezielles Format, das transparente Bilder als GIF und PNG exportieren kann und dabei eine verlustbehaftete Komprimierung mit einer hohen Komprimierungsrate verwendet. Jedes Format hat eine Form, die die M\u00e4ngel ausgleicht, und es unterst\u00fctzt auch Animation und GIF, das ist also ein guter Punkt.<\/p>\n

Nachteile von WebP: einige Browser unterst\u00fctzen es nicht
\nDies ist der einzige Nachteil.<\/p>\n

Es gibt nur einen, aber es ist ein sehr wichtiger Punkt.<\/p>\n

Ab April 2020 unterst\u00fctzen Browser wie Chrome, Edge und Firefox WebP.<\/p>\n

Safari unterst\u00fctzt dies jedoch nicht. Safari unter iOS wird ebenfalls nicht unterst\u00fctzt.<\/p>\n

Ich denke, Mac- und insbesondere iPhone-Benutzer verwenden normalerweise Safari, aber wenn sie WebP verwenden, k\u00f6nnen sie die Bilder nicht sehen.<\/p>\n

In Bezug auf den Anteil des reinen Smartphone-Betriebssystems machen iPhone-Nutzer in Japan mehr als 40% aus. es ist. Safari, der f\u00fcr 40% der Menschen der Standardbrowser ist, kann nicht einfach ignoriert werden.<\/p>\n","protected":false},"excerpt":{"rendered":"

Was ist WebP? WebP? Webp? Beeindruckend? Viele Leute lesen es aus Versehen, aber die richtige Lesart ist “Weppy”. WebP ist ein von Google entwickeltes Standbildformat und die Dateierweiterung wird als “.webp” geschrieben. Derzeit soll es das “Next Generation Format” sein und zieht Aufmerksamkeit auf sich, scheint es aber schon seit 2010 zu geben. WebP wurde … 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-1286","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\/1286","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=1286"}],"version-history":[{"count":1,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/1286\/revisions"}],"predecessor-version":[{"id":1287,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/1286\/revisions\/1287"}],"wp:attachment":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/media?parent=1286"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/categories?post=1286"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/tags?post=1286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}