{"id":1865,"date":"2021-09-17T14:42:06","date_gmt":"2021-09-17T14:42:06","guid":{"rendered":"http:\/\/mp4gain.com\/nl\/audio-video\/?p=1865"},"modified":"2021-09-17T14:42:06","modified_gmt":"2021-09-17T14:42:06","slug":"u-kunt-de-grootte-van-de-afbeelding-verkleinen-beeldformaat-van-de-volgende-generatie-webp","status":"publish","type":"post","link":"https:\/\/mp4gain.com\/nl\/audio-video\/video-converteerder\/u-kunt-de-grootte-van-de-afbeelding-verkleinen-beeldformaat-van-de-volgende-generatie-webp\/","title":{"rendered":"U kunt de grootte van de afbeelding verkleinen! Beeldformaat van de volgende generatie “WebP”"},"content":{"rendered":"

U kunt de grootte van de afbeelding verkleinen! Beeldformaat van de volgende generatie “WebP”<\/strong><\/p>\n

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

Beeldformaat van de volgende generatie “WebP”<\/p>\n

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

Kent u “WebP”?<\/p>\n

WebP is een beeldformaat ontwikkeld door Google.<\/p>\n

Het heeft het kenmerk dat de grootte van de afbeelding kan worden verkleind, en het kan worden gezegd dat het een formaat is dat we zouden willen gebruiken om de snelheid van de pagina als SEO-maatregel te verbeteren.<\/p>\n

Deze keer willen we “WebP” introduceren, dat het volgende generatie formaat wordt genoemd.<\/p>\n

\u25a0 Wat is WebP?<\/p>\n

WebP is een beeldformaat ontwikkeld door Google in de Verenigde Staten. Het kenmerk is dat de afbeelding kan worden verkleind, wat naar verluidt “25 tot 35% kleiner is dan JPEG en PNG”.<\/p>\n

Momenteel (vanaf juli 2020) ondersteunt ongeveer 78% van browsers zoals Chrome, Edge en Firefox WebP, maar Safari ondersteunt het nog niet.<\/p>\n

Voor “Items for Enhancement” in Google Speed \u200b\u200b\u200b\u200bInsight, als u de volgende generatie formaten gebruikt, zoals “JPEG 2000”, “JPEG XR” en “WebP”, is de compressiesnelheid hoger dan PNG en JPEG en kan het bestand worden verwijderd , dus de leessnelheid is ook hoog. Gaat omhoog “.<\/p>\n

\u25a0 Voordelen van WebP<\/p>\n

Het voordeel van het gebruik van WebP, zoals ik eerder al zei, is dat het de grootte van de afbeelding kan verkleinen.<\/p>\n

Naarmate de grootte afneemt, neemt de weergavesnelheid van de pagina toe, wat ook een maatstaf is voor SEO. Met andere woorden, WebP is een beeldformaat dat bedoeld is om de weergavesnelheid te verlagen.<\/p>\n

Naast “JavaScript” is “het lichter maken van de afbeelding” belangrijk om de snelheid van de pagina te verbeteren, dus WebP is een formaat dat we graag zouden willen opnemen.<\/p>\n

Een ander voordeel is dat de bestandsindelingen voor afbeeldingen uniform zijn.<\/p>\n

\u25a0 Nadelen van WebP<\/p>\n

Het nadeel van WebP is dat sommige browsers nog niet worden ondersteund.<\/p>\n

Een van de dingen die niet wordt ondersteund, is Safari. Vooral in Japan, waar het aandeel iPhone groot is, gebruiken veel mensen Safari, dus het is noodzakelijk om een \u200b\u200balternatief beeldformaat in te stellen.<\/p>\n

\u25a0 Safari ondersteunt ook WebP<\/p>\n

Vanaf juli 2020 is “WebP” niet compatibel met Safari, een Apple-browser. Er werd echter aangekondigd dat het compatibel zal zijn met de pc-versie en de iOS-versie van Safari 14.<\/p>\n

Dit is een welkome update in Japan, dat een groot deel van de iPhone heeft.<\/p>\n

\u25a0 Notities en HTML-beschrijvingsmethode bij gebruik van WebP<\/p>\n

De meeste browsers ondersteunen afbeeldingen in WebP-indeling, maar niet 100% van de browsers ondersteunt WebP.<\/p>\n

Daarom is het voor niet-ondersteunde browsers noodzakelijk om te beschrijven hoe een andere afbeelding moet worden weergegeven, zoals hieronder wordt weergegeven.<\/p>\n

<foto>
\n<brontype = “afbeelding \/ webp” srcset = “example.png.webp”>
\n<img src = “voorbeeld.png”>
\n<\/ foto><\/p>\n

voorbeeld.png.webp specificeert twee afbeeldingsformaten voor een afbeelding, en als de afbeelding in voorbeeld.png.webp niet kan worden weergegeven, wordt gespecificeerd om voorbeeld.png weer te geven.<\/p>\n","protected":false},"excerpt":{"rendered":"

U kunt de grootte van de afbeelding verkleinen! Beeldformaat van de volgende generatie “WebP” Beeldformaat van de volgende generatie “WebP” Kent u “WebP”? WebP is een beeldformaat ontwikkeld door Google. Het heeft het kenmerk dat de grootte van de afbeelding kan worden verkleind, en het kan worden gezegd dat het een formaat is dat we … Continue reading “U kunt de grootte van de afbeelding verkleinen! Beeldformaat van de volgende generatie “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":[1],"tags":[36640,36559,36557,36558,36564,36570,36571,36569,36565,36576,36573,36577,36574,36578,36580,36575,36579,36568,36629,36585,36586,36584,36588,36587,36581,36582,36550,36548,36549,36552,36551,36595,36589,36591,36567,36590,36566,36658,36556,36562,36544,36563,36617,36619,36618,36547,36646,36647,36643,36648,36644,36645,36649,36650,36615,36608,36598,36614,36610,36657,36606,36604,36555,36592,36554,36593,36622,36620,36623,36621,36624,36611,36612,36635,36653,36553,36601,36600,36597,36596,36594,36602,36599,36613,36603,36656,36655,36652,36654,36542,36546,36545,36633,36631,36627,36609,36625,36605,36628,36607,36632,36630,36626,36561,36560,36638,36636,36639,36637,36641,36634,36642,36659,36583,36572,36541,36540,36543,36616,36651],"class_list":["post-1865","post","type-post","status-publish","format-standard","hentry","category-video-converteerder","tag-coronavirus-website","tag-doet-webpack-bundel-node_modules","tag-doet-webpack-minify","tag-gebruikt-webpack-babel","tag-heeft-webpagina","tag-heeft-webpt-een-patientenportaal","tag-heeft-webpt-telehealth","tag-hoe-de-website-hardop-te-laten-voorlezen","tag-hoe-een-webpagina-te-hebben","tag-hoe-webp-werkt","tag-hoe-webpack-werkt","tag-hoe-webpack-werkt-in-een-hoek","tag-hoe-webpack-werkt-in-reactie","tag-hoe-webpack-werkt-intern","tag-hoe-webpack-codesplitsing-werkt","tag-hoe-webpaginas-werken","tag-hoe-webpaginas-worden-gemaakt","tag-iphone-laten-lezen-webpagina","tag-is-onmogelijk","tag-is-webp-beter-dan-jpeg","tag-is-webp-lossless","tag-is-webpack-een-dev-afhankelijkheid","tag-is-webpack-een-framework","tag-is-webpack-nog-steeds-gebruikt","tag-is-webpagina-een-woord","tag-is-webpass-down","tag-kan-webp-transparant-zijn","tag-kan-webp-worden-geanimeerd","tag-kan-webp-bestanden-bevatten-virussen","tag-kan-webpack-grunt-vervangen","tag-kan-webpack-gulp-vervangen","tag-moet-ik-webp-gebruiken-moet-ik-webpack-gebruiken","tag-moet-webpack-een-dev-afhankelijkheid-zijn","tag-moet-webpack-globaal-worden-geinstalleerd","tag-moet-webpack-plug-ins-hebben","tag-moet-website-worden-geactiveerd","tag-niet-hebben-webpack-config-js","tag-ondersteunt-safari-webp","tag-ondersteunt-webp-transparantie","tag-transpile-webpack","tag-veilige-webpaginas","tag-verwijdert-webpack-reacties","tag-waar-webpack-config-js","tag-waar-webpaginas-slim-worden-geimplementeerd","tag-waar-webpaginas-worden-geimplementeerd","tag-waar-worden-webpaginas-opgeslagen","tag-waarom-webp-bestand","tag-waarom-webp-in-plaats-van-jpg","tag-waarom-webpack","tag-waarom-webpack-wordt-gebruikt-in-react","tag-waarom-webpagina-crashte","tag-waarom-webpagina-niet-beschikbaar","tag-waarom-webpagina-niet-goed-wordt-geladen","tag-waarom-webpagina-steeds-opnieuw-wordt-geladen","tag-waarschuwing-wanneer-webpagina-verandert","tag-waarvoor-webpack-wordt-gebruikt","tag-wanneer-is-een-webpagina-gepubliceerd","tag-wanneer-webpack-wordt-gebruikt-waarom-loader-nodig","tag-wanneer-webpagina-is-gemaakt","tag-wanneer-wordt-webpack-5-uitgebracht","tag-wat-webpack","tag-wat-webpack-doet","tag-webp-kan-ik-gebruiken","tag-webpack-moet-worden-vermeld-in-de-afhankelijkheden-van-het-project","tag-webpack-kan-worden-geoptimaliseerd-met-welke-van-de-volgende-opdrachten","tag-webpack-moet-ik-node_modules-uitsluiten","tag-webpack-waar-afbeeldingen-worden-geplaatst","tag-webpack-waar-bundel-js-is","tag-webpack-waar-dist-map-is","tag-webpack-waar-index-html-moet-worden-geplaatst","tag-webpack-waar-te-plaatsen-zet-css","tag-webpack-wanneer-te-gebruiken","tag-webpack-wanneer-worden-plug-ins-uitgevoerd","tag-webpack-wie-gebruikt","tag-webpack-zal-voor-deze-waarde-terugvallen-op-productie","tag-webpacker-kan-application-js-niet-vinden","tag-webpagina-geblokkeerd","tag-webpagina-gewijzigd","tag-webpagina-is-opnieuw-geladen","tag-webpagina-is-opnieuw-geladen-mac","tag-webpagina-moet-zijn","tag-webpagina-niet-beschikbaar","tag-webpagina-voor-het-laatst-gewijzigd","tag-webpagina-wanneer-erop-wordt-geklikt","tag-webpagina-was-niet","tag-webpagina-wordt-niet-bijgewerkt","tag-webpagina-wordt-niet-gecl-ose","tag-webpagina-wordt-niet-geladen","tag-webpagina-wordt-niet-geopend","tag-webpaginas-software","tag-webpaginas-worden-opgeslagen-met-welke-bestandsextensie","tag-webpaginas-zijn-geschreven-met-behulp-van","tag-welk-webpack-versie","tag-welk-webplatform","tag-welk-webplatform-het-beste-is","tag-welke-webpack-versie","tag-welke-webpack-versie-gebruik-ik","tag-welke-webpagina","tag-welke-webpagina-de-aanpassing-is","tag-welke-webpagina-is-amazon-co-uk","tag-welke-webpagina-zal-veranderen","tag-welke-webpaginas-ingewikkeld-zijn","tag-welke-webprogrammeertaal-het-beste-is","tag-werkt-webp-in-alle-browsers","tag-werkt-webp-op-safari","tag-wie-bezit-webpt","tag-wie-bezit-website","tag-wie-gebruikt-webp","tag-wie-heeft-webpack-gemaakt","tag-wie-heeft-webpagina-gemaakt","tag-wie-webpagina","tag-wiens-website","tag-wil-je-liever-website","tag-wordt-webp-ondersteund-door-alle-browsers","tag-zeg-je-webpagina","tag-zijn-webp-afbeeldingen-veilig","tag-zijn-webp-bestanden-veilig","tag-zijn-webpaginas-verbonden","tag-zoeken-wanneer-webpagina-pub-was-lished","tag-zullen-webpaginas-sneller-laden-met-hogere-internetsnelheid"],"_links":{"self":[{"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/posts\/1865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/comments?post=1865"}],"version-history":[{"count":1,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/posts\/1865\/revisions"}],"predecessor-version":[{"id":1866,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/posts\/1865\/revisions\/1866"}],"wp:attachment":[{"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/media?parent=1865"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/categories?post=1865"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/tags?post=1865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}