{"id":40640,"date":"2021-08-30T09:18:55","date_gmt":"2021-08-30T07:18:55","guid":{"rendered":"https:\/\/kinsta.com\/?p=23813"},"modified":"2023-09-18T08:34:23","modified_gmt":"2023-09-18T08:34:23","slug":"destruktiv-komprimering","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/","title":{"rendered":"Varf\u00f6r och hur du anv\u00e4nder destruktiv komprimering p\u00e5 dina WordPress-bilder"},"content":{"rendered":"<p>Enligt <a href=\"https:\/\/httparchive.org\/reports\/state-of-images#bytesImg\">HTTP Archive<\/a> i december 2018 <strong>utg\u00f6r bilder \u00f6ver 40% <\/strong>av en genomsnittlig webbplats sidvikt p\u00e5 b\u00e5de station\u00e4ra och mobila enheter. Det \u00e4r enormt!\u00a0 \ud83d\ude2e\u00a0 N\u00e4r det g\u00e4ller det nya <a href=\"https:\/\/kinsta.com\/se\/blog\/googles-mobile-first-index\/\">mobile-first indexet<\/a> och prestanda, spelar bildoptimering en avg\u00f6rande roll f\u00f6r <a href=\"https:\/\/kinsta.com\/se\/lar\/snabba-upp-wordpress\/\">hur snabbt din WordPress-sajt<\/a> kommer att kunna laddas. Bildkomprimering \u00e4r en av de enklaste optimeringarna du kan genomf\u00f6ra som ocks\u00e5 i sin tur kommer att ha st\u00f6rst inverkan. I princip inneb\u00e4r detta att minska filstorleken p\u00e5 dina bilder med hj\u00e4lp av tv\u00e5 popul\u00e4ra former av komprimering: <strong>destruktiv och icke-destruktiv<\/strong>. <a href=\"https:\/\/kinsta.com\/se\/blog\/webp\/\">WEBP<\/a> st\u00f6der b\u00e5da komprimeringsmetoderna!<\/p>\n<p>Idag kommer vi att g\u00e5 in p\u00e5 b\u00e5da dessa typer av bildkomprimering och diskutera vilken vi rekommenderar att du anv\u00e4nder. Detta kan variera beroende p\u00e5 vilken typ av verksamhet du driver.<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#lossy-compression\">Destruktiv komprimering<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#lossless-compression\">Icke-destruktiv komprimering<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#which-compression-is-better\">Vilken komprimeringsmetod \u00e4r b\u00e4ttre?<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#how-to-use-lossy-compression-wordpress\">S\u00e5 anv\u00e4nder du destruktiv komprimering i WordPress<\/a><\/li>\n<\/ul>\n<h2 id=\"lossy-compression\">Destruktiv komprimering<\/h2>\n<p>Den f\u00f6rsta formen av komprimering \u00e4r destruktiv. Destruktiv komprimering inneb\u00e4r att <strong>eliminera lite data<\/strong> i din bild. Det betyder att du kan se en viss nedbrytning (minskning av kvalitet eller vad vissa kallar pixelering). S\u00e5 du m\u00e5ste vara f\u00f6rsiktig med hur mycket du reducerar din bild. Inte bara p\u00e5 grund av kvalitet, men ocks\u00e5 f\u00f6r att du inte kan \u00e5ngra processen. Naturligtvis \u00e4r en av de stora f\u00f6rdelarna med destruktiv komprimering, och anledningen till att det \u00e4r en av de mest popul\u00e4ra komprimeringsmetoderna, att du kan <strong>minska filstorleken ganska rej\u00e4lt<\/strong>.<\/p>\n<ul>\n<li>JPEG och GIF \u00e4r b\u00e5da <a href=\"https:\/\/kinsta.com\/se\/blog\/basta-bildfilstyperna\/\">destruktiva bildformat<\/a>.<\/li>\n<li>JPEG \u00e4r bra f\u00f6r webbplatser som beh\u00f6ver snabba laddningstider eftersom du kan justera kvalitetsniv\u00e5n f\u00f6r en bra balans mellan kvalitet och filstorlek.<\/li>\n<\/ul>\n<p>(L\u00e4stips: <a href=\"https:\/\/kinsta.com\/se\/blog\/jpg-vs-jpeg\/\">JPG vs JPEG: att f\u00f6rst\u00e5 det vanligaste bildfilsformatet<\/a>)<\/p>\n<h3>WordPress komprimerar bilder automatiskt<\/h3>\n<p>Visste du att WordPress automatiskt komprimerar dina JPEG-filer n\u00e4r du laddar upp dem till mediebiblioteket? Som standard har WordPress komprimerat bilder automatiskt upp till 90% av dess ursprungliga storlek. Men fr\u00e5n och med <a href=\"https:\/\/make.wordpress.org\/core\/2016\/03\/12\/performance-improvements-for-images-in-wordpress-4-5\/\">WordPress 4.5<\/a> \u00f6kade de detta till <strong>82%<\/strong> f\u00f6r att ytterligare \u00f6ka total prestanda. Om du undrar varf\u00f6r dina bilder ser lite pixelerade ut p\u00e5 en ny WordPress-installation, \u00e4r det d\u00e4rf\u00f6r.<\/p>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">Medan automatisk komprimering \u00e4r bra har vi i allm\u00e4nhet sett att 82% ingalunda r\u00e4cker till n\u00e4r det g\u00e4ller att verkligen g\u00f6ra en inverkan p\u00e5 webbplatsens prestanda. D\u00e4rf\u00f6r kan du inaktivera det h\u00e4r alternativet om du vill genom att l\u00e4gga till f\u00f6ljande filter till temats <code>functions.php<\/code>-fil. Kom ih\u00e5g att alltid <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/wordpress-backups\/#restoring-backups\">ta en s\u00e4kerhetskopia<\/a> innan du redigerar din webbplats.<\/span><\/p>\n<pre><code class=\"language-php\">add_filter( 'jpeg_<span id=\"urn:enhancement-7d14d916-45a8-41d9-b792-13c82590000d\" class=\"textannotation\">quality<\/span>', create_function( '', 'return 100;' ) );<\/code><\/pre>\n<p>Om du vill \u00f6ka det automatiska komprimeringsf\u00f6rh\u00e5llandet f\u00f6r WordPress kan du l\u00e4gga till filtret och minska procenten av den ursprungliga filen, till exempel 70% i exemplet nedan.<\/p>\n<pre><code class=\"language-php\">add_filter( 'jpeg_<span id=\"urn:enhancement-554d465e-efb8-4abd-9bd5-5b526b4eff29\" class=\"textannotation\">quality<\/span>', create_function( '', 'return 70;' ) );<\/code><\/pre>\n<p>Kom ih\u00e5g att dessa inte kommer att p\u00e5verka redan uppladdade bilder. Du skulle beh\u00f6va g\u00e5 igenom dem med ett plugin som <a href=\"https:\/\/kinsta.com\/se\/blog\/sa-regenererar-du-miniatyrer\/#how-to-regenerate-thumbnails-in-wordpress\">Regenerate Thumbnails<\/a> f\u00f6r att till\u00e4mpa det p\u00e5 ditt befintliga mediebibliotek. Eller \u00e4nnu b\u00e4ttre rekommenderar vi helt enkelt att l\u00e4mna ditt tema ifred och helt enkelt anv\u00e4nda ett bildoptimeringsplugin f\u00f6r WordPress (som vi kommer att g\u00e5 in p\u00e5 lite l\u00e4ngre ner) eller ytterligare komprimera dina bilder innan du laddar upp dem.<\/p>\n<h3>Komprimera bilder med Spara f\u00f6r webben (programvara)<\/h3>\n<p>Du kan anv\u00e4nda verktyg som Adobe Photoshop, Affinity Photo, Affinity Designer eller andra bildredigerare f\u00f6r att justera kvalitetsinst\u00e4llningarna f\u00f6r en bild (se nedan). I en majoritet av verktygen finns detta under &#8221;Spara till webben&#8221; eller &#8221;Exportinst\u00e4llningar&#8221;.<\/p>\n<figure id=\"attachment_23894\" aria-describedby=\"caption-attachment-23894\" style=\"width: 1165px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23894 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/05\/change-quality-JPEG-affinity-photo.jpg\" alt=\"\u00c4ndra kvaliteten p\u00e5 fotot\" width=\"1165\" height=\"774\"><figcaption id=\"caption-attachment-23894\" class=\"wp-caption-text\">\u00c4ndra kvaliteten p\u00e5 fotot<\/figcaption><\/figure>\n<p>Om vi g\u00f6r en liten j\u00e4mf\u00f6relse f\u00f6r destruktiv komprimering kan vi se att 50% ser bra ut. 33% b\u00f6rjar bli lite suddigt f\u00f6r n\u00e5gra av bakgrundsdetaljerna (men \u00e4r ganska om\u00e4rkbart), och 5% \u00e4r sj\u00e4lvklart inte acceptabelt. Detta \u00e4r bara ett exempel p\u00e5 varf\u00f6r de automatiska 82% i WordPress inte r\u00e4cker. Du kan och b\u00f6r <strong>komprimera mycket mer<\/strong> f\u00f6r att ytterligare minska filstorlekar.<\/p>\n<ul>\n<li>original.JPG 2.82 MB (2000px : 1463px)<\/li>\n<li>lossy-compressed-1.JPG: 227 KB (2000px : 1463px) <strong>91,95% reducering<\/strong><\/li>\n<li>lossy-compressed-2.JPG: 185 KB (2000px : 1463px) <strong>93,44% reducering<\/strong><\/li>\n<li>lossy-compressed-3.JPG: 5 KB (2000px :\u00a0 1463px) <strong>99,82% reducering<\/strong><\/li>\n<\/ul>\n<figure id=\"attachment_23898\" aria-describedby=\"caption-attachment-23898\" style=\"width: 3025px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23898 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/05\/loss-compression-comparison.jpg\" alt=\"Destruktiv komprimering j\u00e4mf\u00f6relse\" width=\"3025\" height=\"917\"><figcaption id=\"caption-attachment-23898\" class=\"wp-caption-text\">Destruktiv komprimering j\u00e4mf\u00f6relse<\/figcaption><\/figure>\n<p>L\u00e5t oss s\u00e4ga att du v\u00e4ljer 50% komprimering. Filstorleken \u00e4r 227 KB, vilket definitivt \u00e4r mycket mindre \u00e4n den ursprungliga 2MB-filen. Det \u00e4r dock fortfarande inte bra om det h\u00e4r bara \u00e4r en av 15+ andra bilder p\u00e5 en sida. Generellt \u00e4r det b\u00e4st att h\u00e5lla alla dina bilder under 100 KB om m\u00f6jligt. I mina fall borde du kunna g\u00e5 mycket mindre. H\u00e4r \u00e4r det ocks\u00e5 <strong>viktigt att \u00e4ndra storlek p\u00e5 dina bilder<\/strong>. 50%-bilden skalas f\u00f6rst ner till 1251px : 916px och \u00e4r bara 95 KB.<\/p>\n<p>Men kom ih\u00e5g, du kanske inte vill \u00e4ndra dina bilders storlek s\u00e5 mycket eftersom WordPress fr\u00e5n och med version 4.4 har <a href=\"https:\/\/make.wordpress.org\/core\/2015\/11\/10\/responsive-images-in-wordpress-4-4\/\">st\u00f6d f\u00f6r responsiva bilder<\/a> (som inte skalas ned av CSS). WordPress skapar automatiskt flera storlekar av varje bild som laddas upp till mediebiblioteket. Genom att inkludera de tillg\u00e4ngliga storlekarna p\u00e5 en bild i ett <code>srcset<\/code>-attribut kan webbl\u00e4sare nu v\u00e4lja att ladda ner den l\u00e4mpligaste storleken och ignorera de andra. Se exempel p\u00e5 hur din kod faktiskt ser ut nedan.<\/p>\n<figure id=\"attachment_24043\" aria-describedby=\"caption-attachment-24043\" style=\"width: 1386px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-24043 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/05\/srcset-responsive-images.png\" alt=\"srcset responsiva bilder exempel i kod\" width=\"1386\" height=\"302\"><figcaption id=\"caption-attachment-24043\" class=\"wp-caption-text\">srcset responsiva bilder exempel i kod<\/figcaption><\/figure>\n<p>S\u00e5 i och med fler och fler HiDPI-sk\u00e4rmar nuf\u00f6rtiden kan det vara bra att hitta den gyllene medelv\u00e4gen. S\u00e4g ungef\u00e4r 2x eller 3x din webbplatskolumn eller &#8221;div size&#8221;, men fortfarande mindre \u00e4n den ursprungliga storleken. Webbl\u00e4saren visar den r\u00e4tta baserat p\u00e5 enhetens uppl\u00f6sning.<\/p>\n<h3>Google rekommenderar destruktiv komprimering<\/h3>\n<p>Anv\u00e4nder du <a href=\"https:\/\/kinsta.com\/se\/blog\/google-pagespeed-insights\/\">Google PageSpeed Insights<\/a>? Om s\u00e5 \u00e4r fallet \u00e4r du f\u00f6rmodligen bekant med varningen som s\u00e4ger att du ska &#8221;optimera bilder&#8221;. Redan 2017 uppdaterade Google faktiskt sin <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/audits\/optimize-images\">dokumentation<\/a> f\u00f6r att nu rekommendera att anv\u00e4nda destruktiv komprimering som ett s\u00e4tt att ytterligare snabba upp din webbplats.<\/p>\n<figure id=\"attachment_38145\" aria-describedby=\"caption-attachment-38145\" style=\"width: 2154px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-38145 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/05\/google-pagespeed-insights-optimize-images.png\" alt=\"Google PageSpeed Insights varning optimera bilder\" width=\"2154\" height=\"560\"><figcaption id=\"caption-attachment-38145\" class=\"wp-caption-text\">Google PageSpeed Insights varning optimera bilder<\/figcaption><\/figure>\n<p>Om du vill bli av med dessa varningar \u00e4r ett av de enklaste s\u00e4tten att anv\u00e4nda destruktiv komprimering f\u00f6r att blidka Google.<\/p>\n<h2 id=\"lossless-compression\">Icke-destruktiv komprimering<\/h2>\n<p>Nu \u00e4r det dags att g\u00e5 in p\u00e5 den andra formen av komprimering, icke-destruktiv. Icke-destruktiv komprimering, till skillnad fr\u00e5n destruktiv, <strong>minskar inte kvaliteten<\/strong> p\u00e5 bilden. Hur \u00e4r det m\u00f6jligt? Det g\u00f6rs oftast genom att ta bort on\u00f6diga metadata (automatiskt genererade data som produceras av enheten som f\u00e5ngar bilden). Men den st\u00f6rsta nackdelen med denna metod \u00e4r att du <strong>inte kommer se en betydande minskning av filstorleken<\/strong>. Med andra ord kommer de att ta upp mycket diskutrymme med tiden.<\/p>\n<ul>\n<li>RAW, BMP, GIF och PNG \u00e4r icke-destruktiva bildformat.<\/li>\n<li>Du kan utf\u00f6ra en icke-destruktiv komprimering p\u00e5 datorn med hj\u00e4lp av verktyg som Photoshop, <a href=\"http:\/\/netm.ag\/optimize-263\">FileOptimizer<\/a>, eller <a href=\"http:\/\/imageoptim.com\/\">ImageOptim<\/a>.<\/li>\n<li>Vissa plugins kommer att anv\u00e4nda <a href=\"https:\/\/kinsta.com\/se\/blog\/aktiverar-gzip-komprimering\/\">Gzip-komprimering<\/a> till bilder (att minifiera dem).<\/li>\n<\/ul>\n<p>Kinsta-anv\u00e4ndare kan dra nytta av <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn#code-minification-1\">kodminifierings-funktionen<\/a> som \u00e4r inbyggd direkt i <a href=\"https:\/\/kinsta.com\/se\/mykinsta\/\">MyKinsta-instrumentpanelen<\/a>. Detta g\u00f6r det m\u00f6jligt f\u00f6r v\u00e5ra kunder att enkelt aktivera automatisk CSS- och JavaScript-minifiering med ett enkelt klick. Detta kan hj\u00e4lpa till att snabba upp en webbplats utan manuell anstr\u00e4ngning.<\/p>\n<p>Om vi g\u00f6r en liten j\u00e4mf\u00f6relse av destruktiva komprimeringsniv\u00e5er kan vi se att n\u00e4r du anv\u00e4nder icke-destruktiv komprimering f\u00f6rlorar du inte n\u00e5gon kvalitet som helst. Filstorleken p\u00e5 bilden minskades dock endast med 10,84%. Detta j\u00e4mf\u00f6rs med \u00f6ver 90% vid anv\u00e4ndning av destruktiv komprimering.<\/p>\n<ul>\n<li>original.JPG: 227 KB (2000px : 1463px)<\/li>\n<li>lossless-compressed.JPG: 203 KB (2,000px : 1463px)<\/li>\n<\/ul>\n<figure id=\"attachment_23920\" aria-describedby=\"caption-attachment-23920\" style=\"width: 2502px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23920 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/05\/lossless-compression.jpg\" alt=\"Icke-destruktiv komprimering j\u00e4mf\u00f6relse\" width=\"2502\" height=\"917\"><figcaption id=\"caption-attachment-23920\" class=\"wp-caption-text\">Icke-destruktiv komprimering j\u00e4mf\u00f6relse<\/figcaption><\/figure>\n<h2 id=\"which-compression-is-better\">Vilken komprimeringsmetod \u00e4r b\u00e4ttre?<\/h2>\n<p>Svaret p\u00e5 detta \u00e4r faktiskt upp till dig. F\u00f6r majoriteten av anv\u00e4ndare <strong>rekommenderar vi att du anv\u00e4nder destruktiv komprimering<\/strong> p\u00e5 grund av det faktum att du enkelt kan komprimera en bild med mer \u00e4n 70% (ibland \u00f6ver 90%!) utan n\u00e5gon stor kvalitetsf\u00f6rlust. Multiplicera detta med 15 bilder p\u00e5 en sida och det kommer att spela en viktig roll f\u00f6r att minska webbplatsens laddningstid. Inte bara det, men destruktiv komprimering kommer att se till att du anv\u00e4nder s\u00e5 lite <a href=\"https:\/\/kinsta.com\/se\/blog\/diskutrymme-vardplan\/\">diskutrymme<\/a> som m\u00f6jligt &#8211; vilket i sin tur inneb\u00e4r att du kan spara pengar p\u00e5 hosting.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/blog\/lossy-vs-lossless\/#pros-and-cons-of-lossless-compression\">Icke-destruktiv komprimering<\/a> \u00e4r f\u00f6r den som inte har r\u00e5d med n\u00e5gon kvalitetsf\u00f6rlust. Fotografer, matbloggare och modeller \u00e4r bara n\u00e5gra som f\u00f6rlitar sig p\u00e5 pixel-perfekta bilder f\u00f6r att f\u00f6rs\u00f6rja sig. I dessa fall \u00e4r det viktigt att du hostar dina bilder p\u00e5 ett <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-cdn\/\">CDN<\/a>. P\u00e5 grund av storleken kan du till och med beh\u00f6va avlasta dem till en tredje parts lagringstj\u00e4nst som <a href=\"https:\/\/kinsta.com\/blog\/wordpress-amazon-s3\/\">Amazon S3<\/a> eller <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-molnlagring\/\">Googles molnlagring<\/a>.<\/p>\n<h2 id=\"how-to-use-lossy-compression-wordpress\">S\u00e5 anv\u00e4nder du destruktiv komprimering i WordPress<\/h2>\n<p>Om du fortfarande \u00e4r f\u00f6rvirrad \u00f6ver destruktiv och icke-destruktiv komprimering, oroa dig inte, det finns en hel del bra bildoptimeringsplugin f\u00f6r WordPress som du kan v\u00e4lja mellan f\u00f6r att automatiskt till\u00e4mpa destruktiv komprimering.<\/p>\n<p>Innan du anv\u00e4nder ett tredjepartsverktyg s\u00e5 b\u00f6r du dock t\u00e4nka p\u00e5 att vissa hostar inkluderar verktyg eller tj\u00e4nster som hj\u00e4lper dig att optimera dina bilder direkt fr\u00e5n din hosting-panel. Kinsta tillhandah\u00e5ller exempelvis en kostnadsfri <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#image-optimization-1\">bildoptimeringsfunktion<\/a> till alla kunder. Den skapar WebP-kopior av en webbplats bilder (lagras utan extra kostnad), och levererar sedan den minsta av de tv\u00e5 filerna till bes\u00f6karen. Detta <a href=\"https:\/\/kinsta.com\/se\/blog\/ttfb\/\">snabbar upp laddningstider<\/a> och f\u00f6rb\u00e4ttrar anv\u00e4ndarupplevelsen, s\u00e4rskilt eftersom den \u00e4r ihopkopplad med Kinsta&#8217;s <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn\">blixtsnabba CDN<\/a>.<\/p>\n<p>Om din host inte tillhandah\u00e5ller en tj\u00e4nst som denna, kan du kolla in ett bildoptimeringsverktyg fr\u00e5n tredje part. N\u00e5gra av de mest anv\u00e4nda alternativen inkluderar:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Imagify<\/a> (destruktiv och icke-destruktiv)<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\">WP Smush<\/a> (destruktiv och icke-destruktiv)<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer-cloud\/\">EWWW Moln<\/a> (destruktiv och icke-destruktiv)<\/li>\n<\/ul>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">Obs! alla ovanst\u00e5ende anv\u00e4nder sina egna tredjepartsservrar f\u00f6r att komprimera bilder. Du b\u00f6r alltid komprimera bilder offsite av prestandask\u00e4l. \ud83d\udc4d<\/span><\/p>\n<p>Imagify \u00e4r ett av de mest popul\u00e4ra alternativen som vi har listat. De har en kostnadsfriplan, men deras betalda planer \u00e4r ocks\u00e5 v\u00e4ldigt rimliga. Du kan optimera en hel del bilder med endast &#8221;Lite&#8221;-planen (1 GB per m\u00e5nad), och de erbjuder billiga m\u00e5nads- eller \u00e5rliga betalningsalternativ.<\/p>\n<p>Imagify har tre olika optimeringsniv\u00e5er:<\/p>\n<ul>\n<li><strong>Normal:<\/strong> Det h\u00e4r l\u00e4get anv\u00e4nder icke-destruktiv komprimering, vilket inneb\u00e4r att dina bilder inte kommer att f\u00f6rlora n\u00e5gon kvalitet, men de kommer inte heller att reduceras s\u00e5 mycket i storlek.<\/li>\n<li><strong>Aggressivt:<\/strong> Detta l\u00e4ge anv\u00e4nder destruktiv komprimering och ger drastiska besparingar p\u00e5 den ursprungliga vikten, med en liten reducering av bildkvalitet. F\u00f6r det mesta \u00e4r det inte ens m\u00e4rkbart.<\/li>\n<li><strong>Ultra:<\/strong> Detta l\u00e4ge anv\u00e4nder destruktiv komprimering och till\u00e4mpar alla tillg\u00e4ngliga optimeringar f\u00f6r maximal bildkomprimering. Detta kommer att ge stora besparingar f\u00f6r den ursprungliga vikten, men du kommer antagligen m\u00e4rka lite f\u00f6rs\u00e4mring p\u00e5 bilden.<\/li>\n<\/ul>\n<figure id=\"attachment_23935\" aria-describedby=\"caption-attachment-23935\" style=\"width: 1983px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23935 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/05\/imagify-settings.png\" alt=\"Imagify-inst\u00e4llningar\" width=\"1983\" height=\"1005\"><figcaption id=\"caption-attachment-23935\" class=\"wp-caption-text\">Imagify-inst\u00e4llningar<\/figcaption><\/figure>\n<p><strong>Vi anv\u00e4nder det aggressiva l\u00e4get <\/strong>p\u00e5 Kinsta och ser vanligtvis <strong>60-70% i besparingar<\/strong> beroende p\u00e5 bilden. Obs! vi anv\u00e4nder faktiskt mycket oftare PNG \u00e4n JPEG eftersom de flesta av v\u00e5ra bilder \u00e4r ikoner och illustrationer, inte foton.<\/p>\n<figure style=\"width: 1468px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" title=\"Image compression file savings\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/04\/image-compression-file-savings.png\" alt=\"Bildkomprimering filbesparingar\" width=\"1468\" height=\"684\"><figcaption class=\"wp-caption-text\">Bildkomprimering filbesparingar<\/figcaption><\/figure>\n<p>Du kan aktivera <strong>auto-optimera bilder<\/strong> vid uppladdning (vilket vi rekommenderar s\u00e5 att du inte gl\u00f6mmer) eller anv\u00e4nda dess mass-bildoptimerare i mediabiblioteket. Du kan ocks\u00e5 l\u00e5ta det <strong>s\u00e4kerhetskopiera originalbilden<\/strong>. Detta l\u00e5ter dig faktiskt konvertera din bild till andra optimeringsniv\u00e5er vid ett senare tillf\u00e4lle eller till och med \u00e5terst\u00e4lla din ursprungliga bild. Om du inte anv\u00e4nder den h\u00e4r funktionen rekommenderar vi att du h\u00e5ller den avst\u00e4ngd f\u00f6r att spara p\u00e5 diskutrymme.<\/p>\n<p>Du b\u00f6r vanligtvis \u00e4ndra storlek p\u00e5 dina bilder i f\u00f6rv\u00e4g, men Imagify har en <strong>\u00c4ndra storlek p\u00e5 st\u00f6rre bilder<\/strong>-funktion om du gl\u00f6mmer eller inte har tid. F\u00f6rutom destruktiv komprimering, \u00e4r detta en annan j\u00e4ttebra filstorleksbesparingsmetod!<\/p>\n<figure id=\"attachment_23947\" aria-describedby=\"caption-attachment-23947\" style=\"width: 1785px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23947 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/05\/imagify-resize-images.png\" alt=\"Imagify \u00e4ndra storlek p\u00e5 bilder\" width=\"1785\" height=\"1206\"><figcaption id=\"caption-attachment-23947\" class=\"wp-caption-text\">Imagify \u00e4ndra storlek p\u00e5 bilder<\/figcaption><\/figure>\n<p>Vi faktiskt nyligen anv\u00e4nt mass-bildoptimering funktionen p\u00e5 hela v\u00e5rt mediabibliotek. Som du kan se <strong>sparade det \u00f6ver 700 MB!<\/strong> Detta \u00e4r enormt n\u00e4r det g\u00e4ller front-end-prestanda.<\/p>\n<figure id=\"attachment_24301\" aria-describedby=\"caption-attachment-24301\" style=\"width: 1286px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-24301 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/05\/bulk-image-optimization-savings.png\" alt=\"Mass-bildoptimering besparingar\" width=\"1286\" height=\"1177\"><figcaption id=\"caption-attachment-24301\" class=\"wp-caption-text\">Mass-bildoptimering besparingar<\/figcaption><\/figure>\n<h3>Hastighetstester<\/h3>\n<p>L\u00e5t oss g\u00f6ra ett litet test! Eftersom vi st\u00e4ndigt ser anv\u00e4ndare ladda upp bilder i full uppl\u00f6sning utan komprimering ska vi g\u00f6ra en liten j\u00e4mf\u00f6relse \u00f6ver hur detta p\u00e5verkar webbplatsens totala prestanda.<\/p>\n<h4>Test 1 \u2013 Original okomprimerat<\/h4>\n<p>Vi laddade f\u00f6rst upp 10 okomprimerade bilder. Vi k\u00f6rde sedan 5 tester p\u00e5 Pingdom och tog genomsnittet. Vi kan se att den totala laddningstiden \u00e4r 3,04 sekunder med en total sidstorlek p\u00e5 28,4 MB.<\/p>\n<ul>\n<li>uncompressed-1.jpg (2.82 MB)<\/li>\n<li>uncompressed-2.jpg (2.82 MB)<\/li>\n<li>uncompressed-3.jpg (2.82 MB)<\/li>\n<li>uncompressed-4.jpg (2.82 MB)<\/li>\n<li>uncompressed-5.jpg (2.82 MB)<\/li>\n<li>uncompressed-6.jpg (2.82 MB)<\/li>\n<li>uncompressed-7.jpg (2.82 MB)<\/li>\n<li>uncompressed-8.jpg (2.82 MB)<\/li>\n<li>uncompressed-9.jpg (2.82 MB)<\/li>\n<li>uncompressed-10.jpg (2.82 MB)<\/li>\n<\/ul>\n<figure id=\"attachment_23987\" aria-describedby=\"caption-attachment-23987\" style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23987 size-full\" title=\"Speed test uncompressed\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/05\/speed-test-uncompressed.png\" alt=\"Hastighetstest okomprimerade bilder \" width=\"1680\" height=\"462\"><figcaption id=\"caption-attachment-23987\" class=\"wp-caption-text\">Hastighetstest okomprimerade bilder (<a href=\"https:\/\/tools.pingdom.com\/#!\/ePOjiW\/https:\/\/perfmatters.io\/uncompressed-original\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pingdom<\/a>)<\/figcaption><\/figure>\n<h4>Test 2 \u2013 Komprimerat<\/h4>\n<p>Vi laddade sedan upp exakt samma bilder igen, men den h\u00e4r g\u00e5ngen aktiverade vi &#8221;Auto-optimera&#8221; i pluginet Imagify. Vi k\u00f6rde sedan 5 tester igen p\u00e5 Pingdom och tog genomsnittet.<\/p>\n<ul>\n<li>compressed-1.jpg (69.3 KB)<\/li>\n<li>compressed-2.jpg (69.3 KB)<\/li>\n<li>compressed-3.jpg (69.3 KB)<\/li>\n<li>compressed-4.jpg (69.3 KB)<\/li>\n<li>compressed-5.jpg (69.3 KB)<\/li>\n<li>compressed-6.jpg (69.3 KB)<\/li>\n<li>compressed-7.jpg (69.3 KB)<\/li>\n<li>compressed-8.jpg (69.3 KB)<\/li>\n<li>compressed-9.jpg (69.3 KB)<\/li>\n<li>compressed-10.jpg (69.3 KB)<\/li>\n<\/ul>\n<p>Vi kan se att den totala laddningstiden nu \u00e4r 522 ms med en total sidstorlek p\u00e5 901,4 KB. S\u00e5 v\u00e5ra bilder med destruktiv komprimering gav en <strong>minskad sidladdningstid med 82,83%! \ud83d\ude2e<\/strong>Den totala sidstorleken reducerades ocks\u00e5 med enorma 96,83%. Och v\u00e5ra bilder ser fortfarande h\u00f6gkvalitativa ut tack vare Imagify.<\/p>\n<figure id=\"attachment_23989\" aria-describedby=\"caption-attachment-23989\" style=\"width: 1675px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23989 size-full\" title=\"Speed test compressed\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/05\/speed-test-compressed.png\" alt=\"Hastighetstest komprimerade bilder\" width=\"1675\" height=\"463\"><figcaption id=\"caption-attachment-23989\" class=\"wp-caption-text\">Hastighetstest komprimerade bilder (<a href=\"https:\/\/tools.pingdom.com\/#!\/Fl726\/https:\/\/perfmatters.io\/compressed-and-resized\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pingdom<\/a>)<\/figcaption><\/figure>\n<h2>Sammanfattning<\/h2>\n<p>N\u00e4r du best\u00e4mmer vilken kvalitet du beh\u00f6ver f\u00f6r bilder p\u00e5 din webbplats kan du v\u00e4lja om du vill anv\u00e4nda destruktiv eller icke-destruktiv komprimering. \u00c5terigen, f\u00f6r personer som \u00e4r mer oroade \u00f6ver hastighet och mindre om kvalitet rekommenderar vi destruktiv komprimering. Kom ih\u00e5g att bilder med destruktiv komprimering kan se vackra ut om du hittar r\u00e4tt balans. Om du beh\u00f6ver pixel-perfekta bilder b\u00f6r du alltid v\u00e4lja icke-destruktiv komprimering.<\/p>\n<p>Vad tycker du? Anv\u00e4nder du destruktiv eller icke-destruktiv komprimering p\u00e5 din WordPress-sajt? L\u00e5t oss veta nedan i kommentarerna.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Enligt HTTP Archive i december 2018 utg\u00f6r bilder \u00f6ver 40% av en genomsnittlig webbplats sidvikt p\u00e5 b\u00e5de station\u00e4ra och mobila enheter. Det \u00e4r enormt!\u00a0 \ud83d\ude2e\u00a0 N\u00e4r &#8230;<\/p>\n","protected":false},"author":38,"featured_media":40644,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[404,31],"topic":[779],"class_list":["post-40640","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-compression","tag-webperf","topic-bildoptimering"],"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>Varf\u00f6r och hur du anv\u00e4nder destruktiv komprimering p\u00e5 dina WordPress-bilder<\/title>\n<meta name=\"description\" content=\"Kolla in skillnaderna mellan destruktiv komprimering och icke-destruktiv komprimering. Best\u00e4m vilken metod du ska anv\u00e4nda, hur du g\u00f6r, och hur det p\u00e5verkar prestanda.\" \/>\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\/se\/blog\/destruktiv-komprimering\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Varf\u00f6r och hur du anv\u00e4nder destruktiv komprimering p\u00e5 dina WordPress-bilder\" \/>\n<meta property=\"og:description\" content=\"Kolla in skillnaderna mellan destruktiv komprimering och icke-destruktiv komprimering. Best\u00e4m vilken metod du ska anv\u00e4nda, hur du g\u00f6r, och hur det p\u00e5verkar prestanda.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-30T07:18:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-18T08:34:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/destruktiv-komprimering.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Kolla in skillnaderna mellan destruktiv komprimering och icke-destruktiv komprimering. Best\u00e4m vilken metod du ska anv\u00e4nda, hur du g\u00f6r, och hur det p\u00e5verkar prestanda.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/destruktiv-komprimering.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\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\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"Varf\u00f6r och hur du anv\u00e4nder destruktiv komprimering p\u00e5 dina WordPress-bilder\",\"datePublished\":\"2021-08-30T07:18:55+00:00\",\"dateModified\":\"2023-09-18T08:34:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/\"},\"wordCount\":2429,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/destruktiv-komprimering.png\",\"keywords\":[\"compression\",\"webperf\"],\"articleSection\":[\"Prestandahandledningar f\u00f6r WordPress\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/\",\"url\":\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/\",\"name\":\"Varf\u00f6r och hur du anv\u00e4nder destruktiv komprimering p\u00e5 dina WordPress-bilder\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/destruktiv-komprimering.png\",\"datePublished\":\"2021-08-30T07:18:55+00:00\",\"dateModified\":\"2023-09-18T08:34:23+00:00\",\"description\":\"Kolla in skillnaderna mellan destruktiv komprimering och icke-destruktiv komprimering. Best\u00e4m vilken metod du ska anv\u00e4nda, hur du g\u00f6r, och hur det p\u00e5verkar prestanda.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/destruktiv-komprimering.png\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/destruktiv-komprimering.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bildoptimering\",\"item\":\"https:\/\/kinsta.com\/se\/topics\/bildoptimering\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Varf\u00f6r och hur du anv\u00e4nder destruktiv komprimering p\u00e5 dina WordPress-bilder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/se\/#website\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/se\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstasweden\/\",\"https:\/\/x.com\/kinsta_se\",\"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\/se\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinsta.com\/se\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Varf\u00f6r och hur du anv\u00e4nder destruktiv komprimering p\u00e5 dina WordPress-bilder","description":"Kolla in skillnaderna mellan destruktiv komprimering och icke-destruktiv komprimering. Best\u00e4m vilken metod du ska anv\u00e4nda, hur du g\u00f6r, och hur det p\u00e5verkar prestanda.","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\/se\/blog\/destruktiv-komprimering\/","og_locale":"sv_SE","og_type":"article","og_title":"Varf\u00f6r och hur du anv\u00e4nder destruktiv komprimering p\u00e5 dina WordPress-bilder","og_description":"Kolla in skillnaderna mellan destruktiv komprimering och icke-destruktiv komprimering. Best\u00e4m vilken metod du ska anv\u00e4nda, hur du g\u00f6r, och hur det p\u00e5verkar prestanda.","og_url":"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2021-08-30T07:18:55+00:00","article_modified_time":"2023-09-18T08:34:23+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/destruktiv-komprimering.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"Kolla in skillnaderna mellan destruktiv komprimering och icke-destruktiv komprimering. Best\u00e4m vilken metod du ska anv\u00e4nda, hur du g\u00f6r, och hur det p\u00e5verkar prestanda.","twitter_image":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/destruktiv-komprimering.png","twitter_creator":"@brianleejackson","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Brian Jackson","Ber\u00e4knad l\u00e4stid":"12 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"Varf\u00f6r och hur du anv\u00e4nder destruktiv komprimering p\u00e5 dina WordPress-bilder","datePublished":"2021-08-30T07:18:55+00:00","dateModified":"2023-09-18T08:34:23+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/"},"wordCount":2429,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/destruktiv-komprimering.png","keywords":["compression","webperf"],"articleSection":["Prestandahandledningar f\u00f6r WordPress"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/","url":"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/","name":"Varf\u00f6r och hur du anv\u00e4nder destruktiv komprimering p\u00e5 dina WordPress-bilder","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/destruktiv-komprimering.png","datePublished":"2021-08-30T07:18:55+00:00","dateModified":"2023-09-18T08:34:23+00:00","description":"Kolla in skillnaderna mellan destruktiv komprimering och icke-destruktiv komprimering. Best\u00e4m vilken metod du ska anv\u00e4nda, hur du g\u00f6r, och hur det p\u00e5verkar prestanda.","breadcrumb":{"@id":"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#primaryimage","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/destruktiv-komprimering.png","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/destruktiv-komprimering.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/se\/blog\/destruktiv-komprimering\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/se\/"},{"@type":"ListItem","position":2,"name":"Bildoptimering","item":"https:\/\/kinsta.com\/se\/topics\/bildoptimering\/"},{"@type":"ListItem","position":3,"name":"Varf\u00f6r och hur du anv\u00e4nder destruktiv komprimering p\u00e5 dina WordPress-bilder"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/se\/#website","url":"https:\/\/kinsta.com\/se\/","name":"Kinsta\u00ae","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/se\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstasweden\/","https:\/\/x.com\/kinsta_se","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\/se\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinsta.com\/se\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/40640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/comments?post=40640"}],"version-history":[{"count":12,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/40640\/revisions"}],"predecessor-version":[{"id":50562,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/40640\/revisions\/50562"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40640\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40640\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40640\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40640\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40640\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40640\/translations\/it"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40640\/translations\/se"},{"href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40640\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media\/40644"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media?parent=40640"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/tags?post=40640"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/topic?post=40640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}