{"id":1863,"date":"2021-09-17T14:32:57","date_gmt":"2021-09-17T14:32:57","guid":{"rendered":"http:\/\/mp4gain.com\/nl\/audio-video\/?p=1863"},"modified":"2021-09-17T14:32:57","modified_gmt":"2021-09-17T14:32:57","slug":"wat-is-webp","status":"publish","type":"post","link":"https:\/\/mp4gain.com\/nl\/audio-video\/video-converteerder\/wat-is-webp\/","title":{"rendered":"Wat is WebP?"},"content":{"rendered":"

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

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

WebP?<\/p>\n

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

Web? Wauw? Veel mensen lezen het per ongeluk, maar de juiste lezing is ‘Weppy’.<\/p>\n

WebP is een formaat voor stilstaande beelden dat is ontwikkeld door Google en de bestandsextensie is geschreven als “.webp”.<\/p>\n

Momenteel wordt gezegd dat het het “next generation-formaat” is en het trekt de aandacht, maar het lijkt al sinds 2010 te bestaan.<\/p>\n

WebP is gemaakt met als doel het volume van websiteverkeer te verminderen, en het is een afbeeldingsindeling die moet worden beoordeeld door degenen die overwegen het gewicht en de snelheid van websites te verminderen.<\/p>\n

Deze keer hebben we de voor- en nadelen van het gebruik van WebP samengevat.<\/p>\n

Voordeel 1 van WebP: bestandsgrootte kan worden verkleind
\nDit is tenslotte het beste.<\/p>\n

Het belangrijkste kenmerk van WebP is dat de bestandsgrootte ongeveer 25-34% kleiner is dan bij JPEG.<\/p>\n

Ik heb zelfs een WebP-afbeelding gemaakt en deze vergeleken.<\/p>\n

Vergelijking van WebP- en JPEG-afbeeldingen<\/p>\n

Ik maak een WebP-afbeelding met een compressieverhouding die op het eerste gezicht niet zo grof lijkt, maar de bestandsgrootte is met 73% verkleind. Dit is ongelofelijk.<\/p>\n

Als u een website maakt met afbeeldingen die op deze manier met WebP zijn gemaakt, zal het laden van de site versnellen naarmate de bestandsgrootte kleiner wordt.<\/p>\n

als resultaat<\/p>\n

Lager opnamepercentage voor gebruikers = Verbeterde UX (gebruikerservaring)
\nHet is ook effectief voor SEO-maatregelen (hoe sneller de weergavesnelheid van de site, hoe hoger de evaluatie)
\nGebruik bestandscapaciteitsbronnen voor andere functies van uw website
\nDat is heel goed.<\/p>\n

WebP Advantage 2: Compressie met verlies en verwerking van alfakanalen
\nCompressie met verlies verwijst ruwweg naar gegevens die niet volledig kunnen worden hersteld wanneer gecomprimeerde gegevens worden hersteld.<\/p>\n

JPEG is compressie met verlies, maar ondersteunt geen alfakanalen.<\/p>\n

Het alfakanaal betekent dat het hulpgegevensgebieden kan verwerken die zijn voorbereid om transparantie-informatie te verwerken, dat wil zeggen dat het ook transparante afbeeldingen kan verwerken.<\/p>\n

GIF en PNG zijn lossless compressie die alfakanalen ondersteunt die transparante afbeeldingen kunnen exporteren, maar de compressieverhouding is laag.<\/p>\n

Net als JPEG is WebP een speciaal formaat dat transparante afbeeldingen kan exporteren als GIF en PNG, terwijl compressie met verlies wordt gebruikt met een hoge compressiesnelheid. Elk formaat heeft een vorm die de tekortkomingen goedmaakt en het ondersteunt ook animatie en GIF, dus dat is een goed punt.<\/p>\n

Nadelen van WebP: sommige browsers ondersteunen het niet
\nDit is het enige nadeel.<\/p>\n

Er is er maar \u00e9\u00e9n, maar het is een heel belangrijk punt.<\/p>\n

Vanaf april 2020 ondersteunen browsers zoals Chrome, Edge en Firefox WebP.<\/p>\n

Safari ondersteunt het echter niet. Safari op iOS wordt ook niet ondersteund.<\/p>\n

Ik denk dat Mac- en vooral iPhone-gebruikers meestal Safari gebruiken, maar als ze WebP gebruiken, kunnen ze de afbeeldingen niet zien.<\/p>\n

Wat betreft het aandeel van het besturingssysteem voor alleen smartphones, nemen iPhone-gebruikers in Japan meer dan 40% voor hun rekening. het is. Safari, de standaardbrowser voor 40% van de mensen, kan niet gemakkelijk worden genegeerd.<\/p>\n","protected":false},"excerpt":{"rendered":"

Wat is WebP? WebP? Web? Wauw? Veel mensen lezen het per ongeluk, maar de juiste lezing is ‘Weppy’. WebP is een formaat voor stilstaande beelden dat is ontwikkeld door Google en de bestandsextensie is geschreven als “.webp”. Momenteel wordt gezegd dat het het “next generation-formaat” is en het trekt de aandacht, maar het lijkt al … 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":[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-1863","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\/1863","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=1863"}],"version-history":[{"count":1,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/posts\/1863\/revisions"}],"predecessor-version":[{"id":1864,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/posts\/1863\/revisions\/1864"}],"wp:attachment":[{"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/media?parent=1863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/categories?post=1863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/tags?post=1863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}