{"id":36432,"date":"2020-07-21T01:16:47","date_gmt":"2020-07-21T08:16:47","guid":{"rendered":"https:\/\/staging.kinsta.site\/?p=72780"},"modified":"2022-04-05T10:03:18","modified_gmt":"2022-04-05T10:03:18","slug":"webp","status":"publish","type":"post","link":"https:\/\/staging.kinsta.site\/se\/blog\/webp\/","title":{"rendered":"Hur man anv\u00e4nder WebP-Bilder i WordPress (och krymper bildfilstorlekar med upp till 35%)"},"content":{"rendered":"<p>Om du vill <a href=\"https:\/\/staging.kinsta.site\/se\/lar\/snabba-upp-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">g\u00f6ra din WordPress-webbplats snabbare,<\/a> kan du tj\u00e4na p\u00e5 att minska storleken p\u00e5 dina bilder. Bilder st\u00e5r f\u00f6r ungef\u00e4r h\u00e4lften av en webbsidas filstorlek, s\u00e5 \u00e4ven sm\u00e5 f\u00f6rb\u00e4ttringar kan ge stora resultat.<\/p>\n<p>WebP \u00e4r ett modernt bildformat som kan hj\u00e4lpa dig att minska storleken p\u00e5 dina bilder utan att \u00e4ndra hur de ser ut. En konvertering av en bild till WebP krymper dess storlek med i genomsnitt ~ 25-35% utan m\u00e4rkbar f\u00f6rlust i kvalitet.<\/p>\n<p>De <a href=\"https:\/\/staging.kinsta.site\/se\/marknadsandel-for-webblasare\/\">flesta moderna<\/a> webbl\u00e4sare och <a href=\"https:\/\/staging.kinsta.site\/se\/blog\/wordpress-5-8\/\">WordPress 5.8+<\/a> st\u00f6der WebP direkt ur l\u00e5dan. I den h\u00e4r artikeln kommer vi att djupdyka i detta sp\u00e4nnande nya bildformat och visa dig hur du kan dra nytta av dess h\u00e4ftighet.<\/p>\n<p>\u00c4r du redo? L\u00e5t oss komma ig\u00e5ng!<\/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>Vad \u00e4r WebP?<\/h2>\n<p>S\u00e5, vad \u00e4r en WebP-fil? WebP \u00e4r ett bildformat som \u00e4r utvecklat av Google f\u00f6r b\u00e4ttre optimering av bilder \u00e4n de popul\u00e4ra bildformaten (p\u00e5 den tiden). Du k\u00e4nner v\u00e4l till bildformaten <a href=\"https:\/\/staging.kinsta.site\/se\/blog\/jpg-vs-jpeg\/\" target=\"_blank\" rel=\"noopener noreferrer\">JPEG, JPG<\/a> och PNG.<\/p>\n<p><strong>Obs!<\/strong> Kolla in hur <a href=\"https:\/\/staging.kinsta.site\/se\/blog\/basta-bildfilstyperna\/\">olika bildfiltyper<\/a> kan p\u00e5verka hastigheten p\u00e5 din webbplats.<\/p>\n<p>WebP fokuserar p\u00e5 att leverera samma bildfil, bara med en mindre filstorlek. Genom att minska storleken p\u00e5 dina bildfiler kan du fortfarande leverera samma upplevelse till webbplatsens bes\u00f6kare, men <a href=\"https:\/\/staging.kinsta.site\/learn\/page-speed\/\" target=\"_blank\" rel=\"noopener noreferrer\">din webbplats kommer att laddas snabbare.<\/a><\/p>\n<p>I <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\" target=\"_blank\" rel=\"noopener noreferrer\">Google\u00b4s WebP-komprimeringsstudie uppt\u00e4ckte google exempelvis<\/a> att en WebP-bildfil i genomsnitt:<\/p>\n<ul>\n<li>\u00c4r 25-34% mindre \u00e4n en j\u00e4mf\u00f6rbar JPEG-bild.<\/li>\n<li>\u00c4r 26% mindre \u00e4n en j\u00e4mf\u00f6rbar PNG-bild.<\/li>\n<\/ul>\n<p>S\u00e5 om du <a href=\"https:\/\/staging.kinsta.site\/se\/blog\/google-pagespeed-insights\/\" target=\"_blank\" rel=\"noopener noreferrer\">k\u00f6r din webbplats via PageSpeed Insights, \u00e4r en av de m\u00e5nga rekommendationerna att<\/a> du v\u00e4ljer <strong>n\u00e4sta generations format, dvs WebP:<\/strong><\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/05\/google-pagespeed-insights-1024x621.png\" alt=\"Google PageSpeed Insights f\u00f6resl\u00e5r att du anv\u00e4nder WebP-bilder\" width=\"1024\" height=\"621\"><figcaption class=\"wp-caption-text\">Google PageSpeed Insights f\u00f6resl\u00e5r att du anv\u00e4nder WebP-bilder<\/figcaption><\/figure>\n<p>S\u00e5 hur kan Google\u00b4s WebP-format uppn\u00e5 dessa minskningar i filstorlek?<\/p>\n<p>F\u00f6r det f\u00f6rsta st\u00f6der den <a href=\"https:\/\/staging.kinsta.site\/se\/blog\/destruktiv-komprimering\/\">f\u00f6rst\u00f6rande och f\u00f6rlustfri komprimering<\/a>, s\u00e5 den exakta minskningen beror p\u00e5 vilket av detta du anv\u00e4nder.<\/p>\n<p>Om du nyttjar WebP-komprimering med f\u00f6rluster anv\u00e4nder WebP n\u00e5got som kallas &#8221;prediktiv kodning&#8221; f\u00f6r att s\u00e4nka filstorleken. Prediktiv kodning anv\u00e4nder v\u00e4rdena f\u00f6r n\u00e4rliggande pixlar i en bild f\u00f6r att f\u00f6ruts\u00e4ga v\u00e4rden och kodar sedan skillnaden. Den \u00e4r baserad p\u00e5 VP8 nyckelram-kodning.<\/p>\n<p>F\u00f6rlustfri WebP anv\u00e4nder en mycket mer komplicerad upps\u00e4ttning metoder som har utvecklats av WebP-teamet.<\/p>\n<p>Om du vill l\u00e4ra dig mer om WebP\u00b4s komprimeringstekniker i detalj <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/compression\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e4r den h\u00e4r artikeln en bra utg\u00e5ngspunkt<\/a>.<\/p>\n<h2>Vilka webbl\u00e4sare st\u00f6der WebP?<\/h2>\n<p>F\u00f6r att WebP-bilder ska fungera m\u00e5ste de st\u00f6djas av bes\u00f6karnas webbl\u00e4sare. \u00c4ven om webbl\u00e4sarnas st\u00f6d \u00e4r relativt utbyggt idag, <strong>\u00e4r<\/strong> <strong>WebP-kompatibilitet fortfarande inte universell<\/strong>.<\/p>\n<p>WebP-bilder st\u00f6ds av en del popul\u00e4ra webbl\u00e4sare, exempelvis:<\/p>\n<ul>\n<li>Chrome (<em>dator och mobil).<\/em>).<\/li>\n<li>Firefox (<em>dator och mobil<\/em>).<\/li>\n<li>Microsoft Edge<\/li>\n<li>iOS och macOS Safari (<em>endast macOS 11 Big Sur och senare<\/em>).<\/li>\n<li>Opera<em>(dator och <\/em>mobil).<\/li>\n<\/ul>\n<p>N\u00e4r vi skriver det h\u00e4r inl\u00e4gget har Safari endast delvis ett st\u00f6d f\u00f6r WebP-bilder.<\/p>\n<p>\u00c4ven Internet Explorer saknar WebP-st\u00f6d (men Edge st\u00f6der WebP eftersom det \u00e4r baserat p\u00e5 krom). IE-anv\u00e4ndningen har dock minskat till mindre \u00e4n 1 % av det totala antalet internetanv\u00e4ndare. Detta \u00e4r en v\u00e4lsignelse f\u00f6r alla p\u00e5 webben!<\/p>\n<p>Totalt anv\u00e4nder <a href=\"https:\/\/caniuse.com\/#feat=webp\" target=\"_blank\" rel=\"noopener noreferrer\">cirka 95 % av Internetanv\u00e4ndarna<\/a> en webbl\u00e4sare som st\u00f6der WebP. S\u00e5 \u00e4ven om det verkligen har majoritetsst\u00f6d, \u00e4r dessa 5 % ett mindre hinder, s\u00e4rskilt n\u00e4r det g\u00e4ller Safari-anv\u00e4ndare p\u00e5 \u00e4ldre macOS-versioner. I v\u00e5r WebP-handledning f\u00f6r WordPress nedan, kommer vi att visa dig hur man hanterar detta s\u00e5 att alla dina bes\u00f6kare f\u00e5r en fin upplevelse.<\/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:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/06\/WebP-Browsers-Support-CanIUse.jpg\" alt=\"WebP-st\u00f6d i st\u00f6rre webbl\u00e4sare.\" width=\"1100\" height=\"584\"><figcaption id=\"caption-attachment-99587\" class=\"wp-caption-text\">WebP-st\u00f6d i st\u00f6rre webbl\u00e4sare.<\/figcaption><\/figure>\n<h2>WebP vs JPG vs PNG Storlek J\u00e4mf\u00f6relse<\/h2>\n<p>Enligt Googles tester \u00e4r WebP-bilder:<\/p>\n<ul>\n<li>25-34% mindre \u00e4n j\u00e4mf\u00f6rbara JPEG-bilder.<\/li>\n<li>26% mindre \u00e4n liknande PNG-bilder.<\/li>\n<\/ul>\n<p>Om du vill veta mer om Google\u00b4s metod kan du hitta direkta l\u00e4nkar till de fullst\u00e4ndiga resultaten nedan:<\/p>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\" target=\"_blank\" rel=\"noopener noreferrer\">Jpeg<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_lossless_alpha_study#results\" target=\"_blank\" rel=\"noopener noreferrer\">Png<\/a><\/li>\n<\/ul>\n<p>B\u00e5da testerna \u00e4r baserade p\u00e5 \u00f6ver 11 000 bilder, inklusive:<\/p>\n<ul>\n<li>Den ber\u00f6mda <a href=\"https:\/\/en.wikipedia.org\/wiki\/Lenna\" target=\"_blank\" rel=\"noopener noreferrer\">Lenna-bilden<\/a><\/li>\n<li>24 bilder fr\u00e5n <a href=\"http:\/\/r0k.us\/graphics\/kodak\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kodak true color image suite<\/a><\/li>\n<li>100 bilder fr\u00e5n Tecnick.com<\/li>\n<li>Ett slumpm\u00e4ssigt urval av 11 000 bilder fr\u00e5n Google Image Search<\/li>\n<\/ul>\n<h2>S\u00e5 h\u00e4r anv\u00e4nder du WebP-bilder p\u00e5 WordPress<\/h2>\n<p>Fr\u00e5n och med <a href=\"https:\/\/staging.kinsta.site\/se\/blog\/wordpress-5-8\/\">WordPress 5.8<\/a> s\u00e5 kommer du att kunna anv\u00e4nda WebP-bildformatet p\u00e5 samma s\u00e4tt som JPEG-, PNG- och GIF-format. Ladda <a href=\"https:\/\/staging.kinsta.site\/se\/blog\/wordpress-mediebibliotek\/\">bara upp dina bilder till ditt mediebibliotek<\/a> och inkludera dem i ditt inneh\u00e5ll. Eftersom WordPress 5.8+ st\u00f6der WebP-formatet som standard, beh\u00f6ver du inte installera plugins fr\u00e5n tredje part f\u00f6r att ladda upp WebP-bilder. Det borde r\u00e4cka f\u00f6r de flesta vanliga anv\u00e4ndningsomr\u00e5den.<\/p>\n<p>F\u00f6r att komma ig\u00e5ng omedelbart kan du ta en titt p\u00e5 v\u00e5r snabbstart om hur du <a href=\"https:\/\/staging.kinsta.site\/se\/blog\/wordpress-5-8\/#how-to-use-webp-images-in-wordpress\">anv\u00e4nder WebP-bilder i WordPress 5.8+<\/a>. Vi f\u00f6resl\u00e5r att du g\u00e5r igenom <a href=\"https:\/\/staging.kinsta.site\/se\/blog\/wordpress-5-8\/#caveats-about-webp-in-wordpress-58\">varningarna om WebP-st\u00f6d i WordPress<\/a>.<\/p>\n<p>Men cirka 5 % av alla m\u00e4nniskor (fr\u00e4mst Safari-anv\u00e4ndare p\u00e5 \u00e4ldre macOS) anv\u00e4nder en webbl\u00e4sare som inte st\u00f6der WebP. Om du konverterar WebP-bilder och anv\u00e4nder dem direkt i <a href=\"https:\/\/staging.kinsta.site\/learn\/content-marketing\/\" target=\"_blank\" rel=\"noopener noreferrer\">ditt inneh\u00e5ll<\/a> skulle dessa bes\u00f6kare inte kunna se dina bilder, vilket skulle f\u00f6rst\u00f6ra deras webbupplevelse.<\/p>\n<p>Att generera WebP-bilder \u00e4r inte lika enkelt som att generera en JPG\/JPEG-bild, vilket \u00e4r standardbildfilformatet p\u00e5 de flesta kameror, smartphones och <a href=\"https:\/\/staging.kinsta.site\/se\/blog\/gratis-bilder-for-wordpress\/\">bildbibliotek<\/a> p\u00e5 n\u00e4tet. WordPress st\u00f6der inte automatisk bildkonvertering till WebP-format (\u00e4nnu!).<\/p>\n<p>Men oroa dig inte! Det finns en l\u00f6sning.<\/p>\n<p>Ist\u00e4llet f\u00f6r att ladda upp WebP-bilder till WordPress direkt, kan du anv\u00e4nda ett WordPress-plugin som konverterar dina ursprungliga bilder till WebP-format. D\u00e5 <strong>finns \u00e4ven <\/strong>den ursprungliga bilden med om en bes\u00f6kares webbl\u00e4sare inte st\u00f6der WebP.<\/p>\n<p>Om du exempelvis laddar upp en JPEG-fil till din webbplats kommer pluginet att:<\/p>\n<ul>\n<li>Konvertera JPEG-filen till WebP och anv\u00e4nd WebP-versionen f\u00f6r Chrome, Firefox, Edge, osv.<\/li>\n<li>Visa den ursprungliga JPEG-filen f\u00f6r bes\u00f6kare som surfar med Safari (p\u00e5 \u00e4ldre macOS-versioner) och andra webbl\u00e4sare som inte st\u00f6der WebP.<\/li>\n<\/ul>\n<p>P\u00e5 s\u00e5 s\u00e4tt kan alla se din bild och alla f\u00e5r snabbast m\u00f6jliga upplevelse.<\/p>\n<p>Nedan kommer vi att g\u00e5 igenom n\u00e5gra av de <strong>b\u00e4sta WordPress-pluginen f\u00f6r WepP, <\/strong>som samtliga funkar med Kinsta och <a href=\"https:\/\/staging.kinsta.site\/docs\/kinsta-cdn\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kinsta CDN<\/a>.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Om du \u00e4r host p\u00e5 Kinsta, m\u00e5ste du <a href=\"https:\/\/staging.kinsta.site\/se\/kinsta-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">h\u00f6ra av dig till v\u00e5ran support<\/a> s\u00e5 att vi kan skapa en Nginx-regel f\u00f6r WebP cache-buckets f\u00f6r n\u00e5gra av dessa plugins.<\/p>\n<\/aside>\n\n<h3>ShortPixel<\/h3>\n<div class=\"mceTemp\">\n<p><a href=\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/06\/shortpixel-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/06\/shortpixel-plugin.jpg\" alt=\"ShortPixel WordPress-plugin\" width=\"1500\" height=\"500\"><\/a><\/p>\n<p>ShortPixel WordPress-plugin<\/p>\n<p><a href=\"https:\/\/staging.kinsta.site\/se\/blog\/optimerar-bilder-for-webb\/#shortpixel\" target=\"_blank\" rel=\"noopener noreferrer\">ShortPixel<\/a> \u00e4r ett popul\u00e4rt <a href=\"https:\/\/staging.kinsta.site\/se\/blog\/optimerar-bilder-for-webb\/\" target=\"_blank\" rel=\"noopener noreferrer\">bildoptimerings<\/a>-plugin f\u00f6r WordPress som kan hj\u00e4lpa dig att automatiskt \u00e4ndra storlek och komprimera de bilder som du laddar upp till din WordPress-webbplats.<\/p>\n<p>ShortPixel kan bland annat hj\u00e4lpa dig att automatiskt konvertera bilder till WebP och skicka dessa bilder till webbl\u00e4sare som st\u00f6der WebP.<\/p>\n<p>ShortPixel har en begr\u00e4nsad, kostnadsfri plan som l\u00e5ter dig optimera ~ 100 bilder per m\u00e5nad kostnadsfritt. Efter detta b\u00f6rjar betalda planer p\u00e5 $ 4,99 per m\u00e5nad f\u00f6r upp till 5.000 bilder \/ krediter eller $ 9,99 en g\u00e5ng f\u00f6r en f\u00f6rpackning med 10.000 krediter.<\/p>\n<p>ShortPixel r\u00e4knar varje bildstorlek som du optimerar p\u00e5 WordPress som en kredit. S\u00e5 om du vill optimera flera miniatyr-bilder, kan en enda bild anv\u00e4nda flera krediter. Det finns inga filstorleksgr\u00e4nser f\u00f6r bilder.<\/p>\n<p>Du kan sprida dina ShortPixel-krediter \u00f6ver ett obegr\u00e4nsat antal webbplatser &#8211; det finns inga gr\u00e4nser h\u00e4r<em>(och alla dina webbplatser kan anv\u00e4nda samma ShortPixel- konto).<\/em><\/p>\n<p>F\u00f6r att anv\u00e4nda ShortPixel f\u00f6r att visa WebP-bilder p\u00e5 WordPress, m\u00e5ste du installera <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noopener noreferrer\">ett plugin fr\u00e5n WordPress.org<\/a> och l\u00e4gga till din API-nyckel (som <em>du kan f\u00e5 genom att registrera dig f\u00f6r ett kostnadsfritt ShortPixel-konto).<\/em><\/p>\n<p>Under fliken <strong>Allm\u00e4nt<\/strong> kan du st\u00e4lla in grundl\u00e4ggande inst\u00e4llningar f\u00f6r hur bildoptimering fungerar, vilken komprimeringsniv\u00e5 som ska anv\u00e4ndas och om bilder ska \u00e4ndras eller inte:<\/p>\n<div class=\"mceTemp\">\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/05\/webp-images-1-shortpixel-1024x771.png\" alt=\"S\u00e5 h\u00e4r st\u00e4ller du in komprimeringsniv\u00e5 och bilddimensioner i ShortPixel\" width=\"1024\" height=\"771\"><\/p>\n<p>S\u00e5 h\u00e4r st\u00e4ller du in komprimeringsniv\u00e5 och bilddimensioner i ShortPixelOm du vill aktivera WebP-bilder g\u00e5r du till fliken <strong>Avancerat<\/strong> och:<\/p>\n<p>Markerar kryssrutan f\u00f6r <strong>WebP-bilder<\/strong><\/p>\n<p>Markerar kryssrutan f\u00f6r att <strong><strong>leverera WebP-versionerna.<\/strong><\/strong> (Detta visas n\u00e4r du markerar den f\u00f6rsta rutan)<\/p>\n<p>Markerar alternativknappen f\u00f6r <strong>Anv\u00e4ndning av taggsyntaxen &lt;PICTURE&gt; <\/strong>(detta visas efter att du har markerat f\u00f6reg\u00e5ende ruta)<\/p>\n<p>L\u00e4mna standardinst\u00e4llningen <strong>Only via WordPress-hooks selection<\/strong><\/p>\n<div class=\"mceTemp\">\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/05\/aktiverar-webp-shortpixel-1024x809.png\" alt=\"S\u00e5 h\u00e4r aktiverar du WordPress WebP-bilder i ShortPixel\" width=\"1024\" height=\"809\"><\/p>\n<p>S\u00e5 h\u00e4r aktiverar du WordPress WebP-bilder i ShortPixelSpara sedan \u00e4ndringarna.<\/p>\n<p>Om du \u00e4r host p\u00e5 Kinsta, kommer ShortPixel att ge dig ett varningsmeddelande om att du m\u00e5ste konfigurera server config-filer p\u00e5 Nginx. F\u00f6r att konfigurera dessa inst\u00e4llningar kan du <a href=\"https:\/\/staging.kinsta.site\/se\/kinsta-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">h\u00f6ra av dig till Kinsta support s\u00e5 st\u00e4ller vi g\u00e4rna in<\/a> serverkonfigurationen \u00e5t dig.<\/p>\n<h3>Imagify<\/h3>\n<div class=\"mceTemp\">\n<p><a href=\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/06\/imagify.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/06\/imagify.jpg\" alt=\"Imagify WordPress-plugin\" width=\"1500\" height=\"500\"><\/a><\/p>\n<p>Imagify WordPress-plugin<a href=\"https:\/\/staging.kinsta.site\/se\/blog\/optimerar-bilder-for-webb\/#imagify\" target=\"_blank\" rel=\"noopener noreferrer\">Imagify<\/a> \u00e4r ett popul\u00e4rt bildoptimerings-plugin fr\u00e5n samma utvecklare som <a href=\"https:\/\/wp-rocket.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Rocket<\/a> (som \u00e4r ett av de f\u00e5 <a href=\"https:\/\/staging.kinsta.site\/se\/blog\/wp-rocket\/\" target=\"_blank\" rel=\"noopener noreferrer\">caching-plugins som fungerar med Kinsta<\/a>).<\/p>\n<p>Det kan automatiskt komprimera och \u00e4ndra storlek p\u00e5 de bilder som du laddar upp till din WordPress-webbplats. Det kan \u00e4ven hj\u00e4lpa dig att konvertera dem till WebP och visa WebP-versioner f\u00f6r bes\u00f6kare med webbl\u00e4sare som st\u00f6der detta.<\/p>\n<p>N\u00e4r det g\u00e4ller funktioner, har ShortPixel och Imagify en hel del likheter.\u00a0Den st\u00f6rsta skillnaden kommer n\u00e4r du tittar p\u00e5 priss\u00e4ttningen. Medan ShortPixel debiterar dig baserat p\u00e5 bilder utan storleksgr\u00e4ns per bild, tar Imagify ut avgifter baserat p\u00e5 den totala filstorleken, utan bildgr\u00e4ns.<\/p>\n<p>S\u00e5 om du beh\u00f6ver optimera massor av stora bilder, kan ShortPixel\u00b4s strategi vara billigare. Men om du beh\u00f6ver optimera massor av sm\u00e5 bilder, kan Imagify\u00b4s strategi vara billigare.<\/p>\n<p>Imagify har en begr\u00e4nsad kostnadsfri niv\u00e5 som m\u00f6jligg\u00f6r 25 MB optimeringar per m\u00e5nad. Efter detta b\u00f6rjar betalda planer p\u00e5 $ 4,99 per m\u00e5nad f\u00f6r upp till 1 GB eller $ 9,99 f\u00f6r en eng\u00e5ngskredit p\u00e5 1 GB.<\/p>\n<p>Du kan sprida dina ShortPixel-krediter \u00f6ver ett obegr\u00e4nsat antal webbplatser &#8211; det finns inga begr\u00e4nsningar per webbplats (<em>och alla dina webbplatser kan anv\u00e4nda samma ShortPixel-konto<\/em>).<\/p>\n<p>F\u00f6r att anv\u00e4nda Imagify f\u00f6r att leverera WebP-bilder p\u00e5 WordPress m\u00e5ste du installera <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noopener noreferrer\">pluginet fr\u00e5n WordPress.org<\/a> och l\u00e4gga till din API-nyckel f\u00f6r att komma ig\u00e5ng.<\/p>\n<p>N\u00e4r du har aktiverat plugin-programmet kan du anv\u00e4nda rutan <strong>Allm\u00e4nna inst\u00e4llningar<\/strong> f\u00f6r att v\u00e4lja din komprimeringsniv\u00e5.<\/p>\n<div class=\"mceTemp\">\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/05\/webp-kompressionsnivan-imagify-1024x639.png\" alt=\"S\u00e5 h\u00e4r st\u00e4ller du in kompressionsniv\u00e5n i Imagify\" width=\"1024\" height=\"639\"><\/p>\n<p>S\u00e5 h\u00e4r st\u00e4ller du in kompressionsniv\u00e5n i ImagifyOm du vill aktivera WebP-bilder bl\u00e4ddrar du ned till avsnittet <strong>Optimering<\/strong> och hittar avsnittet <strong>WebP-Format:<\/strong><\/p>\n<p>Markera kryssrutan f\u00f6r att <strong>skapa webp-versioner av bilder<\/strong><\/p>\n<p>Markera rutan f\u00f6r att <strong>visa bilder i webp-format&#8230;<\/strong><\/p>\n<p>V\u00e4lj alternativknappen om du vill <strong>anv\u00e4nda &lt;picture&gt; taggar<\/strong><\/p>\n<div class=\"mceTemp\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72783 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/01\/webp-images-imagify-webp-1024x369.png\" alt=\"S\u00e5 h\u00e4r aktiverar du WordPress WebP-bilder i Imagify\" width=\"1024\" height=\"369\"><\/p>\n<p>S\u00e5 h\u00e4r aktiverar du WordPress WebP-bilder i ImagifyOm du \u00e4r host p\u00e5 Kinsta, m\u00e5ste du skapa en <a href=\"https:\/\/staging.kinsta.site\/knowledgebase\/what-is-nginx\/\" target=\"_blank\" rel=\"noopener noreferrer\">Nginx-<\/a>regel f\u00f6r WebP cache-buckets precis som med Shortpixel (h\u00f6r helt enkelt av dig till Kinsta\u00b4s support).<\/p>\n<h3>Optimole<\/h3>\n<div class=\"mceTemp\">\n<p><a href=\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/06\/optimole-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/06\/optimole-plugin.jpg\" alt=\"Optimole WordPress-plugin\" width=\"1500\" height=\"500\"><\/a><\/p>\n<p>Optimole WordPress-plugin<a href=\"https:\/\/staging.kinsta.site\/se\/blog\/optimerar-bilder-for-webb\/#optimole\" target=\"_blank\" rel=\"noopener noreferrer\">Optimole<\/a> \u00e4r ett bildoptimerings-plugin f\u00f6r WordPress som fungerar lite annorlunda \u00e4n Imagify och ShortPixel. Optimole kan automatiskt komprimera och \u00e4ndra storlek p\u00e5 dina bilder. Men det har \u00e4ven tv\u00e5 andra anm\u00e4rkningsv\u00e4rda funktioner:<\/p>\n<p>Det kan visa dina bilder via sin egen CDN (som drivs av Amazon CloudFront).<\/p>\n<p>Det erbjuder adaptiva bilder i realtid d\u00e4r Optimole kommer att leverera den optimalt stora bilden f\u00f6r varje bes\u00f6kare. En person som surfar p\u00e5 en liten sk\u00e4rm kommer exempelvis f\u00e5 en bild med l\u00e4gre uppl\u00f6sning \u00e4n n\u00e5gon som surfar p\u00e5 en Retina-sk\u00e4rm.<\/p>\n<p>Denna metod liknar andra realtids-optimering \/ manipulations-tj\u00e4nster som Cloudinary, imgix, KeyCDN-Bildbehandling, osv.<\/p>\n<p>Optimole kan \u00e4ven leverera WebP-bilder till bes\u00f6kare med webbl\u00e4sare som st\u00f6der det, som en del av denna bildoptimering i realtid.<\/p>\n<p>Optimole har en begr\u00e4nsad kostnadsfri plan som kan hantera visning av bilder till cirka ~ 5.000 bes\u00f6kare per m\u00e5nad. Efter detta, b\u00f6rjar de betalda planerna p\u00e5 $ 19 per m\u00e5nad f\u00f6r ~ 25.000 bes\u00f6kare.<\/p>\n<p>F\u00f6r att komma ig\u00e5ng m\u00e5ste du installera <a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin fr\u00e5n WordPress.org<\/a> och aktivera detta med en API-nyckel (som <em>du kan f\u00e5 genom att registrera dig f\u00f6r ett kostnadsfritt Optimole-konto).<\/em><\/p>\n<p>N\u00e4r du g\u00f6r detta, kommer Optimole automatiskt att optimera dina bilder och leverera dem via sin <a href=\"https:\/\/staging.kinsta.site\/se\/blog\/wordpress-cdn\/\" target=\"_blank\" rel=\"noopener noreferrer\">CDN<\/a>. WebP-st\u00f6d \u00e4r aktiverat som standard, s\u00e5 du beh\u00f6ver inte aktivera det manuellt.<\/p>\n<p>Om du vill konfigurera andra inst\u00e4llningar, exempelvis komprimeringsniv\u00e5er och skalningsbeteende, kan du g\u00e5 till <strong>Media \u2192 Optimole \u2192<\/strong>Inst\u00e4llningar:<\/p>\n<div class=\"mceTemp\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72786 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/05\/optimole-1024x685.png\" alt=\"Optimole aktiverar WordPress WebP-bilder som standard.\" width=\"1024\" height=\"685\"><\/p>\n<p>Optimole aktiverar WordPress WebP-bilder som standard.Eftersom Optimole levererar dina bilder via sitt eget CDN, finns det ingen anledning att st\u00e4lla in n\u00e5gra Nginx-regler om du \u00e4r host p\u00e5 Kinsta.<\/p>\n\n<h2>Sammanfattning<\/h2>\n<p>Din WordPress-webbplats bilder utg\u00f6r en stor del av filstorleken p\u00e5 en genomsnittlig sida. Om du kan hitta s\u00e4tt att minska storleken p\u00e5 dina bilder kan du <a href=\"https:\/\/staging.kinsta.site\/se\/lar\/snabba-upp-wordpress\/\">snabba upp din webbplats<\/a> utan att skada anv\u00e4ndarupplevelsen. WebP \u00e4r ett modernt bildformat som g\u00f6r just detta genom att erbjuda en ~25% minskning av filstorleken j\u00e4mf\u00f6rt med j\u00e4mf\u00f6rande JPEG- eller PNG-filer.<\/p>\n<p>Omkring 95 % av internetanv\u00e4ndarna anv\u00e4nder redan en webbl\u00e4sare som st\u00f6der WebP. WordPress 5.8+-versioner st\u00f6der numera WebP direkt ur l\u00e5dan. S\u00e5 det finns ingen anledning till att inte nyttja detta.<\/p>\n<p>Men en minoritet av alla webbl\u00e4sare, s\u00e4rskilt Safari p\u00e5 \u00e4ldre macOS-versioner, erbjuder fortfarande inte WebP-st\u00f6d. Du kan d\u00e4rf\u00f6r inte visa WebP-bilder f\u00f6r alla bes\u00f6kare, i nul\u00e4get. F\u00f6r att l\u00f6sa detta problem kan du anv\u00e4nda ett WordPress-plugin som konverterar bilder till WebP och serverar WebP-versioner till bes\u00f6kare vars webbl\u00e4sare st\u00f6der det. Pluginet g\u00f6r att du samtidigt nyttjar originalbilderna till bes\u00f6kare vars webbl\u00e4sare inte st\u00f6der WebP.<\/p>\n<p>F\u00f6r mer taktik n\u00e4r det g\u00e4ller optimering av bilder, kolla in <a href=\"https:\/\/staging.kinsta.site\/se\/lar\/snabba-upp-wordpress\/\">v\u00e5r fullst\u00e4ndiga guide om hur man optimerar bilder f\u00f6r webbprestanda<\/a>.<\/p>\n<p><em>Om du har n\u00e5gra fr\u00e5gor om nyttjandet av WebP i WordPress, v\u00e4nligen fr\u00e5ga oss i kommentarerna nedan!<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Om du vill g\u00f6ra din WordPress-webbplats snabbare, kan du tj\u00e4na p\u00e5 att minska storleken p\u00e5 dina bilder. Bilder st\u00e5r f\u00f6r ungef\u00e4r h\u00e4lften av en webbsidas filstorlek, &#8230;<\/p>\n","protected":false},"author":117,"featured_media":36446,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[285,286],"topic":[],"class_list":["post-36432","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-pagespeed","tag-webp"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.1.2 (Yoast SEO v25.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Hur man anv\u00e4nder WebP-Bilder i WordPress (och krymper bildfilstorlekar med upp till 35%)<\/title>\n<meta name=\"description\" content=\"Beh\u00f6ver du sk\u00e4ra ner p\u00e5 bildfilstorlekar? L\u00e4s mer om WebP-bildformatet och hur du kan b\u00f6rja anv\u00e4nda WebP-bilder p\u00e5 din WordPress-webbplats med hj\u00e4lp av 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:\/\/staging.kinsta.site\/se\/blog\/webp\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hur man anv\u00e4nder WebP-Bilder i WordPress (och krymper bildfilstorlekar med upp till 35%)\" \/>\n<meta property=\"og:description\" content=\"Beh\u00f6ver du sk\u00e4ra ner p\u00e5 bildfilstorlekar? L\u00e4s mer om WebP-bildformatet och hur du kan b\u00f6rja anv\u00e4nda WebP-bilder p\u00e5 din WordPress-webbplats med hj\u00e4lp av plugins.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.kinsta.site\/se\/blog\/webp\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-21T08:16:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-05T10:03:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/07\/webp.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Beh\u00f6ver du sk\u00e4ra ner p\u00e5 bildfilstorlekar? L\u00e4s mer om WebP-bildformatet och hur du kan b\u00f6rja anv\u00e4nda WebP-bilder p\u00e5 din WordPress-webbplats med hj\u00e4lp av plugins.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/07\/webp.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/staging.kinsta.site\/se\/blog\/webp\/\",\"url\":\"https:\/\/staging.kinsta.site\/se\/blog\/webp\/\",\"name\":\"Hur man anv\u00e4nder WebP-Bilder i WordPress (och krymper bildfilstorlekar med upp till 35%)\",\"isPartOf\":{\"@id\":\"https:\/\/staging.kinsta.site\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/staging.kinsta.site\/se\/blog\/webp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/se\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/07\/webp.jpg\",\"datePublished\":\"2020-07-21T08:16:47+00:00\",\"dateModified\":\"2022-04-05T10:03:18+00:00\",\"author\":{\"@id\":\"https:\/\/staging.kinsta.site\/se\/#\/schema\/person\/a8a6cbef84726e025b022f7ed6f84d05\"},\"description\":\"Beh\u00f6ver du sk\u00e4ra ner p\u00e5 bildfilstorlekar? L\u00e4s mer om WebP-bildformatet och hur du kan b\u00f6rja anv\u00e4nda WebP-bilder p\u00e5 din WordPress-webbplats med hj\u00e4lp av plugins.\",\"breadcrumb\":{\"@id\":\"https:\/\/staging.kinsta.site\/se\/blog\/webp\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/staging.kinsta.site\/se\/blog\/webp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/staging.kinsta.site\/se\/blog\/webp\/#primaryimage\",\"url\":\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/07\/webp.jpg\",\"contentUrl\":\"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/07\/webp.jpg\",\"width\":1024,\"height\":512,\"caption\":\"WebP\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/staging.kinsta.site\/se\/blog\/webp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/staging.kinsta.site\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hur man anv\u00e4nder WebP-Bilder i WordPress (och krymper bildfilstorlekar med upp till 35%)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/staging.kinsta.site\/se\/#website\",\"url\":\"https:\/\/staging.kinsta.site\/se\/\",\"name\":\"Kinsta\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/staging.kinsta.site\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/staging.kinsta.site\/se\/#\/schema\/person\/a8a6cbef84726e025b022f7ed6f84d05\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/staging.kinsta.site\/se\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8eb728311a3846982bd71559af592d04bbf0f7afc39b0c04b3d62f1100a01cff?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8eb728311a3846982bd71559af592d04bbf0f7afc39b0c04b3d62f1100a01cff?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is a Technical Editor at Kinsta. He's a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.\",\"sameAs\":[\"https:\/\/salmanravoof.com\",\"https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/\",\"https:\/\/x.com\/salmanravoof\"],\"url\":\"https:\/\/staging.kinsta.site\/se\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hur man anv\u00e4nder WebP-Bilder i WordPress (och krymper bildfilstorlekar med upp till 35%)","description":"Beh\u00f6ver du sk\u00e4ra ner p\u00e5 bildfilstorlekar? L\u00e4s mer om WebP-bildformatet och hur du kan b\u00f6rja anv\u00e4nda WebP-bilder p\u00e5 din WordPress-webbplats med hj\u00e4lp av 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:\/\/staging.kinsta.site\/se\/blog\/webp\/","og_locale":"sv_SE","og_type":"article","og_title":"Hur man anv\u00e4nder WebP-Bilder i WordPress (och krymper bildfilstorlekar med upp till 35%)","og_description":"Beh\u00f6ver du sk\u00e4ra ner p\u00e5 bildfilstorlekar? L\u00e4s mer om WebP-bildformatet och hur du kan b\u00f6rja anv\u00e4nda WebP-bilder p\u00e5 din WordPress-webbplats med hj\u00e4lp av plugins.","og_url":"https:\/\/staging.kinsta.site\/se\/blog\/webp\/","og_site_name":"Kinsta","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_published_time":"2020-07-21T08:16:47+00:00","article_modified_time":"2022-04-05T10:03:18+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/07\/webp.jpg","type":"image\/jpeg"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Beh\u00f6ver du sk\u00e4ra ner p\u00e5 bildfilstorlekar? L\u00e4s mer om WebP-bildformatet och hur du kan b\u00f6rja anv\u00e4nda WebP-bilder p\u00e5 din WordPress-webbplats med hj\u00e4lp av plugins.","twitter_image":"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/07\/webp.jpg","twitter_creator":"@salmanravoof","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Salman Ravoof","Ber\u00e4knad l\u00e4stid":"12 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/staging.kinsta.site\/se\/blog\/webp\/","url":"https:\/\/staging.kinsta.site\/se\/blog\/webp\/","name":"Hur man anv\u00e4nder WebP-Bilder i WordPress (och krymper bildfilstorlekar med upp till 35%)","isPartOf":{"@id":"https:\/\/staging.kinsta.site\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/staging.kinsta.site\/se\/blog\/webp\/#primaryimage"},"image":{"@id":"https:\/\/staging.kinsta.site\/se\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/07\/webp.jpg","datePublished":"2020-07-21T08:16:47+00:00","dateModified":"2022-04-05T10:03:18+00:00","author":{"@id":"https:\/\/staging.kinsta.site\/se\/#\/schema\/person\/a8a6cbef84726e025b022f7ed6f84d05"},"description":"Beh\u00f6ver du sk\u00e4ra ner p\u00e5 bildfilstorlekar? L\u00e4s mer om WebP-bildformatet och hur du kan b\u00f6rja anv\u00e4nda WebP-bilder p\u00e5 din WordPress-webbplats med hj\u00e4lp av plugins.","breadcrumb":{"@id":"https:\/\/staging.kinsta.site\/se\/blog\/webp\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.kinsta.site\/se\/blog\/webp\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/staging.kinsta.site\/se\/blog\/webp\/#primaryimage","url":"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/07\/webp.jpg","contentUrl":"https:\/\/staging.kinsta.site\/se\/wp-content\/uploads\/sites\/9\/2020\/07\/webp.jpg","width":1024,"height":512,"caption":"WebP"},{"@type":"BreadcrumbList","@id":"https:\/\/staging.kinsta.site\/se\/blog\/webp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.kinsta.site\/se\/"},{"@type":"ListItem","position":2,"name":"Hur man anv\u00e4nder WebP-Bilder i WordPress (och krymper bildfilstorlekar med upp till 35%)"}]},{"@type":"WebSite","@id":"https:\/\/staging.kinsta.site\/se\/#website","url":"https:\/\/staging.kinsta.site\/se\/","name":"Kinsta","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.kinsta.site\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Person","@id":"https:\/\/staging.kinsta.site\/se\/#\/schema\/person\/a8a6cbef84726e025b022f7ed6f84d05","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/staging.kinsta.site\/se\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8eb728311a3846982bd71559af592d04bbf0f7afc39b0c04b3d62f1100a01cff?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8eb728311a3846982bd71559af592d04bbf0f7afc39b0c04b3d62f1100a01cff?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is a Technical Editor at Kinsta. He's a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.","sameAs":["https:\/\/salmanravoof.com","https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/","https:\/\/x.com\/salmanravoof"],"url":"https:\/\/staging.kinsta.site\/se\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/staging.kinsta.site\/se\/wp-json\/wp\/v2\/posts\/36432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.kinsta.site\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.kinsta.site\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/se\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/se\/wp-json\/wp\/v2\/comments?post=36432"}],"version-history":[{"count":8,"href":"https:\/\/staging.kinsta.site\/se\/wp-json\/wp\/v2\/posts\/36432\/revisions"}],"predecessor-version":[{"id":42975,"href":"https:\/\/staging.kinsta.site\/se\/wp-json\/wp\/v2\/posts\/36432\/revisions\/42975"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/staging.kinsta.site\/se\/wp-json\/kinsta\/v1\/posts\/36432\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/staging.kinsta.site\/se\/wp-json\/kinsta\/v1\/posts\/36432\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/staging.kinsta.site\/se\/wp-json\/kinsta\/v1\/posts\/36432\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/staging.kinsta.site\/se\/wp-json\/kinsta\/v1\/posts\/36432\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/staging.kinsta.site\/se\/wp-json\/kinsta\/v1\/posts\/36432\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/staging.kinsta.site\/se\/wp-json\/kinsta\/v1\/posts\/36432\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/staging.kinsta.site\/se\/wp-json\/kinsta\/v1\/posts\/36432\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/staging.kinsta.site\/se\/wp-json\/kinsta\/v1\/posts\/36432\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/staging.kinsta.site\/se\/wp-json\/kinsta\/v1\/posts\/36432\/translations\/dk"},{"href":"https:\/\/staging.kinsta.site\/se\/wp-json\/kinsta\/v1\/posts\/36432\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/se\/wp-json\/wp\/v2\/media\/36446"}],"wp:attachment":[{"href":"https:\/\/staging.kinsta.site\/se\/wp-json\/wp\/v2\/media?parent=36432"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.kinsta.site\/se\/wp-json\/wp\/v2\/tags?post=36432"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/staging.kinsta.site\/se\/wp-json\/wp\/v2\/topic?post=36432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}