{"id":38033,"date":"2020-07-21T06:32:09","date_gmt":"2020-07-21T05:32:09","guid":{"rendered":"https:\/\/kinsta.com\/?p=72780"},"modified":"2023-08-24T13:32:10","modified_gmt":"2023-08-24T12:32:10","slug":"webp","status":"publish","type":"post","link":"https:\/\/kinsta.com\/dk\/blog\/webp\/","title":{"rendered":"S\u00e5dan bruges WebP images p\u00e5 WordPress (formindsk billed-filst\u00f8rrelser op til 35%)"},"content":{"rendered":"<p>Hvis du vil <a href=\"https:\/\/kinsta.com\/dk\/laer\/fremskynder-wordpress\/\">fremskynde dit WordPress-websted,<\/a> giver reduktion af dine billeders filst\u00f8rrelse et betydeligt afkast af din investering. I gennemsnit tegner billeder sig for omkring halvdelen af \u200b\u200ben websides filst\u00f8rrelse, s\u00e5 selv mindre forbedringer kan give overv\u00e6ldende resultater. WebP kan hj\u00e6lpe dig enormt med det!<\/p>\n<p>WebP er et moderne billedformat, der kan hj\u00e6lpe dig med at reducere st\u00f8rrelsen p\u00e5 dine billeder uden at \u00e6ndre, hvordan de ser ud. I gennemsnit vil det at l\u00e6re at konvertere et billede til WebP, krympe filst\u00f8rrelsen med ~ 25-35% uden noget tydeligt tab i kvalitet.<\/p>\n<p>De fleste <a href=\"https:\/\/kinsta.com\/dk\/markedsandel-global-desktop-browser\/\">moderne browsere<\/a> og <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/\">WordPress 5.8+<\/a> underst\u00f8tter WebP ud af boksen. I denne artikel vil vi dykke dybt ned i dette sp\u00e6ndende nye billedformat og vise dig, hvordan du kan udnytte dets awesomeness.<\/p>\n<p>Parat? Lad os komme igang!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Hvad er WebP?<\/h2>\n<p>S\u00e5 hvad er en WebP-fil? I en n\u00f8ddeskal er WebP et billedformat udviklet af Google til at optimere billeder bedre end popul\u00e6re billedformater (p\u00e5 det tidspunkt). For eksempel har du billedformater som <a href=\"https:\/\/kinsta.com\/dk\/blog\/jpg-vs-jpeg\/\">JPEG eller JPG<\/a> og PNG.<\/p>\n<p><strong>Bem\u00e6rk:<\/strong> Tjek, hvordan <a href=\"https:\/\/kinsta.com\/dk\/blog\/billedfiltyper\/\">forskellige billedfiltyper<\/a> kan p\u00e5virke hastigheden p\u00e5 dit websted.<\/p>\n<p>WebP fokuserer p\u00e5 at levere den samme billedfil bare med en mindre filst\u00f8rrelse. Ved at reducere st\u00f8rrelsen p\u00e5 dine billedfiler kan du stadig levere den samme oplevelse til dit websteds bes\u00f8gende, men <a href=\"https:\/\/kinsta.com\/learn\/page-speed\/\">dit websted indl\u00e6ses hurtigere<\/a>.<\/p>\n<p>For eksempel fandt Google i <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\">Googles WebP-komprimerings unders\u00f8gelse<\/a>, at en WebP-billedfil i gennemsnit er:<\/p>\n<ul>\n<li>25-34% mindre end et sammenligneligt JPEG-billede.<\/li>\n<li>26% mindre end et sammenligneligt PNG-billede.<\/li>\n<\/ul>\n<p>Dette er grunden til, at hvis <a href=\"https:\/\/kinsta.com\/dk\/blog\/google-pagespeed-insights\/\">du k\u00f8rer dit websted gennem PageSpeed \u200b\u200bInsights<\/a>, er en af \u200b\u200bde mange anbefalinger at <strong>servere billeder i n\u00e6ste generations formater som WebP:<\/strong><\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/05\/google-pagespeed-insights-1024x621.png\" alt=\"Google PageSpeed \u200b\u200bInsights foresl\u00e5r at bruge WebP-billeder\" width=\"1024\" height=\"621\"><figcaption class=\"wp-caption-text\">Google PageSpeed \u200b\u200bInsights foresl\u00e5r at bruge WebP-billeder<\/figcaption><\/figure>\n<p>S\u00e5 hvordan opn\u00e5r Googles WebP-format disse reduktioner i filst\u00f8rrelse?<\/p>\n<p>For det f\u00f8rste underst\u00f8tter b\u00e5de <a href=\"https:\/\/kinsta.com\/blog\/lossy-vs-lossless\/\">lossy og lossless komprimering<\/a>, s\u00e5 den n\u00f8jagtige reduktion afh\u00e6nger af, om du bruger tabt eller tabsfri komprimering.<\/p>\n<p>Med tabt komprimering bruger WebP noget, der kaldes \u201cpredictive coding\u201d for at s\u00e6nke filst\u00f8rrelsen. Forudsigelig kodning bruger v\u00e6rdierne p\u00e5 tilst\u00f8dende pixels i et billede til at forudsige v\u00e6rdier og koder derefter kun forskellen. Det er baseret p\u00e5 VP8-key frame-kodning.<\/p>\n<p>Tab uden WebP bruger et meget mere kompliceret s\u00e6t metoder, der blev udviklet af WebP-teamet.<\/p>\n<p>Hvis du vil l\u00e6re mere om WebP-komprimeringsteknikker i detaljer, <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/compression\">er denne artikel et godt udgangspunkt<\/a>.<\/p>\n<h2>Hvilke browsere underst\u00f8tter WebP?<\/h2>\n<p>For at WebP-billeder skal fungere, skal en bes\u00f8gendes browser underst\u00f8tte dem. Desv\u00e6rre, mens browserst\u00f8tte er vokset meget, er <strong>WebP-kompatibilitet stadig ikke universel.<\/strong><\/p>\n<p>WebP-billeder underst\u00f8ttes af popul\u00e6re browsere som:<\/p>\n<ul>\n<li>Chrome (<em>desktop og mobil<\/em>)<\/li>\n<li>Firefox (<em>desktop og mobil<\/em>)<\/li>\n<li>Microsoft Edge<\/li>\n<li>iOS og macOS Safari (<em>kun macOS 11 Big Sur og nyere<\/em>)<\/li>\n<li>Opera (<em>desktop og mobil<\/em>)<\/li>\n<\/ul>\n<p>P\u00e5 det tidspunkt, hvor vi skriver dette indl\u00e6g, underst\u00f8tter Safari kun delvist WebP-billeder.<\/p>\n<p>Internet Explorer mangler ogs\u00e5 WebP-underst\u00f8ttelse (men Edge underst\u00f8tter WebP, da det er baseret p\u00e5 Chromium). IE-brugen er dog skrumpet til mindre end 1% af de samlede internetbrugere. Det er en velsignelse for alle p\u00e5 nettet!<\/p>\n<p>I alt bruger <a href=\"https:\/\/kinsta.com\/dk\/blog\/billedfiltyper\/\">omkring 95% af internetbrugerne<\/a> en browser, der underst\u00f8tter WebP. S\u00e5 selvom det bestemt har flertalsst\u00f8tte, er de 5% en mindre hindring, is\u00e6r n\u00e5r det er Safari-brugere p\u00e5 \u00e6ldre macOS-versioner. I vores WordPress WebP tutorial nedenfor, viser vi dig, hvordan du h\u00e5ndterer dette, s\u00e5 alle dine bes\u00f8gende f\u00e5r en god oplevelse.<\/p>\n<figure id=\"attachment_99587\" aria-describedby=\"caption-attachment-99587\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99587 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/WebP-Browsers-Support-CanIUse.jpg\" alt=\"WebP-underst\u00f8ttelse p\u00e5 tv\u00e6rs af st\u00f8rre browsere.\" width=\"1100\" height=\"584\"><figcaption id=\"caption-attachment-99587\" class=\"wp-caption-text\">WebP-underst\u00f8ttelse p\u00e5 tv\u00e6rs af st\u00f8rre browsere.<\/figcaption><\/figure>\n<h2>WebP vs JPG vs PNG st\u00f8rrelse sammenligning<\/h2>\n<p>I henhold til Googles test er WebP-billeder:<\/p>\n<ul>\n<li>25-34% mindre end sammenlignelige JPEG-billeder.<\/li>\n<li>26% mindre end tilsvarende PNG-billeder.<\/li>\n<\/ul>\n<p>Hvis du vil l\u00e6re mere om Googles metode, kan du finde direkte links til de fulde resultater nedenfor:<\/p>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\">JPEG<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_lossless_alpha_study#results\">PNG<\/a><\/li>\n<\/ul>\n<p>Begge test er baseret p\u00e5 over 11.000 billeder, herunder:<\/p>\n<ul>\n<li>Det ber\u00f8mte <a href=\"https:\/\/en.wikipedia.org\/wiki\/Lenna\">Lenna-billede<\/a><\/li>\n<li>24 billeder fra <a href=\"http:\/\/r0k.us\/graphics\/kodak\/\">Kodak true color image suite<\/a><\/li>\n<li>100 billeder fra Tecnick.com<\/li>\n<li>En tilf\u00e6ldig pr\u00f8ve p\u00e5 11.000+ billeder fra Google Image Search<\/li>\n<\/ul>\n<h2>S\u00e5dan bruges WebP-billeder p\u00e5 WordPress<\/h2>\n<p>Fra og med <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/\">WordPress 5.8<\/a> vil du v\u00e6re i stand til at bruge WebP-billedformatet p\u00e5 samme m\u00e5de som JPEG-, PNG- og GIF-formater. Du skal <a href=\"https:\/\/kinsta.com\/blog\/wordpress-media-library\/\">bare uploade dine billeder til dit mediebibliotek<\/a> og inkludere dem i dit indhold. Da WordPress 5.8+ underst\u00f8tter WebP-formatet som standard, beh\u00f8ver du ikke installere tredjeparts plugins for at uploade WebP-billeder. Det burde v\u00e6re tilstr\u00e6kkeligt til de fleste almindelige brugssager.<\/p>\n<p>For at komme i gang med det samme, kan du henvise til vores hurtige primer om <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/#how-to-use-webp-images-in-wordpress\">brug af WebP-billeder i WordPress 5.8+<\/a>. Vi foresl\u00e5r, at du <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/#caveats-about-webp-in-wordpress-58\">gennemg\u00e5r forbeholdene om WebP-support i WordPress<\/a>.<\/p>\n<p>Men omkring 5% af folkene (hovedsagelig Safari-brugere p\u00e5 \u00e6ldre macOS) bruger en webbrowser, der ikke underst\u00f8tter WebP. Hvis du konverterer WebP-billeder og bruger dem direkte i <a href=\"https:\/\/kinsta.com\/dk\/emner\/indholdsstrategi\/\">dit indhold<\/a>, vil disse bes\u00f8gende ikke kunne se dine billeder, hvilket ville \u00f8del\u00e6gge deres browsingoplevelse.<\/p>\n<p>Det er heller ikke s\u00e5 ligetil at generere WebP-billeder som at f\u00e5 et JPG\/JPEG-billede, som er standardbilledfilformatet p\u00e5 de fleste kameraer, smartphones og <a href=\"https:\/\/kinsta.com\/blog\/free-images-for-wordpress\/\">online billedbiblioteker<\/a>. WordPress underst\u00f8tter ikke automatisk billedkonvertering til WebP-format (endnu!).<\/p>\n<p>Fortvivl ikke! Der er en l\u00f8sning.<\/p>\n<p>Du kan bruge et WordPress-plugin, der konverterer dine originale billeder til WebP-formatet, <strong>og som<\/strong> ogs\u00e5 giver det originale billede som en reserve, hvis en bes\u00f8gendes browser ikke underst\u00f8tter WebP.<\/p>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">Hvis du f.eks. uploader en JPEG-fil til dit websted, vil pluginet:<\/span><\/p>\n<ul>\n<li>Konverter JPEG-filen til WebP og serv\u00e9r WebP-versionen til Chrome, Firefox, Edge osv.<\/li>\n<li>Vis den originale JPEG-fil til bes\u00f8gende, der gennemser med Safari (p\u00e5 \u00e6ldre macOS-versioner) og andre browsere, der ikke underst\u00f8tter WebP.<\/li>\n<\/ul>\n<p>P\u00e5 den m\u00e5de kan alle se dit billede, og alle f\u00e5r den hurtigste oplevelse.<\/p>\n<p>Nedenfor gennemg\u00e5r vi nogle af <strong>de bedste WebP WordPress-plugins<\/strong>, som alle fungerer sammen med Kinsta og <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn\">Kinsta CDN<\/a>.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Hvis du bliver hosted hos Kinsta, skal du <a href=\"https:\/\/kinsta.com\/dk\/kinsta-support\/\">kontakte vores support<\/a>, s\u00e5 vi kan oprette en Nginx-regel til WebP-cache-bucket til nogle af disse plugins.<\/p>\n<\/aside>\n\n<h3>Kinstas billedoptimeringsfunktion<\/h3>\n<figure id=\"attachment_141887\" aria-describedby=\"caption-attachment-141887\" style=\"width: 1400px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-141887 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/12\/MyKinsta-enable-image-optimization.png\" alt=\"Kinstas billedoptimeringsfunktion\" width=\"1400\" height=\"797\"><figcaption id=\"caption-attachment-141887\" class=\"wp-caption-text\">Kinstas billedoptimeringsfunktion.<\/figcaption><\/figure>\n<p>Denne f\u00f8rste er ikke ligefrem et plugin, men snarere en indbygget funktion: Kinstas <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#image-optimization-1\">billedoptimering<\/a>.<\/p>\n<p>Denne funktion \u2013 der tilg\u00e5s via Kinstas brugerdefinerede dashboard, <a href=\"https:\/\/kinsta.com\/dk\/mykinsta\/\">MyKinsta<\/a> \u2013 opretter automatisk optimerede WebP-kopier af dit websteds originale billeder og serverer derefter den mindste af de to billedfiler til dine bes\u00f8gende.<\/p>\n<p>Ved altid at sikre, at den mindst mulige fil hentes, booster billedoptimering \u00f8jeblikkeligt indl\u00e6sningstiderne, hvilket i h\u00f8j grad kan forbedre b\u00e5de dine <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-seo\/\">SEO-resultater<\/a> og dine brugeres oplevelse. Funktionen udnytter Kinstas <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn\">lynhurtige CDN<\/a> direkte til at levere filerne endnu hurtigere.<\/p>\n<p>Webstedsejere kan v\u00e6lge mellem <a href=\"https:\/\/kinsta.com\/blog\/lossy-vs-lossless\/\">lossy og lossless komprimering<\/a> til deres WebP-billeder, afh\u00e6ngigt af deres behov. Optimering kan ogs\u00e5 sl\u00e5s til eller fra efter \u00f8nske, hvis du har brug for at lave nogle test.<\/p>\n<p>Billedoptimeringsfunktionen er helt gratis for alle Kinsta-kunder. S\u00e5dan aktiverer du det:<\/p>\n<ol>\n<li>Upload dine billeder til dit Kinsta-hostede WordPress-mediebibliotek.<\/li>\n<li>Log ind p\u00e5 dit MyKinsta-dashboard.<\/li>\n<li>Naviger til <strong>WordPress-websteder<\/strong> &gt; <em><strong>webstedsnavn<\/strong><\/em> &gt; <strong>CDN<\/strong>.<\/li>\n<li>Klik p\u00e5 knappen <strong>Indstillinger<\/strong> under afsnittet <strong>Billedoptimering<\/strong>.<\/li>\n<li>V\u00e6lg mellem lossy og lossless komprimering, og klik derefter p\u00e5 <strong>Gem indstillinger<\/strong>.<\/li>\n<\/ol>\n<figure id=\"attachment_141891\" aria-describedby=\"caption-attachment-141891\" style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-141891 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/12\/MyKinsta-image-optimization-options-lossless.png\" alt=\"V\u00e6lg mellem lossy eller lossless komprimering.\" width=\"1600\" height=\"761\"><figcaption id=\"caption-attachment-141891\" class=\"wp-caption-text\">V\u00e6lg mellem lossy eller lossless komprimering.<\/figcaption><\/figure>\n<p>Hvis du ikke allerede er p\u00e5 Kinsta-platformen, kan du <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#image-optimization-1#enabling-image-optimization\">selv pr\u00f8ve funktionen<\/a> uden omkostninger ved at <a href=\"https:\/\/kinsta.com\/dk\/tal-med-salg\/\">planl\u00e6gge en demo<\/a>.<\/p>\n<h3>Lossless vs Lossy Compression<\/h3>\n<p>Du kan v\u00e6lge mellem <a href=\"https:\/\/kinsta.com\/blog\/lossy-vs-lossless\/\">lossless og lossy komprimering<\/a> til dine filer. Selvom begge metoder vil komprimere dine billedfiler og fjerne deres metadata, er der en stor forskel mellem dem:<\/p>\n<ul>\n<li><strong>Lossless billedoptimering:<\/strong> Lossless billedkomprimering har ingen indflydelse p\u00e5 kvaliteten af dine billeder. Du b\u00f8r v\u00e6lge denne mulighed, hvis billedkvalitet er vigtigere for dig end hastighed.<\/li>\n<li><strong>Lossy billedoptimering:<\/strong> <a href=\"https:\/\/kinsta.com\/blog\/lossy-compression\/\">Lossy billedkomprimering<\/a> kan reducere kvaliteten af dine billeder. V\u00e6lg denne mulighed for at maksimere og prioritere hastighed frem for billedkvalitet.<\/li>\n<\/ul>\n<p>Dern\u00e6st vil vi se p\u00e5 nogle installerbare WordPress-plugins til optimering.<\/p>\n<h3>ShortPixel<\/h3>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/06\/shortpixel-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/06\/shortpixel-plugin.jpg\" alt=\"ShortPixel WordPress-plugin\" width=\"1500\" height=\"500\"><\/a><figcaption class=\"wp-caption-text\">ShortPixel WordPress-plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/dk\/blog\/optimeres-billeder-til-web\/#shortpixel\">ShortPixel<\/a> er et popul\u00e6rt WordPress-<a href=\"https:\/\/kinsta.com\/dk\/blog\/optimeres-billeder-til-web\/\">billedoptimeringsplugin<\/a>, der kan hj\u00e6lpe dig med automatisk at \u00e6ndre st\u00f8rrelse og komprimere de billeder, du uploader til dit WordPress-sted.<\/p>\n<p>Som en del af dens funktionsliste kan ShortPixel ogs\u00e5 hj\u00e6lpe dig med automatisk konvertering af billeder til WebP og serverer disse billeder til browsere, der underst\u00f8tter det.<\/p>\n<p>ShortPixel t\u00e6ller hver WordPress-billedst\u00f8rrelse, som du optimerer som kredit. S\u00e5 hvis du vil optimere flere miniature billedest\u00f8rrelser, kan et billede t\u00e6nkes at bruge flere kreditter. Der er ingen gr\u00e6nser for filst\u00f8rrelse for billeder.<\/p>\n<p>Du kan sprede dine ShortPixel-kreditter over ubegr\u00e6nsede websteder &#8211; der er ingen per-site-gr\u00e6nser (<em>og alle dine websteder kan bruge den samme ShortPixel-konto<\/em>).<\/p>\n<p>For at bruge ShortPixel til at servere WebP-billeder p\u00e5 WordPress, skal du <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\">installere pluginet fra WordPress.org<\/a> og tilf\u00f8je din API-n\u00f8gle (<em>som du kan f\u00e5 ved at registrere dig for en gratis ShortPixel-konto<\/em>).<\/p>\n<p>P\u00e5 fanen <strong>Generelt<\/strong> kan du konfigurere grundl\u00e6ggende indstillinger for, hvordan billedoptimering fungerer. For eksempel, hvilket komprimeringsniveau, der skal bruges, og om der skal \u00e6ndres st\u00f8rrelse p\u00e5 billeder:<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/05\/billeddimensioner-shortpixt-1024x771.png\" alt=\"S\u00e5dan indstilles komprimeringsniveau og billeddimensioner i ShortPixel\" width=\"1024\" height=\"771\"><figcaption class=\"wp-caption-text\">S\u00e5dan indstilles komprimeringsniveau og billeddimensioner i ShortPixel<\/figcaption><\/figure>\n<p>For at aktivere WebP-billeder skal du g\u00e5 til fanen <strong>Avanceret<\/strong> og:<\/p>\n<ol>\n<li>Marker afkrydsningsfeltet for <strong>WebP-billeder<\/strong><\/li>\n<li>Marker afkrydsningsfeltet for <strong>at levere WebP-versionerne&#8230;<\/strong> (dette vises, n\u00e5r du har markeret det f\u00f8rste felt)<\/li>\n<li>V\u00e6lg alternativknappen til <strong>brug af &lt;PICTURE&gt; tag-syntaks<\/strong> (dette vises efter afkrydsning af det foreg\u00e5ende felt)<\/li>\n<li>Forlad standard <strong>Kun via valg af WordPress-hooks<\/strong><\/li>\n<\/ol>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/05\/webp-billeder-shortpixel-1024x809.png\" alt=\"S\u00e5dan aktiveres WordPress WebP-billeder i ShortPixel\" width=\"1024\" height=\"809\"><figcaption class=\"wp-caption-text\">S\u00e5dan aktiveres WordPress WebP-billeder i ShortPixel<\/figcaption><\/figure>\n<p>Gem derefter dine \u00e6ndringer.<\/p>\n<p>Hvis du bliver hosted hos Kinsta, giver ShortPixel dig en advarsel om konfiguration af serverkonfigurationsfiler p\u00e5 Nginx. For at konfigurere disse indstillinger kan du <a href=\"https:\/\/kinsta.com\/dk\/kinsta-support\/\">n\u00e5 ud til Kinsta-support<\/a>, og vi med stor gl\u00e6de vil hj\u00e6lpe med at konfigurere serverkonfigurationen til dig.<\/p>\n<h3>Imagify<\/h3>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/06\/imagify-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/06\/imagify-plugin.jpg\" alt=\"Imagify WordPress-plugin\" width=\"1500\" height=\"500\"><\/a><figcaption class=\"wp-caption-text\">Imagify WordPress-plugin<\/figcaption><\/figure>\n<p>Imagify er et popul\u00e6rt plugin til billedoptimering fra den samme udvikler som <a href=\"https:\/\/wp-rocket.me\/\">WP Rocket<\/a>.<\/p>\n<p>Det kan automatisk komprimere og \u00e6ndre st\u00f8rrelsen p\u00e5 de billeder, du uploader til dit WordPress-sted. Derefter kan det ogs\u00e5 hj\u00e6lpe dig med at konvertere dem til WebP og servere disse versioner til bes\u00f8gende med browsere, der underst\u00f8tter det.<\/p>\n<p>Med hensyn til funktioner deler ShortPixel og Imagify en masse ligheder. Den st\u00f8rste forskel kommer, n\u00e5r man ser p\u00e5 priser. Mens ShortPixel opkr\u00e6ver dig baseret p\u00e5 billeder uden nogen st\u00f8rrelsesgr\u00e6nse pr. Billede, forestil dig, at du opkr\u00e6ver, baseret p\u00e5 den samlede filst\u00f8rrelse uden billedegr\u00e6nse.<\/p>\n<p>S\u00e5 hvis du har brug for at optimere masser af store billeder, kan ShortPixels tilgang muligvis v\u00e6re billigere. Men hvis du har brug for at optimere masser af sm\u00e5 billeder, kan Imagifys tilgang muligvis v\u00e6re billigere.<\/p>\n<p>Imagify har et begr\u00e6nset gratis niveau, der giver mulighed for 25 MB optimeringer pr. m\u00e5ned. Derefter starter betalte planer ved 4,99 USD per m\u00e5ned for op til 1 GB eller 9,99 USD for en engangskredit p\u00e5 1 GB.<\/p>\n<p>Som ShortPixel kan du sprede dine kontobegr\u00e6nsninger over ubegr\u00e6nsede websteder.<\/p>\n<p>For at bruge Imagify til at levere WordPress WebP-billeder, skal du installere <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">pluginet fra WordPress.org<\/a> og tilf\u00f8je din API-n\u00f8gle for at komme i gang.<\/p>\n<p>N\u00e5r du har aktiveret plugin, kan du bruge boksen <strong>Generelle indstillinger<\/strong> til at v\u00e6lge dit komprimeringsniveau.<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/05\/indstilles-komprimeringsniveau-imagify-1024x639.png\" alt=\"S\u00e5dan indstilles komprimeringsniveau i Imagify\" width=\"1024\" height=\"639\"><figcaption class=\"wp-caption-text\">S\u00e5dan indstilles komprimeringsniveau i Imagify<\/figcaption><\/figure>\n<p>For at aktivere WebP-billeder skal du rulle ned til sektionen <strong>Optimering<\/strong> og finde sektionen <strong>WebP<\/strong> <strong>Format<\/strong>:<\/p>\n<ol>\n<li>Marker afkrydsningsfeltet for <strong>at oprette webp-versioner af billeder<\/strong><\/li>\n<li>Marker afkrydsningsfeltet for <strong>at f\u00e5 vist billeder i webp-format&#8230;<\/strong><\/li>\n<li>V\u00e6lg alternativknappen <strong>for at bruge &lt;billede&gt; -koder<\/strong><\/li>\n<\/ol>\n<figure id=\"attachment_72783\" aria-describedby=\"caption-attachment-72783\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-72783\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/webp-images-imagify-webp-1024x369.png\" alt=\"S\u00e5dan aktiveres WordPress WebP-billeder i Imagify\" width=\"1024\" height=\"369\"><figcaption id=\"caption-attachment-72783\" class=\"wp-caption-text\">S\u00e5dan aktiveres WordPress WebP-billeder i Imagify<\/figcaption><\/figure>\n<p>Som med ShortPixel, hvis du f\u00e5r hosted hos Kinsta, skal du oprette en <a href=\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-nginx\/\">Nginx<\/a>-regel til WebP-cache-busket (skal du blot n\u00e5 Kinsta-support).<\/p>\n<h3>Optimole<\/h3>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/06\/optimole-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/06\/optimole-plugin.jpg\" alt=\"Optimole WordPress-plugin\" width=\"1500\" height=\"500\"><\/a><figcaption class=\"wp-caption-text\">Optimole WordPress-plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/dk\/blog\/optimeres-billeder-til-web\/#optimole\">Optimole<\/a> er et WordPress-billedoptimering plugin, der fungerer lidt anderledes end Imagify og ShortPixel. Optimole kan automatisk komprimere og \u00e6ndre st\u00f8rrelsen p\u00e5 dine billeder. Den har dog ogs\u00e5 to andre bem\u00e6rkelsesv\u00e6rdige funktioner:<\/p>\n<ol>\n<li>Det kan tjene dine billeder via sin CDN (drevet af Amazon CloudFront).<\/li>\n<li>Det tilbyder adaptive billeder i realtid, hvorved Optimole leverer billedet i optimal st\u00f8rrelse til hver bes\u00f8gende. For eksempel f\u00e5r en person, der gennems\u00f8ger p\u00e5 en lille sk\u00e6rm, et billede i lavere opl\u00f8sning end nogen, der gennems\u00f8ger p\u00e5 en retina-sk\u00e6rm.<\/li>\n<\/ol>\n<p>Denne tilgang ligner andre realtidsoptimerings- \/ manipuleringstjenester som Cloudinary, imgix, KeyCDN Image Processing osv.<\/p>\n<p>Optimole kan ogs\u00e5 levere WebP-billeder til bes\u00f8gende med browsere, der underst\u00f8tter det som en del af denne billedoptimering i realtid.<\/p>\n<p>Optimole har en begr\u00e6nset gratis plan, der kan h\u00e5ndtere visning af billeder til omkring ~ 5.000 bes\u00f8gende pr. M\u00e5ned. Derefter starter betalte planer ved 19 USD pr. m\u00e5ned for ~ 25.000 bes\u00f8gende.<\/p>\n<p>For at komme i gang skal du installere <a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\">pluginet fra WordPress.org<\/a> og aktivere det med en API-n\u00f8gle (<em>som du kan f\u00e5 ved at tilmelde dig en gratis Optimole-konto<\/em>).<\/p>\n<p>N\u00e5r du har gjort det, begynder Optimole automatisk at optimere dine billeder og levere dem via dets <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-cdn\/\">CDN<\/a>. WebP-support er som standard aktiveret, s\u00e5 der er ikke behov for at manuelt aktivere den.<\/p>\n<p>For at konfigurere andre indstillinger, s\u00e5som komprimeringsniveauer og skaleringsadf\u00e6rd, kan du g\u00e5 til <strong>Media \u2192 Optimole \u2192 Settings<\/strong>:<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/05\/optimole-1024x685.png\" alt=\"Optimole aktiverar WordPress WebP-bilder som standard.\" width=\"1024\" height=\"685\"><figcaption class=\"wp-caption-text\">Optimole aktiverar WordPress WebP-bilder som standard.<\/figcaption><\/figure>\n<p>Da Optimole h\u00e5ndterer levering af dine billeder via sin CDN, er der ikke behov for at oprette nogen Nginx-regler, hvis du f\u00e5r hosted hos Kinsta.<\/p>\n\n<h2>Resum\u00e9<\/h2>\n<p>Dit WordPress-websteds billeder udg\u00f8r en stor del af filst\u00f8rrelsen p\u00e5 en gennemsnitlig side. Hvis du kan finde m\u00e5der at reducere st\u00f8rrelsen p\u00e5 dine billeder p\u00e5, kan du <a href=\"https:\/\/kinsta.com\/dk\/laer\/fremskynder-wordpress\/\">fremskynde dit websted<\/a> uden at skade brugeroplevelsen. WebP er et moderne billedformat, der kan tilbyde en ~ 25% reduktion i filst\u00f8rrelse sammenlignet med komparative JPEG- eller PNG-filer.<\/p>\n<p>Omkring 95% af internetbrugerne bruger allerede en browser, der underst\u00f8tter WebP. WordPress 5.8+ versioner underst\u00f8tter ogs\u00e5 WebP ud af boksen nu. S\u00e5 der er ingen grund til at du ikke skal bruge det.<\/p>\n<p>Et mindretal af browsere, is\u00e6r Safari p\u00e5 \u00e6ldre macOS-versioner, tilbyder dog stadig ikke WebP-underst\u00f8ttelse. Derfor kan du ikke vise WebP-billeder til alle bes\u00f8gende endnu. For at l\u00f8se dette problem kan du bruge et WordPress-plugin, der konverterer billeder til WebP og serverer WebP-versioner til bes\u00f8gende, hvis browsere underst\u00f8tter det, mens du bruger de originale billeder til bes\u00f8gende, hvis browsere ikke g\u00f8r det.<\/p>\n<p>For mere taktik til at optimere billeder, se vores <a href=\"https:\/\/kinsta.com\/dk\/blog\/optimeres-billeder-til-web\/\">fulde guide til at optimere billeder til webpr\u00e6stationer<\/a>. Og glem ikke, at Kinsta-kunder automatisk kan generere komprimerede WebP-billeder, uden omkostninger i diskplads, ved at udnytte Kinstas gratis, indbyggede <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#image-optimization-1\">billedoptimeringsfunktion<\/a>.<\/p>\n<p><em>Hvis du har sp\u00f8rgsm\u00e5l om brugen af \u200b\u200bWebP p\u00e5 WordPress, s\u00e5 sp\u00f8rg os venligst i kommentarerne nedenfor!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hvis du vil fremskynde dit WordPress-websted, giver reduktion af dine billeders filst\u00f8rrelse et betydeligt afkast af din investering. I gennemsnit tegner billeder sig for omkring halvdelen &#8230;<\/p>\n","protected":false},"author":37,"featured_media":38046,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[183,268],"topic":[701,743,767],"class_list":["post-38033","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-pagespeed","tag-webp","topic-billedoptimering","topic-webdesign","topic-wordpress-websidedesign"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>S\u00e5dan bruges WebP images p\u00e5 WordPress (Og formindsk billed-filst\u00f8rrelser op til 35%)<\/title>\n<meta name=\"description\" content=\"Brug for at sk\u00e6re ned p\u00e5 st\u00f8rrelser p\u00e5 billedfiler? L\u00e6r mere om WebP billedformat, og hvordan du kan begynde at bruge WebP-billeder p\u00e5 dit WordPress-websted med plugins.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/dk\/blog\/webp\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"S\u00e5dan bruges WebP images p\u00e5 WordPress (formindsk billed-filst\u00f8rrelser op til 35%)\" \/>\n<meta property=\"og:description\" content=\"Brug for at sk\u00e6re ned p\u00e5 st\u00f8rrelser p\u00e5 billedfiler? L\u00e6r mere om WebP billedformat, og hvordan du kan begynde at bruge WebP-billeder p\u00e5 dit WordPress-websted med plugins.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/dk\/blog\/webp\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/jonpenland\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-21T05:32:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-24T12:32:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/07\/webp.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jon Penland\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Brug for at sk\u00e6re ned p\u00e5 st\u00f8rrelser p\u00e5 billedfiler? L\u00e6r mere om WebP billedformat, og hvordan du kan begynde at bruge WebP-billeder p\u00e5 dit WordPress-websted med plugins.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/07\/webp.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@jonrichpen\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_dk\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jon Penland\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/webp\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/webp\/\"},\"author\":{\"name\":\"Jon Penland\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a\"},\"headline\":\"S\u00e5dan bruges WebP images p\u00e5 WordPress (formindsk billed-filst\u00f8rrelser op til 35%)\",\"datePublished\":\"2020-07-21T05:32:09+00:00\",\"dateModified\":\"2023-08-24T12:32:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/webp\/\"},\"wordCount\":2553,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/07\/webp.jpg\",\"keywords\":[\"pagespeed\",\"webp\"],\"articleSection\":[\"Bedste WordPress Tutorials\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/webp\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/webp\/\",\"url\":\"https:\/\/kinsta.com\/dk\/blog\/webp\/\",\"name\":\"S\u00e5dan bruges WebP images p\u00e5 WordPress (Og formindsk billed-filst\u00f8rrelser op til 35%)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/webp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/07\/webp.jpg\",\"datePublished\":\"2020-07-21T05:32:09+00:00\",\"dateModified\":\"2023-08-24T12:32:10+00:00\",\"description\":\"Brug for at sk\u00e6re ned p\u00e5 st\u00f8rrelser p\u00e5 billedfiler? L\u00e6r mere om WebP billedformat, og hvordan du kan begynde at bruge WebP-billeder p\u00e5 dit WordPress-websted med plugins.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/webp\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/webp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/webp\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/07\/webp.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/07\/webp.jpg\",\"width\":768,\"height\":384,\"caption\":\"WebP\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/webp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/dk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Billedoptimering\",\"item\":\"https:\/\/kinsta.com\/dk\/emner\/billedoptimering\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"S\u00e5dan bruges WebP images p\u00e5 WordPress (formindsk billed-filst\u00f8rrelser op til 35%)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/dk\/#website\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Hurtig, sikker, premium hostingl\u00f8sninger\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/dk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\",\"https:\/\/x.com\/kinsta_dk\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a\",\"name\":\"Jon Penland\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g\",\"caption\":\"Jon Penland\"},\"description\":\"Jon is the Chief Operating Officer at Kinsta and is involved with Kinsta's sales, customer service, and technical support teams on a daily basis. Jon's a family man. So when he isn't feverishly tapping the keys of his laptop he's usually helping one of his kids fix a bike or setting up Netflix for an impatient preschooler.\",\"sameAs\":[\"http:\/\/www.jonpenland.com\",\"https:\/\/www.facebook.com\/jonpenland\",\"https:\/\/www.linkedin.com\/in\/jonpenland\",\"https:\/\/x.com\/jonrichpen\"],\"url\":\"https:\/\/kinsta.com\/dk\/blog\/author\/jonpenland\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"S\u00e5dan bruges WebP images p\u00e5 WordPress (Og formindsk billed-filst\u00f8rrelser op til 35%)","description":"Brug for at sk\u00e6re ned p\u00e5 st\u00f8rrelser p\u00e5 billedfiler? L\u00e6r mere om WebP billedformat, og hvordan du kan begynde at bruge WebP-billeder p\u00e5 dit WordPress-websted med plugins.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/dk\/blog\/webp\/","og_locale":"da_DK","og_type":"article","og_title":"S\u00e5dan bruges WebP images p\u00e5 WordPress (formindsk billed-filst\u00f8rrelser op til 35%)","og_description":"Brug for at sk\u00e6re ned p\u00e5 st\u00f8rrelser p\u00e5 billedfiler? L\u00e6r mere om WebP billedformat, og hvordan du kan begynde at bruge WebP-billeder p\u00e5 dit WordPress-websted med plugins.","og_url":"https:\/\/kinsta.com\/dk\/blog\/webp\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","article_author":"https:\/\/www.facebook.com\/jonpenland","article_published_time":"2020-07-21T05:32:09+00:00","article_modified_time":"2023-08-24T12:32:10+00:00","og_image":[{"width":768,"height":384,"url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/07\/webp.jpg","type":"image\/jpeg"}],"author":"Jon Penland","twitter_card":"summary_large_image","twitter_description":"Brug for at sk\u00e6re ned p\u00e5 st\u00f8rrelser p\u00e5 billedfiler? L\u00e6r mere om WebP billedformat, og hvordan du kan begynde at bruge WebP-billeder p\u00e5 dit WordPress-websted med plugins.","twitter_image":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/07\/webp.jpg","twitter_creator":"@jonrichpen","twitter_site":"@kinsta_dk","twitter_misc":{"Skrevet af":"Jon Penland","Estimeret l\u00e6setid":"13 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/dk\/blog\/webp\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/blog\/webp\/"},"author":{"name":"Jon Penland","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a"},"headline":"S\u00e5dan bruges WebP images p\u00e5 WordPress (formindsk billed-filst\u00f8rrelser op til 35%)","datePublished":"2020-07-21T05:32:09+00:00","dateModified":"2023-08-24T12:32:10+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/webp\/"},"wordCount":2553,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/07\/webp.jpg","keywords":["pagespeed","webp"],"articleSection":["Bedste WordPress Tutorials"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/dk\/blog\/webp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/dk\/blog\/webp\/","url":"https:\/\/kinsta.com\/dk\/blog\/webp\/","name":"S\u00e5dan bruges WebP images p\u00e5 WordPress (Og formindsk billed-filst\u00f8rrelser op til 35%)","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/webp\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/07\/webp.jpg","datePublished":"2020-07-21T05:32:09+00:00","dateModified":"2023-08-24T12:32:10+00:00","description":"Brug for at sk\u00e6re ned p\u00e5 st\u00f8rrelser p\u00e5 billedfiler? L\u00e6r mere om WebP billedformat, og hvordan du kan begynde at bruge WebP-billeder p\u00e5 dit WordPress-websted med plugins.","breadcrumb":{"@id":"https:\/\/kinsta.com\/dk\/blog\/webp\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/dk\/blog\/webp\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/blog\/webp\/#primaryimage","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/07\/webp.jpg","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/07\/webp.jpg","width":768,"height":384,"caption":"WebP"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/dk\/blog\/webp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/dk\/"},{"@type":"ListItem","position":2,"name":"Billedoptimering","item":"https:\/\/kinsta.com\/dk\/emner\/billedoptimering\/"},{"@type":"ListItem","position":3,"name":"S\u00e5dan bruges WebP images p\u00e5 WordPress (formindsk billed-filst\u00f8rrelser op til 35%)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/dk\/#website","url":"https:\/\/kinsta.com\/dk\/","name":"Kinsta\u00ae","description":"Hurtig, sikker, premium hostingl\u00f8sninger","publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/dk\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","https:\/\/x.com\/kinsta_dk","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a","name":"Jon Penland","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g","caption":"Jon Penland"},"description":"Jon is the Chief Operating Officer at Kinsta and is involved with Kinsta's sales, customer service, and technical support teams on a daily basis. Jon's a family man. So when he isn't feverishly tapping the keys of his laptop he's usually helping one of his kids fix a bike or setting up Netflix for an impatient preschooler.","sameAs":["http:\/\/www.jonpenland.com","https:\/\/www.facebook.com\/jonpenland","https:\/\/www.linkedin.com\/in\/jonpenland","https:\/\/x.com\/jonrichpen"],"url":"https:\/\/kinsta.com\/dk\/blog\/author\/jonpenland\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/38033","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/comments?post=38033"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/38033\/revisions"}],"predecessor-version":[{"id":48648,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/38033\/revisions\/48648"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/38033\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/38033\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/38033\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/38033\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/38033\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/38033\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/38033\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/38033\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/38033\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/38033\/translations\/jp"},{"href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/38033\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media\/38046"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media?parent=38033"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/tags?post=38033"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/topic?post=38033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}