{"id":1288,"date":"2021-09-17T14:40:27","date_gmt":"2021-09-17T14:40:27","guid":{"rendered":"http:\/\/mp4gain.com\/de\/audio-video\/?p=1288"},"modified":"2021-09-17T14:40:27","modified_gmt":"2021-09-17T14:40:27","slug":"sie-konnen-das-bild-verkleinern-bildformat-der-nachsten-generation-webp","status":"publish","type":"post","link":"https:\/\/mp4gain.com\/de\/audio-video\/video\/sie-konnen-das-bild-verkleinern-bildformat-der-nachsten-generation-webp\/","title":{"rendered":"Sie k\u00f6nnen das Bild verkleinern! Bildformat der n\u00e4chsten Generation “WebP”"},"content":{"rendered":"

Sie k\u00f6nnen das Bild verkleinern! Bildformat der n\u00e4chsten Generation “WebP”<\/strong><\/p>\n

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

Bildformat der n\u00e4chsten Generation “WebP”<\/p>\n

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

Kennen Sie “WebP”?<\/p>\n

WebP ist ein von Google entwickeltes Bildformat.<\/p>\n

Es hat die Eigenschaft, dass die Gr\u00f6\u00dfe des Bildes reduziert werden kann, und es kann gesagt werden, dass es sich um ein Format handelt, das wir als SEO-Ma\u00dfnahme verwenden m\u00f6chten, um die Geschwindigkeit der Seite zu verbessern.<\/p>\n

Diesmal m\u00f6chten wir “WebP” vorstellen, das als Next-Generation-Format bezeichnet wird.<\/p>\n

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

WebP ist ein von Google in den USA entwickeltes Bildformat. Das Feature ist, dass das Bild verkleinert werden kann, was “25 bis 35% kleiner als JPEG und PNG” sein soll.<\/p>\n

Derzeit (Stand Juli 2020) unterst\u00fctzen etwa 78% der Browser wie Chrome, Edge und Firefox WebP, aber Safari unterst\u00fctzt es noch nicht.<\/p>\n

Bei “Items for Enhancement” in Google Speed \u200b\u200bInsight, wenn Sie Formate der n\u00e4chsten Generation wie “JPEG 2000”, “JPEG XR” und “WebP” verwenden, ist die Komprimierungsrate h\u00f6her als PNG und JPEG und die Datei kann gel\u00f6scht werden , also ist auch die Lesegeschwindigkeit hoch. Steigt “.<\/p>\n

\u25a0 Vorteile von WebP<\/p>\n

Der Vorteil der Verwendung von WebP besteht, wie bereits erw\u00e4hnt, darin, dass die Gr\u00f6\u00dfe des Bildes reduziert werden kann.<\/p>\n

Mit abnehmender Gr\u00f6\u00dfe nimmt die Anzeigegeschwindigkeit der Seite zu, was auch ein Ma\u00df f\u00fcr SEO ist. Mit anderen Worten, WebP ist ein Bildformat, das die Anzeigegeschwindigkeit reduzieren soll.<\/p>\n

Neben “JavaScript” ist “das Verkleinern des Bildes” wichtig, um die Geschwindigkeit der Seite zu verbessern, daher ist WebP ein Format, das wir gerne einbinden w\u00fcrden.<\/p>\n

Ein weiterer Vorteil ist, dass die Bilddateiformate vereinheitlicht sind.<\/p>\n

\u25a0 Nachteile von WebP<\/p>\n

Der Nachteil von WebP ist, dass einige Browser noch nicht unterst\u00fctzt werden.<\/p>\n

Eines der Dinge, die nicht unterst\u00fctzt werden, ist Safari. Gerade in Japan, wo der iPhone-Anteil gro\u00df ist, nutzen viele Leute Safari, daher ist es notwendig, ein alternatives Bildformat einzustellen.<\/p>\n

\u25a0 Safari unterst\u00fctzt auch WebP<\/p>\n

Ab Juli 2020 ist “WebP” nicht mit Safari, einem Apple-Browser, kompatibel. Es wurde jedoch angek\u00fcndigt, dass es mit der PC-Version und der iOS-Version von Safari 14 kompatibel sein wird.<\/p>\n

Dies ist ein willkommenes Update in Japan, das einen gro\u00dfen Teil des iPhones enth\u00e4lt.<\/p>\n

\u25a0 Hinweise und HTML-Beschreibungsmethode bei Verwendung von WebP<\/p>\n

Die meisten Browser unterst\u00fctzen Bilder im WebP-Format, aber nicht 100 % der Browser unterst\u00fctzen WebP.<\/p>\n

Daher muss f\u00fcr nicht unterst\u00fctzte Browser beschrieben werden, wie ein anderes Bild wie unten gezeigt angezeigt wird.<\/p>\n

<Bild>
\n<source type = “image \/ webp” srcset = “example.png.webp”>
\n<img src = “example.png”>
\n<\/ Bild><\/p>\n

example.png.webp gibt zwei Bildformate f\u00fcr ein Bild an, und wenn das Bild in example.png.webp nicht angezeigt werden kann, wird example.png angezeigt.<\/p>\n","protected":false},"excerpt":{"rendered":"

Sie k\u00f6nnen das Bild verkleinern! Bildformat der n\u00e4chsten Generation “WebP” Bildformat der n\u00e4chsten Generation “WebP” Kennen Sie “WebP”? WebP ist ein von Google entwickeltes Bildformat. Es hat die Eigenschaft, dass die Gr\u00f6\u00dfe des Bildes reduziert werden kann, und es kann gesagt werden, dass es sich um ein Format handelt, das wir als SEO-Ma\u00dfnahme verwenden m\u00f6chten, … Continue reading “Sie k\u00f6nnen das Bild verkleinern! Bildformat der n\u00e4chsten Generation “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-1288","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\/1288","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=1288"}],"version-history":[{"count":1,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/1288\/revisions"}],"predecessor-version":[{"id":1289,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/1288\/revisions\/1289"}],"wp:attachment":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/media?parent=1288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/categories?post=1288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/tags?post=1288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}