{"id":1869,"date":"2021-09-18T13:14:19","date_gmt":"2021-09-18T13:14:19","guid":{"rendered":"http:\/\/mp4gain.com\/nl\/audio-video\/?p=1869"},"modified":"2021-09-18T13:14:19","modified_gmt":"2021-09-18T13:14:19","slug":"wat-is-webp-3","status":"publish","type":"post","link":"https:\/\/mp4gain.com\/nl\/audio-video\/video-converteerder\/wat-is-webp-3\/","title":{"rendered":"Wat is WebP?"},"content":{"rendered":"

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

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

Beeldformaat van de volgende generatie!<\/p>\n

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

WebP is een indeling voor stilstaande beelden die onlangs is ontwikkeld door Google Inc. in de Verenigde Staten. WebP wordt ook wel het beeldformaat van de volgende generatie genoemd, zoals door Apple aanbevolen “JPEG 2000” en door Microsoft aanbevolen “JPEG XR” en heeft de volgende kenmerken.<\/p>\n

\u25bc Kenmerken van WebP<\/p>\n

Ontwikkelingsdoelen: weergavesnelheid verlagen en websiteverkeer verminderen
\nSuperioriteit ten opzichte van JPEG – kleinere bestandsgrootte en minder verslechtering van de beeldkwaliteit
\nMaximaal aantal pixels: 16383 x 16383 pixels
\nExtensie: “.webp”
\nDe geschiedenis van WebP! Opnieuw gefocust op de aankondiging van Core Web Vitals
\nHoewel WebP is gepositioneerd als een beeldformaat van de volgende generatie, bestaat het verrassend genoeg al sinds 2010.<\/p>\n

\u25bc Geschiedenis van WebP<\/p>\n

30 september 2010: Eerste WebP-specificatie gepubliceerd op de offici\u00eble Google Chrome-blog
\n2011: WebP-ondersteuning wanneer Google Chrome 9.0 en Android 4.0 worden uitgebracht
\n2013: Opera 15 werd aangekondigd om WebP te ondersteunen en niet APNG bij de lancering van Opera 15.
\nUit de bovenstaande informatie kunnen we zien dat de geschiedenis van WebP verrassend oud is en dat het aandeel ondersteunde browsers gestaag is toegenomen. Dus waarom krijgt WebP nu zoveel aandacht?<\/p>\n

Aanleiding is de offici\u00eble aankondiging van Google op 28 mei 2020! We kondigen aan dat we vanaf 2021 Core Web Vitals zullen toevoegen, inclusief de weergavesnelheid van afbeeldingen als een UX-index om de zoekrangschikking te beoordelen.<\/p>\n

Het is dus een goed moment om WebP te implementeren, dat is ontwikkeld om de weergavesnelheid en het websiteverkeer te verminderen. Bekijk de volgende artikelen voor details over essenti\u00eble webbasics en hoe u de bruikbaarheid kunt verbeteren.<\/p>\n

Wat is de impact van Core Web Vitals, die in 2021 te zien zal zijn, op de zoekresultaten van Google?
\nWat is de impact van Core Web Vitals, die in 2021 te zien zal zijn, op de zoekresultaten van Google?
\nOp 28 mei 2020 zal Google Core Web Vitals gebruiken als UX-indicator voor bestaande signalen bij het evalueren van zoekrangschikkingen vanaf 2021.<\/p>\n

De bruikbaarheid van smartphonesites verhoogt de zoekrangschikking! 7 effectieve verbeterpunten voor SEO
\nDe bruikbaarheid van smartphonesites verhoogt de zoekrangschikking! 7 effectieve verbeterpunten voor SEO
\nDe “bruikbaarheid van smartphones” wordt belangrijker naarmate het aantal gebruikers van mobiel browsen toeneemt in plaats van pc. Dus in dit artikel, waarom ben je een smartphonegebruiker?
\nVoordelen van WebP! Is het beter dan andere beeldformaten?
\nHet grootste voordeel van de introductie van WebP is immers de gewichtsreductie van de afbeeldingen. Zoals hieronder wordt weergegeven, is het beeldformaat in theorie aanzienlijk kleiner dan bij JPEG en PNG.<\/p>\n

\u25bc Geringe WebP-bestandsgrootte<\/p>\n

Vergeleken met JPEG: 25-34% kleiner
\nVergeleken met PNG: ongeveer 28% kleiner
\nBovendien ondersteunt het animatie en kan het alfakanalen aan, zelfs met compressie met verlies, waardoor het geschikt is voor het exporteren van transparante afbeeldingen. Als je de vari\u00ebteit vergelijkt met andere beeldformaten, is de uitmuntendheid van WebP zelfs duidelijk.<\/p>\n

\u25bc Vergelijkende tabel van 5 soorten afbeeldingsformaten<\/p>\n

Formaat Compressieprestaties Compressie zonder verlies Compressie met verlies Transparante animatie
\nWebP Erg duur \u3007 \u3007 \u3007 \u3007
\nVerhoogde SVG \u3007 \u00d7 \u3007 \u3007
\nVerhoogde PNG \u3007 \u00d7 \u3007 \u00d7
\nHoge JPEG \u25b3 \u3007 \u00d7 \u00d7
\nGIF meestal \u3007 \u3007 \u25b3 \u3007<\/p>\n","protected":false},"excerpt":{"rendered":"

Wat is WebP? Beeldformaat van de volgende generatie! WebP is een indeling voor stilstaande beelden die onlangs is ontwikkeld door Google Inc. in de Verenigde Staten. WebP wordt ook wel het beeldformaat van de volgende generatie genoemd, zoals door Apple aanbevolen “JPEG 2000” en door Microsoft aanbevolen “JPEG XR” en heeft de volgende kenmerken. \u25bc … Continue reading “Wat is 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":[36705,36671,36725,36695,36726,36721,36724,36722,36723,36673,36674,36558,36679,36676,36675,36681,36682,36680,36576,36683,36573,36684,36578,36685,36575,36579,36677,36678,36585,36687,36688,36584,36588,36670,36587,36581,36686,36664,36550,36667,36666,36689,36692,36693,36589,36690,36567,36737,36544,36706,36708,36617,36618,36663,36729,36647,36643,36730,36728,36731,36727,36649,36704,36696,36610,36736,36665,36707,36592,36672,36669,36593,36711,36710,36709,36702,36611,36720,36734,36668,36694,36601,36600,36697,36602,36703,36603,36656,36654,36735,36733,36691,36542,36662,36717,36714,36700,36701,36609,36712,36605,36715,36718,36699,36716,36698,36713,36561,36719,36642,36732,36540,36660,36661,36738],"class_list":["post-1869","post","type-post","status-publish","format-standard","hentry","category-video-converteerder","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\/nl\/audio-video\/wp-json\/wp\/v2\/posts\/1869","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=1869"}],"version-history":[{"count":1,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/posts\/1869\/revisions"}],"predecessor-version":[{"id":1870,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/posts\/1869\/revisions\/1870"}],"wp:attachment":[{"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/media?parent=1869"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/categories?post=1869"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/tags?post=1869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}