{"id":39549,"date":"2021-02-02T15:54:06","date_gmt":"2021-02-02T14:54:06","guid":{"rendered":"https:\/\/kinqsta.com\/?p=4337"},"modified":"2023-11-07T07:36:48","modified_gmt":"2023-11-07T06:36:48","slug":"optimeres-billeder-til-web","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/","title":{"rendered":"S\u00e5dan optimeres billeder til web og ydeevne"},"content":{"rendered":"<p>Stol p\u00e5 os, du vil ikke have, at Google hader dit websted. Heldigvis kan du reducere dit billedes filst\u00f8rrelser for at forbedre dit websteds ydeevne.<\/p>\n<p>Et problem med formatering af dem er, at \u00e6ndringer ofte reducerer deres kvalitet (hvilket igen kan f\u00e5 den bes\u00f8gende til at hade dit websted). Det er ikke en d\u00e5rlig ting, s\u00e5 l\u00e6nge du ikke g\u00f8r dem grimme.<\/p>\n<p>Der er nogle tricks og teknikker, der giver dig mulighed for at reducere billedets filst\u00f8rrelse og stadig holde dem smukke nok til stolt at kunne vise dem p\u00e5 dit websted.<\/p>\n<p>S\u00e5 lad os se p\u00e5, hvordan du formaterer dine billeder uden at g\u00f8re dem grimme, samt hvordan vi <strong>optimerer billeder til web og ydeevne<\/strong>.<\/p>\n\n<div  class=\"featured-snippet\" id=\"featuredSnippet\">\n    <div class=\"featured-snippet__content\">\n        <h2>Hvad betyder det at optimere billeder?<\/h2>\n        <div><p>Store billeder bremser dine websider, hvilket skaber en mindre end optimal brugeroplevelse. Optimering af billeder er processen med at <strong>mindske deres filst\u00f8rrelse<\/strong> ved hj\u00e6lp af enten et plugin eller script, hvilket igen fremskynder sidens indl\u00e6sningstid. Lossy og lossless komprimering er to almindeligt anvendte metoder.<\/p>\n<\/div>\n    <\/div>\n    <div class=\"featured-snippet__footer\">\n        <div class=\"arrow-down\"><\/div>\n        <div class=\"featured-snippet__footer--content row nocol middle-xs between-xs reverse\">\n            <div style=\"margin-left: auto; position: relative; top: -1px\" class=\"row nocol middle-xs\">\n                <div class=\"color--mediumGray\" style=\"font-size: 14px; vertical-align: middle;\">\n                    <svg  class=\"icon icon--logo display--block\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"https:\/\/kinqsta.com\/dk\/wp-content\/themes\/kinsta\/dist\/sprite.svg?v=e8af2143e3b8bceb5561b327e81ec085#logo\" \/><\/svg>                <\/div>\n                <div class=\"text--bold color--mediumGray\" style=\"padding-left: 3px;\">Support<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h3>Tjek vores <a href=\"https:\/\/www.youtube.com\/watch?v=rMKI-fLBTfM\">videoguide<\/a> til optimering af billeder til SEO<\/h3>\n<p class=\"p1\"><kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=rMKI-fLBTfM\"><\/kinsta-video><\/p>\n<h2><a id=\"benefits-of-formatting-images\"><\/a>Fordelene ved at formatere dine billeder<\/h2>\n<p>For det f\u00f8rste, hvorfor har du brug for at formatere dine billeder? Hvad er fordelene? Der er mange fordele ved at optimere dine billeder til ydeevne. If\u00f8lge <a href=\"https:\/\/httparchive.org\/reports\/page-weight\">HTTP Archive<\/a> udg\u00f8r billeder fra november 2018 <strong>i gennemsnit 21% af det samlede websites v\u00e6gt.<\/strong> S\u00e5 n\u00e5r det kommer til at <a href=\"https:\/\/kinqsta.com\/dk\/laer\/fremskynder-wordpress\/\">optimere dit websted<\/a>, efter videoindhold, er billeder klart det f\u00f8rste sted, du skal starte!<\/p>\n<p>Det er vigtigere end scripts og skrifttyper. Og ironisk nok er en god billedoptimerings-workflow en af \u200b\u200bde nemmeste ting at implementere, men alligevel overser mange webstedsejere dette.<\/p>\n<figure id=\"attachment_35961\" aria-describedby=\"caption-attachment-35961\" style=\"width: 1503px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-35961 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2018\/11\/average-bytes-per-page-1.png\" alt=\"Gennemsnitlige byte pr. side (KB)\" width=\"1503\" height=\"1385\"><figcaption id=\"caption-attachment-35961\" class=\"wp-caption-text\">Gennemsnitlige byte pr. side (KB)<\/figcaption><\/figure>\n<p>Her er et kig p\u00e5 de st\u00f8rste fordele:<\/p>\n<ul style=\"margin-left: 30px\">\n<li>Det forbedrer din sides indl\u00e6sningshastighed (se vores casestudie nedenfor for, hvor meget det p\u00e5virker din hastighed). Hvis det tager for lang tid at indl\u00e6se din side, kan dine bes\u00f8gende blive tr\u00e6tte af at vente og g\u00e5 videre til noget andet. For mere information om optimering af din sideindl\u00e6sningstid, se <a href=\"https:\/\/kinqsta.com\/learn\/page-speed\/\">vores dybdeg\u00e5ende guide til optimering af sidehastighed<\/a>.<\/li>\n<li>Kombineret med et fantastisk <a href=\"https:\/\/kinqsta.com\/dk\/blog\/bedste-seo-plugins-til-wordpress\/\">SEO WordPress-plugin<\/a> forbedrer det din <a href=\"https:\/\/kinqsta.com\/dk\/blog\/hvad-star-seo-for\/\">SEO<\/a>. Dit websted rangerer h\u00f8jere i <a href=\"https:\/\/kinqsta.com\/dk\/blog\/alternative-sogemaskiner\/\">s\u00f8gemaskinens<\/a> Store filer bremser dit websted, og s\u00f8gemaskiner hader langsomme sider. Google vil sandsynligvis ogs\u00e5 gennemg\u00e5 og indeksere dine billeder hurtigere til Google-billeds\u00f8gning. Er du nysgerrig efter, hvor stor en procentdel af din trafik, der kommer fra Google billeds\u00f8gning? Du kan bruge et <a href=\"https:\/\/kinqsta.com\/dk\/blog\/google-analytics-wordpress\/\">Google Analytics WordPress<\/a> plugin- eller segment til at <a href=\"https:\/\/passion.digital\/blog\/how-to-check-image-traffic-in-ga\/\">kontrollere trafik fra Google-billeds\u00f8gning<\/a>.<\/li>\n<li>Oprettelse af backups vil v\u00e6re hurtigere.<\/li>\n<li>Mindre billede-filst\u00f8rrelser bruger mindre b\u00e5ndbredde. Netv\u00e6rk og browsere vil s\u00e6tte pris p\u00e5 dette.<\/li>\n<li>Kr\u00e6ver <a href=\"https:\/\/kinqsta.com\/dk\/blog\/diskbrug-wordpress\/\">mindre lagerplads p\u00e5 din server<\/a> (dette afh\u00e6nger af hvor mange miniaturer du optimerer)<\/li>\n<\/ul>\n\n<p>Som Kinsta-kunde kan du drage fordel af billedoptimering gratis ved at aktivere automatisk billedoptimering med blot et par klik. Vi kommer n\u00e6rmere ind p\u00e5 dette nedenfor.<\/p>\n<h2><a id=\"how-to-optimize-images\"><\/a>S\u00e5dan optimeres billeder til web og ydeevne<\/h2>\n<p>Det prim\u00e6re m\u00e5l med formatering af dine billeder er at finde <strong>balancen mellem den laveste filst\u00f8rrelse og en acceptabel kvalitet<\/strong>.<\/p>\n<p>Der er mere end en m\u00e5de at udf\u00f8re n\u00e6sten alle disse optimeringer p\u00e5. En af de mest popul\u00e6re m\u00e5der er blot at komprimere dem, f\u00f8r de uploades til <a href=\"https:\/\/kinqsta.com\/dk\/blog\/hvad-er-wordpress\/\">WordPress<\/a>. Normalt kan dette g\u00f8res i et v\u00e6rkt\u00f8j som Adobe Photoshop eller Affinity Photo. Nogle af disse opgaver kan ogs\u00e5 udf\u00f8res ved hj\u00e6lp af plugins, som vi vil g\u00e5 n\u00e6rmere ind p\u00e5 nedenfor.<\/p>\n\n<p>De to prim\u00e6re ting, der skal overvejes, er <strong>filformatet<\/strong> og <strong>typen af \u200b\u200bkomprimering<\/strong>, du bruger. Ved at v\u00e6lge den rigtige kombination af filformat og type af \u200b\u200bkomprimering kan du reducere din billedst\u00f8rrelse med s\u00e5 meget som 5 gange. Du bliver n\u00f8dt til at eksperimentere med hvert billede eller filformat for at se, hvad der fungerer bedst.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"5\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3 id=\"choose-the-right-file-format\">1. V\u00e6lg det rigtige filformat<\/h3>\n<p>F\u00f8r du begynder at \u00e6ndre dine billeder, skal du sikre dig, at du har valgt <a href=\"https:\/\/kinqsta.com\/dk\/blog\/billedfiltyper\/\">den bedste filtype<\/a>. Der er flere typer filer, du kan bruge:<\/p>\n<ul style=\"margin-left: 30px\">\n<li><strong>PNG<\/strong> &#8211; producerer billeder af h\u00f8jere kvalitet, men har ogs\u00e5 en st\u00f8rre filst\u00f8rrelse. Blev oprettet som et lossless billedformat, selvom det ogs\u00e5 kan v\u00e6re lossless.<\/li>\n<li><strong>JPEG<\/strong> &#8211; bruger <a href=\"https:\/\/kinqsta.com\/blog\/lossy-compression\/\">lossy and lossless optimization<\/a>. Du kan justere kvalitetsniveauet for at f\u00e5 en god balance mellem kvalitet og filst\u00f8rrelse.<\/li>\n<li><strong>GIF<\/strong> &#8211; bruger kun 256 farver. Det er det bedste valg til animerede billeder. Det bruger kun lossless komprimering.<\/li>\n<\/ul>\n<p>Der er flere andre, s\u00e5som JPEG XR og <a href=\"https:\/\/kinqsta.com\/dk\/blog\/webp\/\">WebP<\/a>, men de underst\u00f8ttes ikke universelt af <a href=\"https:\/\/kinqsta.com\/dk\/markedsandel-global-desktop-browser\/\">alle browsere<\/a>. Ideelt set skal du bruge JPEG eller JPG til billeder med masser af farve og PNG til enkelte billeder.<br \/>\n(Foresl\u00e5et l\u00e6sning: <a href=\"https:\/\/kinqsta.com\/dk\/blog\/jpg-vs-jpeg\/\">JPG vs JPEG: Forst\u00e5else af det mest almindelige billedfilformat<\/a>)<\/p>\n<h3 id=\"compression-quality-vs-size\">2. Pas p\u00e5 kompressionskvalitet vs st\u00f8rrelse<\/h3>\n<p>Her er et eksempel p\u00e5, hvad der kan ske, n\u00e5r du komprimerer et billede for meget. Den f\u00f8rste bruger en meget lav komprimeringshastighed, hvilket resulterer i den h\u00f8jeste kvalitet (men st\u00f8rre filst\u00f8rrelse). Den anden bruger en meget h\u00f8j komprimeringshastighed, hvilket resulterer i et billede af meget lav kvalitet (men mindre filst\u00f8rrelse). Bem\u00e6rk: Det originale billede uber\u00f8rt er 2,06 MB.<\/p>\n<figure id=\"attachment_10837\" aria-describedby=\"caption-attachment-10837\" style=\"width: 1717px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10837 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2015\/11\/low-compression-high-quality-jpg.jpg\" alt=\"Lav kompression (h\u00f8j kvalitet) JPG - 590 KB\" width=\"1717\" height=\"1151\"><figcaption id=\"caption-attachment-10837\" class=\"wp-caption-text\">Lav kompression (h\u00f8j kvalitet) JPG &#8211; 590 KB<\/figcaption><\/figure>\n<figure id=\"attachment_10838\" aria-describedby=\"caption-attachment-10838\" style=\"width: 1717px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10838 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2015\/11\/high-compression-low-quality-jpg.jpg\" alt=\"H\u00f8j kompression (lav kvalitet) JPG - 68 KB\" width=\"1717\" height=\"1151\"><figcaption id=\"caption-attachment-10838\" class=\"wp-caption-text\">H\u00f8j kompression (lav kvalitet) JPG &#8211; 68 KB<\/figcaption><\/figure>\n<p>Som du kan se, er det f\u00f8rste billede ovenfor 590 KB. Det er ret stort for et foto! Det er generelt bedst, hvis du kan holde en websides samlede v\u00e6gt under 1 eller 2 MB i st\u00f8rrelse. 590 KB ville allerede v\u00e6re en fjerdedel af det. Det andet billede ser naturligvis forf\u00e6rdeligt ud, men s\u00e5 er det kun 68 KB. Hvad du vil g\u00f8re er at finde et lykkeligt medium mellem din komprimeringshastighed (kvalitet) og filst\u00f8rrelsen.<\/p>\n<p>S\u00e5 vi tog billedet igen med en medium komprimeringshastighed, og som du kan se nedenfor, ser kvaliteten godt ud nu, og filst\u00f8rrelsen er 151 KB, hvilket er acceptabelt for et foto i h\u00f8j opl\u00f8sning. Dette er n\u00e6sten 4 gange mindre end det originale foto med lav kompression. Typisk skal enklere billeder som PNG&#8217;er v\u00e6re under 100 KB eller mindre for at opn\u00e5 den bedste ydeevne.<\/p>\n<figure id=\"attachment_10840\" aria-describedby=\"caption-attachment-10840\" style=\"width: 1717px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10840 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2015\/11\/medium-compression-medium-quality-jpg-1.jpg\" alt=\"Medium komprimering (god kvalitet) JPG - 151 KB\" width=\"1717\" height=\"1151\"><figcaption id=\"caption-attachment-10840\" class=\"wp-caption-text\">Medium komprimering (god kvalitet) JPG &#8211; 151 KB<\/figcaption><\/figure>\n<h3 id=\"lossy-vs-lossless-optimization\">3. Forst\u00e5 Lossy vs Lossless Optimization<\/h3>\n<p>Det er ogs\u00e5 vigtigt at forst\u00e5, at der er to typer kompression, du kan bruge: <a href=\"https:\/\/kinqsta.com\/blog\/lossy-vs-lossless\/\">Lossy og Lossless<\/a>.<\/p>\n<p><strong>Lossy<\/strong>: Dette er et filter, der fjerner nogle af dataene. Dette forringer billedet, s\u00e5 du bliver n\u00f8dt til at v\u00e6re forsigtig med, hvor meget billedet skal reduceres. Filst\u00f8rrelsen kan reduceres med et stort bel\u00f8b. Du kan bruge v\u00e6rkt\u00f8jer som Adobe Photoshop, Affinity Photo eller andre billedredakt\u00f8rer til at justere kvalitetsindstillingerne for et billede. Eksemplet, vi brugte ovenfor, bruger <a href=\"https:\/\/kinqsta.com\/blog\/lossy-compression\/\">komprimering med lossy<\/a>.<\/p>\n<p><strong>Lossless<\/strong>: Dette er et filter, der komprimerer dataene. Dette reducerer ikke kvaliteten, men det kr\u00e6ver, at billederne ukomprimeres, f\u00f8r de kan gengives. Du kan udf\u00f8re en lossless komprimering p\u00e5 dit skrivebord ved hj\u00e6lp af v\u00e6rkt\u00f8jer som Photoshop, <a href=\"https:\/\/nikkhokkho.sourceforge.io\/static.php?page=FileOptimizer\">FileOptimizer<\/a> eller <a href=\"https:\/\/imageoptim.com\/api\">ImageOptim<\/a>.<\/p>\n<p>Det er bedst at eksperimentere med dine kompressionsteknikker for at se, hvad der fungerer bedst for hvert billede eller format. Hvis dine v\u00e6rkt\u00f8jer har muligheden, skal du s\u00f8rge for at gemme billedet til internettet. Dette er en mulighed i mange billedredakt\u00f8rer og giver dig kvalitetsjusteringer, s\u00e5 du kan udf\u00f8re optimal komprimering. Du mister noget af kvaliteten, s\u00e5 eksperimenter med at finde den bedste balance, du kan, uden at g\u00f8re billederne grimme.<\/p>\n<h3>4. Brug billedoptimeringsv\u00e6rkt\u00f8jer og -programmer<\/h3>\n<p>Der er mange v\u00e6rkt\u00f8jer og programmer derude, b\u00e5de premium og gratis, som du kan bruge til at optimere dine billeder.<\/p>\n<p>Nogle giver dig v\u00e6rkt\u00f8jerne til at udf\u00f8re dine egne optimeringer, og andre g\u00f8r arbejdet for dig. Vi er personligt store fans af <a href=\"https:\/\/affinity.serif.com\/en-us\/photo\/\">Affinity Photo<\/a>, da det er billigt og giver dig n\u00e6sten identiske funktioner som Adobe Photoshop.<\/p>\n<figure id=\"attachment_10841\" aria-describedby=\"caption-attachment-10841\" style=\"width: 2165px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10841 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2015\/11\/affinity-photo.jpg\" alt=\"Komprimering af foto i Affinity Photo\" width=\"2165\" height=\"1354\"><figcaption id=\"caption-attachment-10841\" class=\"wp-caption-text\">Komprimering af foto i Affinity Photo<\/figcaption><\/figure>\n<p>Her er nogle ekstra v\u00e6rkt\u00f8jer og programmer, du kan tjekke ud:<\/p>\n<ul style=\"margin-left: 30px\">\n<li><a href=\"https:\/\/www.adobe.com\/products\/photoshop.html\" target=\"_blank\" rel=\"noopener noreferrer\">Adobe Photoshop<\/a><\/li>\n<li><a href=\"https:\/\/www.gimp.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gimp<\/a><\/li>\n<li><a href=\"https:\/\/www.getpaint.net\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">Paint.NET<\/a><\/li>\n<li><a href=\"http:\/\/www.lcdf.org\/gifsicle\/\" target=\"_blank\" rel=\"noopener noreferrer\">GIFsicle<\/a><\/li>\n<li><a href=\"https:\/\/www.jpegmini.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">JPEG Mini<\/a><\/li>\n<li><a href=\"https:\/\/optipng.sourceforge.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">OptiPNG<\/a><\/li>\n<li><a href=\"https:\/\/pngquant.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">pngquant<\/a><\/li>\n<li><a href=\"https:\/\/nikkhokkho.sourceforge.io\/static.php?page=FileOptimizer\" target=\"_blank\" rel=\"noopener noreferrer\">FileOptimizer<\/a><\/li>\n<li><a href=\"https:\/\/imageoptim.com\/api\" target=\"_blank\" rel=\"noopener noreferrer\">ImageOptim<\/a><\/li>\n<li><a href=\"https:\/\/trimage.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Trimage<\/a><\/li>\n<li><a href=\"https:\/\/imageresizer.com\/image-compressor\" target=\"_blank\" rel=\"noopener noreferrer\">ImageResize.org<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#image-optimization-1\">Kinstas billedoptimeringsfunktion<\/a><\/li>\n<\/ul>\n<p>Glem ikke, at dine metoder til visning af billeder er lige s\u00e5 vigtige som filst\u00f8rrelsen. Mange premium-v\u00e6rter som Kinsta <a href=\"https:\/\/kinqsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn\">implementerer et CDN<\/a> for hurtigt at levere billeder og andre filer til brugerne. Kinstas <a href=\"https:\/\/kinqsta.com\/dk\/blog\/cloudflare-integration\/\">gratis Cloudflare-integration<\/a> beskytter ogs\u00e5 alle websteder p\u00e5 platformen, hvilket g\u00f8r det b\u00e5de hurtigt og sikkert.<\/p>\n<h3>5. Tilpas st\u00f8rrelse p\u00e5 billeder til skalering<\/h3>\n<p>Tidligere var det meget vigtigt, at du uploader billeder til skalering og ikke lader CSS \u00e6ndre st\u00f8rrelsen p\u00e5 dem. Dette er dog ikke l\u00e6ngere s\u00e5 vigtigt, da WordPress 4.4 nu underst\u00f8tter <a href=\"https:\/\/make.wordpress.org\/core\/2015\/11\/10\/responsive-images-in-wordpress-4-4\/\">responsive billeder<\/a> (ikke nedskaleret af CSS).<\/p>\n<p>Dybest set opretter WordPress automatisk flere st\u00f8rrelser af hvert billede, der uploades til mediebiblioteket. Ved at inkludere de tilg\u00e6ngelige st\u00f8rrelser p\u00e5 et billede i en <code>srcset<\/code>-attribut kan browsere nu v\u00e6lge at downloade den mest passende st\u00f8rrelse og ignorere de andre. Se et eksempel p\u00e5, hvordan din kode faktisk ser ud nedenfor.<\/p>\n<div id=\"attachment_24043\" class=\"wp-caption aligncenter\">\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\" title=\"srcset responsive images example in code\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2018\/05\/srcset-responsive-images.png\" alt=\"Eksempel p\u00e5 srcset responsive billeder i kode\" width=\"1386\" height=\"302\"><figcaption id=\"caption-attachment-24043\" class=\"wp-caption-text\">Eksempel p\u00e5 srcset responsive billeder i kode<\/figcaption><\/figure>\n<\/div>\n<p>S\u00e5 med flere og flere HiDPI-sk\u00e6rme i dag kan det v\u00e6re godt at finde et lykkeligt medium. Sig 2x eller 3x dit websites kolonne- eller div-st\u00f8rrelse, men stadig mindre end den oprindelige st\u00f8rrelse. Browseren viser den korrekte baseret p\u00e5 enhedens opl\u00f8sning.<\/p>\n<p>WordPress-mediebiblioteket <a href=\"https:\/\/kinqsta.com\/dk\/blog\/genoprettes-thumbnails\/\">opretter thumbnails baseret p\u00e5 dine indstillinger<\/a>. Imidlertid er originalen stadig bevaret og uber\u00f8rt. Hvis du vil \u00e6ndre st\u00f8rrelsen p\u00e5 dine billeder og spare diskplads ved ikke at gemme originalen, kan du bruge et gratis plugin som <a href=\"https:\/\/wordpress.org\/plugins\/imsanity\/\">Imsanity<\/a>.<\/p>\n<figure style=\"width: 1626px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"WordPress media settings\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/wordpress-media-settings.png\" alt=\"WordPress medieindstillinger\" width=\"1626\" height=\"1314\"><figcaption class=\"wp-caption-text\">WordPress medieindstillinger<\/figcaption><\/figure>\n<p>Imsanity giver dig mulighed for at indstille en sanity limit, s\u00e5 alle uploadede billeder begr\u00e6nses til en rimelig st\u00f8rrelse, der stadig er mere end stor nok til behovene p\u00e5 et typisk websted.<\/p>\n<p>Imsanity tilslutter sig WordPress umiddelbart efter upload af billedet, men inden WordPress-behandling finder sted. S\u00e5 WordPress opf\u00f8rer sig n\u00f8jagtigt det samme p\u00e5 alle m\u00e5der, bortset fra at det vil v\u00e6re som om bidragyderen havde skaleret deres billede til en rimelig st\u00f8rrelse inden upload.<\/p>\n<h4>Reng\u00f8r dit mediebibliotek<\/h4>\n<p>Hvis du leder efter et v\u00e6rkt\u00f8j til at spare plads, mens du ogs\u00e5 renser dit mediebibliotek, kan du bruge <a href=\"https:\/\/wordpress.org\/plugins\/media-cleaner\/\">Media Cleaner<\/a> til at finde ubrugte mediefiler. Pluginet scanner alle dine mediefiler og viser ubrugte i Media Cleaner Dashboard, s\u00e5 du kan gennemse og slette dem.<\/p>\n<p>Media Cleaner implementerer et smart affaldssystem: N\u00e5r filer slettes, flyttes de til en papirkurv. P\u00e5 den m\u00e5de er du i stand til at teste dit websted et stykke tid og s\u00f8rge for, at alt er i orden. Hvis der mangler en fil eller en mediepost, kan du nemt gendanne den med et klik eller bare t\u00f8mme papirkurven, hvis alt ser godt ud for dig.<\/p>\n<h2><a id=\"image-optimization-wordpress-plugins\"><\/a>Image Optimization Plugins, du kan bruge<\/h2>\n<p>Heldigvis beh\u00f8ver du ikke med WordPress at udf\u00f8re al formatering eller komprimering i h\u00e5nden. Du kan bruge plugins til at g\u00f8re mindst noget af arbejdet for dig automatisk.<\/p>\n<p>Der er flere plugins, der automatisk optimerer dine billedfiler, n\u00e5r du uploader dem. De vil endda optimere billeder, som du allerede har uploadet. Dette er en praktisk funktion \u2013 is\u00e6r hvis du allerede har en hjemmeside fyldt med billeder. Her er et kig p\u00e5 nogle af de bedste plugins til at formatere dine billeder for bedre ydeevne.<\/p>\n<p>Det er dog vigtigt, at du ikke udelukkende stoler p\u00e5 plugins selv. For eksempel b\u00f8r du ikke uploade 2 MB billeder til dit WordPress mediebibliotek. Dette kan resultere i, at du optager din webhosts diskplads virkelig hurtigt.<\/p>\n<p>Den bedste metode er hurtigt at \u00e6ndre st\u00f8rrelsen p\u00e5 billedet i et billedredigeringsv\u00e6rkt\u00f8j p\u00e5 forh\u00e5nd og derefter uploade det og bruge et af f\u00f8lgende plugins til at reducere det yderligere.<\/p>\n<p>F\u00f8r du forpligter dig til et af disse v\u00e6rkt\u00f8jer eller plugins, b\u00f8r du dog kontrollere for at v\u00e6re sikker p\u00e5, at din <a href=\"https:\/\/kinqsta.com\/dk\/blog\/bureau-fokuseret-administreret-hosting\/\">webhost-udbyder<\/a> ikke tilbyder indbyggede v\u00e6rkt\u00f8jer til at g\u00f8re arbejdet for dig. For eksempel har Kinsta-kunder adgang til en <a href=\"https:\/\/kinqsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#image-optimization-1\">gratis billedoptimeringsfunktion<\/a>, der automatisk opretter optimerede kopier af alle WordPress-billeder, som gemmes gratis. Den mindste af de to billedfiler serveres derefter ved hj\u00e6lp af <a href=\"https:\/\/kinqsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn\">Kinstas lynhurtige CDN<\/a> for at \u00f8ge hastigheden endnu mere. Kunder kan endda v\u00e6lge mellem lossless og lossy komprimering afh\u00e6ngigt af deres behov.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3 id=\"imagify\">1. Imagify Image Optimizer<\/h3>\n<figure id=\"attachment_6350\" aria-describedby=\"caption-attachment-6350\" style=\"width: 1349px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6350 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2015\/11\/imagify-image-optimizer.jpg\" alt=\"Imagify Image Optimizer-plugin\" width=\"1349\" height=\"437\"><\/a><figcaption id=\"caption-attachment-6350\" class=\"wp-caption-text\">Imagify Image Optimizer-plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Imagify<\/a> er oprettet af det samme team, der udviklede WP Rocket, som de fleste af jer sandsynligvis er bekendt med. Det er WooCommerce, <a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-photo-gallery-plugins\/#nextgen-gallery\">NextGen Gallery<\/a> og WP Retina kompatibelt. Det har ogs\u00e5 en bulk-optimeringsfunktion, og du kan v\u00e6lge mellem tre forskellige niveauer af kompression, normal, aggressiv og ultra. Det har ogs\u00e5 en gendannelsesfunktion, s\u00e5 hvis du er utilfreds med kvaliteten, kan du med et enkelt klik gendanne og komprimere igen p\u00e5 et niveau, der bedre passer til dine behov. Der er en gratis og en premium version. Du er begr\u00e6nset til en kvote p\u00e5 25 MB billeder pr. m\u00e5ned med en gratis konto.<\/p>\n<p>At slippe af med det originale billede og \u00e6ndre st\u00f8rrelsen p\u00e5 dine st\u00f8rre billeder kan ogs\u00e5 g\u00f8res med dette plugin.<\/p>\n<figure id=\"attachment_10877\" aria-describedby=\"caption-attachment-10877\" style=\"width: 1554px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10877 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/resize-imagify-1.png\" alt=\"\u00c6ndr st\u00f8rrelsen p\u00e5 billeder i Imagify\" width=\"1554\" height=\"649\"><figcaption id=\"caption-attachment-10877\" class=\"wp-caption-text\">\u00c6ndr st\u00f8rrelsen p\u00e5 billeder i Imagify<\/figcaption><\/figure>\n<p>Imagify <strong>komprimerer ogs\u00e5 billeder p\u00e5 deres tredjeparts-servere<\/strong>, ikke din, hvilket er meget vigtigt, n\u00e5r det kommer til ydeevne. Imagify b\u00f8r ikke bremse dit WordPress-websted.<\/p>\n<h3 id=\"optimole\">2. Optimole<\/h3>\n<figure id=\"attachment_39491\" aria-describedby=\"caption-attachment-39491\" style=\"width: 1539px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39491 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/optimole-1-1.jpg\" alt=\"Optimole-plugin\" width=\"1539\" height=\"495\"><\/a><figcaption id=\"caption-attachment-39491\" class=\"wp-caption-text\">Optimole-plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\">Optimole<\/a> er et WordPress-plugin til billedoptimering, der automatisk reducerer dine billeders st\u00f8rrelse uden noget arbejde fra din ende. Det har en stor fordel, n\u00e5r det kommer til dit websteds indl\u00e6sningshastighed, da det er helt cloud-baseret og aldrig serverer billeder, der er st\u00f8rre, end de burde, aka det viser den perfekte billedst\u00f8rrelse til den bes\u00f8gendes visning og browser.<\/p>\n<p>Desuden giver pluginet lazy loading og effektiv udskiftning af billeder &#8211; det nedjusterer billedkvaliteten, hvis den bes\u00f8gende har en langsommere internetforbindelse &#8211; hvilket f\u00e5r det til at skille sig ud fra m\u00e6ngden. Den registrerer ogs\u00e5 automatisk brugerens browser og serverer <a href=\"https:\/\/kinqsta.com\/dk\/blog\/webp\/\">WebP<\/a>, hvis den underst\u00f8ttes.<\/p>\n<p>Alle de billeder, som Optimole komprimerer, serveres via en hurtig CDN. Du kan pr\u00f8ve Optimole gratis eller opgradere til premium-planen, hvis du har brug for ekstra b\u00e5ndbredde og behandlingsplads.<\/p>\n<h3 id=\"optimus\">3. Optimus Image Optimizer<\/h3>\n<figure id=\"attachment_6349\" aria-describedby=\"caption-attachment-6349\" style=\"width: 1349px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/wordpress.org\/plugins\/optimus\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6349 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2015\/11\/optimus-image-optimizer.jpg\" alt=\"Optimus Image Optimizer-plugin\" width=\"1349\" height=\"437\"><\/a><figcaption id=\"caption-attachment-6349\" class=\"wp-caption-text\">Optimus Image Optimizer-plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/optimus\/\">Optimus WordPress Image Optimizer<\/a> bruger lossless komprimering til at optimere dine billeder. Tabsl\u00f8s betyder, at du ikke kan se noget tab af kvalitet. Det underst\u00f8tter WooCoomerce og multi-site og har en god bulk-optimeringsfunktion til dem med allerede store eksisterende mediebiblioteker. Det er ogs\u00e5 kompatibelt med WP Retina WordPress-plugin. Der er en gratis og premium version. I premiumversionen betaler du en gang \u00e5rligt, og du kan komprimere et ubegr\u00e6nset antal billeder. Hvis du kombinerer det med deres Cache Enabler-plugin, kan du ogs\u00e5 <a href=\"https:\/\/kinqsta.com\/dk\/blog\/webp\/\">dykke ned i WebP-billeder<\/a>, som er et nyt letv\u00e6gts billedeformat fra Google.<\/p>\n<h3 id=\"wp-smush\">4. WP Smush<\/h3>\n<figure id=\"attachment_10872\" aria-describedby=\"caption-attachment-10872\" style=\"width: 1637px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10872 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2015\/11\/wp-smush.png\" alt=\"WP Smush-plugin\" width=\"1637\" height=\"528\"><\/a><figcaption id=\"caption-attachment-10872\" class=\"wp-caption-text\">WP Smush-plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\">WP Smush<\/a> har b\u00e5de en gratis og premium version. Det reducerer den skjulte information fra billederne for at reducere st\u00f8rrelsen uden at reducere kvaliteten. Det scanner billeder og reducerer dem, n\u00e5r du uploader dem til dit websted. Det scanner ogs\u00e5 billeder, som du allerede har uploadet, og reducerer dem ogs\u00e5. Det smusher op til 50 filer p\u00e5 \u00e9n gang i bulk. Du kan ogs\u00e5 smushe manuelt, hvis du vil. Det smusher JPEG-, GIF- og PNG-billedtyper. Filst\u00f8rrelser er begr\u00e6nset til 1 MB.<\/p>\n<ul>\n<li>Det er kompatibelt med nogle af de mest popul\u00e6re mediebiblioteks-plugins som WP All Import og WPML.<\/li>\n<li>Al billedoptimering sker med tabsfri komprimeringsteknik, hvilket holder din billedkvalitet h\u00f8j.<\/li>\n<li>Det betyder ikke noget, i hvilken mappe du gemmer dine billeder. Smush finder dem og komprimerer dem.<\/li>\n<li>Smush har en mulighed for automatisk at indstille bredde og h\u00f8jde for alle billeder, s\u00e5 alle dine billeder \u00e6ndres til identiske proportioner.<\/li>\n<\/ul>\n<h3 id=\"tinypng\">5. TinyPNG (also compressed JPGs)<\/h3>\n<figure id=\"attachment_10873\" aria-describedby=\"caption-attachment-10873\" style=\"width: 1639px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10873 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2015\/11\/tinypng.png\" alt=\"TinyPNG-plugin\" width=\"1639\" height=\"528\"><\/a><figcaption id=\"caption-attachment-10873\" class=\"wp-caption-text\">TinyPNG-plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\">TinyPNG<\/a> bruger TinyJPG- og TinyPNG-tjenesterne (den gratis konto giver dig mulighed for at komprimere omkring 100 billeder om m\u00e5neden) for at optimere dine JPG- og PNG-billeder. Det komprimerer automatisk nye billeder og bulk-komprimerer dine eksisterende billeder automatisk. Det konverterer CMYK til RBG for at spare plads. Det komprimerer JPEG-billeder op til 60% og PNG-billeder op til 80% uden et synligt tab i billedkvalitet. Det har ikke en gr\u00e6nse p\u00e5 filst\u00f8rrelse.<\/p>\n<h3 id=\"imagerecycle\">6. ImageRecycle<\/h3>\n<figure id=\"attachment_10934\" aria-describedby=\"caption-attachment-10934\" style=\"width: 1349px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wordpress.org\/plugins\/imagerecycle-pdf-image-compression\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10934 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/imagerecycle-pdf-image-compression.png\" alt=\"ImageRecycle - Image &#038; PDF optimizer plugin\" width=\"1349\" height=\"437\"><\/a><figcaption id=\"caption-attachment-10934\" class=\"wp-caption-text\">ImageRecycle &#8211; Image &#038; PDF optimizer plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/imagerecycle-pdf-image-compression\/\">ImageRecyle<\/a> pluginet er et automatisk billede- og PDF-optimeringsprogram. Dette plugin fokuserer ikke kun p\u00e5 billedkomprimering, men ogs\u00e5 p\u00e5 PDF-filer. En virkelig praktisk funktion er muligheden for at indstille den mindste filst\u00f8rrelse til komprimering. For eksempel, hvis du har billeder, der er 80 KB i st\u00f8rrelse, kan du f\u00e5 det til automatisk at udelukke dem fra komprimering. Dette sikrer, at billeder og filer aldrig komprimeres for meget. Det inkluderer ogs\u00e5 bulk-optimering og automatisk \u00e6ndring af billede. Bem\u00e6rk: De har en gratis 15-dages pr\u00f8veperiode, men dette er en premium service, og billeder uploades og komprimeres ved hj\u00e6lp af deres servere. De opkr\u00e6ver ikke pr. m\u00e5ned, men snarere det samlede antal komprimerede billeder, der starter ved 10 USD for 10.000.<\/p>\n<h3>7. EWWW Image Optimizer<\/h3>\n<figure id=\"attachment_129416\" aria-describedby=\"caption-attachment-129416\" style=\"width: 1200px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-129416 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/ewww-image-optimizer.jpg\" alt=\"EWWW Image Optimizer\" width=\"1200\" height=\"389\"><figcaption id=\"caption-attachment-129416\" class=\"wp-caption-text\">EWWW Image Optimizer<\/figcaption><\/figure>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer\/\">EWWW Image Optimizer<\/a> hj\u00e6lper dig med at g\u00f8re dine billeder mindre og dit websted hurtigere med mindre besv\u00e6r. Uden st\u00f8rrelsesbegr\u00e6nsninger og masser af fleksibilitet for avancerede brugere kan du bruge standardindstillingerne eller tilpasse pluginnet helt efter din smag.<\/p>\n<p>Den gratis tilstand tillader ubegr\u00e6nset <a href=\"https:\/\/kinqsta.com\/dk\/blog\/jpg-vs-jpeg\/\">JPG-komprimering<\/a> og WebP-konvertering og er fantastisk til hobbysider eller blogs, der lige er startet. Alle EWWW IO-brugere kan bruge Bulk Optimizer til at komprimere deres eksisterende billeder eller bruge Media Library-listetilstanden til at v\u00e6lge og v\u00e6lge specifikke billeder, der skal komprimeres. Yderligere mapper kan scannes for at sikre, at hvert enkelt billede p\u00e5 dit websted er korrekt optimeret.<\/p>\n<p>EWWW IO giver dig endda mulighed for at konvertere dine billeder til n\u00e6ste generations formater som <a href=\"https:\/\/kinqsta.com\/dk\/blog\/webp\/\">WebP<\/a> eller finde det bedste billedformat til et billede med multi-format konverteringsmuligheder.<\/p>\n<p>Premium Compress API giver dig mulighed for at tage komprimeringen til et helt nyt niveau uden at ofre kvalitet og gennemsnitlige besparelser p\u00e5 50%. Den l\u00e5ser ogs\u00e5 op for PDF-komprimering og inkluderer praktiske 30-dages billed backups. Med den valgfri Easy IO CDN bliver billeder automatisk komprimeret, skaleret til at passe til siden og enhedsst\u00f8rrelsen, ladet indl\u00e6se og konverteres til n\u00e6ste generations WebP-format.<\/p>\n<h2><a id=\"case-study\"><\/a>Optimer billeder til web case study<\/h2>\n<p>Vi besluttede at lave vores egen lille casestudie og test for at vise dig, hvor meget optimering af dine billeder til internettet kan p\u00e5virke dit WordPress-websteds samlede hastighed.<\/p>\n<h3>Ukomprimerede JPG&#8217;er<\/h3>\n<p>Vi uploadede f\u00f8rst 6 ukomprimerede JPG&#8217;er, som alle var over 1 MB i st\u00f8rrelse, til vores testsite.\u00a0Vi k\u00f8rte derefter 5 tests gennem Pingdom og tog gennemsnittet. Som du kan se fra nedenst\u00e5ende <a href=\"https:\/\/tools.pingdom.com\/#!\/dbKwjQ\/https:\/\/perfmatters.io\/uncompressed-jpg\/\">hastighedstest<\/a> var vores samlede indl\u00e6sningstid 1,55 sekunder, og den samlede sidest\u00f8rrelse var 14,7 MB.<\/p>\n<figure id=\"attachment_10868\" aria-describedby=\"caption-attachment-10868\" style=\"width: 1693px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10868 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2015\/11\/speed-test-uncompressed-jpg.png\" alt=\"Hastighedstest med ukomprimerede JPG'er\" width=\"1693\" height=\"535\"><figcaption id=\"caption-attachment-10868\" class=\"wp-caption-text\">Hastighedstest med ukomprimerede JPG&#8217;er<\/figcaption><\/figure>\n<h3>Komprimerede JPG&#8217;er<\/h3>\n<p>Vi komprimerede derefter JPG&#8217;erne ved hj\u00e6lp af Imagify WordPress-pluginet ved hj\u00e6lp af den &#8220;aggressive indstilling.&#8221; Vi k\u00f8rte derefter 5 tests gennem Pingdom og tog gennemsnittet. Som du kan se fra <a href=\"https:\/\/tools.pingdom.com\/#!\/eHwxw9\/https:\/\/perfmatters.io\/compressed-jpg\/\">hastighedstesten<\/a> nedenfor, blev vores samlede indl\u00e6sningstid reduceret til 476 ms, og den samlede sidest\u00f8rrelse blev reduceret til 2,9 MB. Vores samlede indl\u00e6sningstider blev reduceret med <strong>54,88%<\/strong>, og <strong>sidest\u00f8rrelsen blev reduceret med 80,27%.<\/strong><\/p>\n<figure id=\"attachment_10869\" aria-describedby=\"caption-attachment-10869\" style=\"width: 1686px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10869 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2015\/11\/speed-test-compressed-jpg.png\" alt=\"Hastighedstest med komprimerede JPG'er\" width=\"1686\" height=\"535\"><figcaption id=\"caption-attachment-10869\" class=\"wp-caption-text\">Hastighedstest med komprimerede JPG&#8217;er<\/figcaption><\/figure>\n<p>Der er n\u00e6sten ingen anden optimering, du kan foretage p\u00e5 dit websted, der f\u00e5r dig over 50% nedgang i belastningstider. Derfor er billedoptimering s\u00e5 vigtig, at ovenst\u00e5ende proces alt blev automatiseret af pluginet. Det er en praktisk tilgang til et hurtigere WordPress-websted.<\/p>\n<p>Den eneste anden dramatiske optimering, du kunne foretage, ville v\u00e6re at \u00e6ndre dine WordPress-hosts. Mange kunder, der flytter til <a href=\"https:\/\/kinqsta.com\/dk\/\">Kinsta<\/a>, ser hastighedsstigninger p\u00e5 over 45%. Forestil dig at flytte til Kinsta og optimere dine billeder!<\/p>\n<p>Ved at optimere dine billeder, uanset om det bruger et fotoredigeringsv\u00e6rkt\u00f8j eller et WordPress-plugin, kan du ogs\u00e5 rette advarslen &#8220;Optimer billeder&#8221;, du f\u00e5r i Google PageSpeed Insights (som vist nedenfor.)<\/p>\n<figure id=\"attachment_10874\" aria-describedby=\"caption-attachment-10874\" style=\"width: 1898px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10874 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/pagespeed-insights-optimize-images.png\" alt=\"PageSpeed Insights optimerer advarsel om billeder\" width=\"1898\" height=\"1211\"><figcaption id=\"caption-attachment-10874\" class=\"wp-caption-text\">PageSpeed Insights optimerer advarsel om billeder<\/figcaption><\/figure>\n<p>Hvis du har andre advarsler om optimering fra hastighedstest v\u00e6rkt\u00f8jer, skal du s\u00f8rge for at tjekke vores indl\u00e6g p\u00e5 <a href=\"https:\/\/kinqsta.com\/dk\/blog\/google-pagespeed-insights\/\">Google PageSpeed Insights<\/a> og vores dybtg\u00e5ende <a href=\"https:\/\/kinqsta.com\/dk\/blog\/pingdom-speed-test\/\">Pingdom-gennemgang<\/a>.<\/p>\n<p><kinsta-video src=\"https:\/\/kinsta.wistia.com\/medias\/qvfucq5kz6?videoFoam=true&#038;videoWidth=640\"><\/kinsta-video><\/p>\n<p><strong>Vi har taget vores viden om effektiv webstedsadministration i stor skala og gjort det til et e-bog- og videokursus. <\/strong><strong>Klik for at downloade <a href=\"https:\/\/kinqsta.com\/dk\/ebooks\/wordpress\/styr-multiple-wordpress-sites\/?utm_campaign=how-to-speed-up-your-wordpress-site&#038;utm_source=blog-knowledgebase&#038;utm_medium=video\">guiden til at administrere 60+ WordPress-websteder<\/a>!<\/strong><\/p>\n<h2>Brug af SVG&#8217;er: De fordele, du beh\u00f8ver at vide<\/h2>\n<p>En anden anbefaling er at bruge <a href=\"https:\/\/kinqsta.com\/blog\/what-is-an-svg-file\/\">SVG-filer<\/a> sammen med dine andre billeder. SVG er et skalerbart vektorformat, der fungerer godt til logoer, ikoner, tekst og enkle billeder. Her er et par grunde til, at:<\/p>\n<ul style=\"margin-left: 30px\">\n<li>SVG&#8217;er kan automatisk skaleres i b\u00e5de browsere og fotoredigeringsv\u00e6rkt\u00f8jer. Dette skaber en sand dr\u00f8m for web og grafiske designere!<\/li>\n<li>Google indekserer SVG&#8217;er p\u00e5 samme m\u00e5de som <a href=\"https:\/\/kinqsta.com\/blog\/svg-vs-png\/\">PNG&#8217;er<\/a> og JPG&#8217;er, s\u00e5 du beh\u00f8ver ikke bekymre dig om SEO.<\/li>\n<li>SVG&#8217;er er traditionelt (ikke altid) mindre i filst\u00f8rrelse end PNG&#8217;er eller JPG&#8217;er. Dette kan resultere i hurtigere belastningstider.<\/li>\n<\/ul>\n<p>Genki skrev en god artikel, hvor han sammenligner st\u00f8rrelsen p\u00e5 <a href=\"https:\/\/web.archive.org\/web\/20200729105713\/http:\/\/genkihagata.com\/blog\/svg-vs-flat-images.html\">SVG vs PNG vs JPEG<\/a>. Nedenfor er et par takeaways fra hans test, hvor han sammenlignede de tre forskellige billedtyper.<\/p>\n<h3>JPG (optimized size: 81.4 KB)<\/h3>\n<figure id=\"attachment_10215\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10215 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/04\/JPG-size.jpg\" alt=\"JPG size\" width=\"1280\" height=\"535\"><figcaption class=\"wp-caption-text\">JPG-billede<\/figcaption><\/figure>\n<h3>PNG (optimized size: 85.1 KB)<\/h3>\n<figure id=\"attachment_10216\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10216 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/04\/PNG-size.png\" alt=\"PNG size\" width=\"1280\" height=\"535\"><figcaption class=\"wp-caption-text\">PNG-billede<\/figcaption><\/figure>\n<h3>SVG (optimized size: 6.1 KB)<\/h3>\n<figure id=\"attachment_10217\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10217 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/04\/SVG-size.png\" alt=\"SVG size\" width=\"1280\" height=\"535\"><figcaption class=\"wp-caption-text\">SVG-billede<\/figcaption><\/figure>\n<p>Som du kan se ovenfor, er SVG et fald i filst\u00f8rrelsen p\u00e5 92,51% sammenlignet med JPG. Og sammenlignet med PNG, 92,83%. Se vores vejledning om, <a href=\"https:\/\/kinqsta.com\/blog\/what-is-an-svg-file\/\">hvordan du bruger SVG&#8217;er p\u00e5 dit WordPress-websted<\/a>.<\/p>\n<h2>Bedste fremgangsm\u00e5der til optimering af billeder til internettet<\/h2>\n<p>Her er nogle generelle bedste fremgangsm\u00e5der, n\u00e5r det kommer til, hvordan du optimerer billeder til internettet:<\/p>\n<ul>\n<li>Hvis du bruger et WordPress-plugin, skal du <strong>bruge et, der komprimerer og optimerer billeder eksternt<\/strong> p\u00e5 deres servere. Dette reducerer igen belastningen p\u00e5 dit eget websted.<\/li>\n<li>Brug vektorbilleder, n\u00e5r det er muligt, sammen med dine PNG&#8217;er og JPG&#8217;er.<\/li>\n<li><a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-cdn\/\">Brug et CDN<\/a> til at servere dine billeder hurtigt til bes\u00f8gende over hele kloden.\u00a0Kinsta CDN har en <a href=\"https:\/\/kinqsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn#code-minification-1\">kode minifikationsfunktion<\/a>, der er indbygget direkte i <a href=\"https:\/\/kinqsta.com\/dk\/mykinsta\/\">MyKinsta-dashboardet<\/a>. Dette giver <a href=\"https:\/\/kinqsta.com\/dk\/prissaetning\/?plan=visits-business1\">Kinsta-kunder<\/a> mulighed for nemt at aktivere automatisk CSS- og JavaScript-minifikation med et enkelt klik.<\/li>\n<li>Fjern un\u00f8dvendige billeddata.<\/li>\n<li>Besk\u00e6r det hvide rum og genskab det ved hj\u00e6lp af CSS til at give polstring.<\/li>\n<li>Brug CSS3-effekter s\u00e5 meget som muligt.<\/li>\n<li>Gem dine billeder i de rigtige dimensioner. Selvom husk WordPress underst\u00f8tter nu <a href=\"https:\/\/kinqsta.com\/dk\/blog\/responsivt-webdesign\/\">responsive<\/a> billeder for at tjene dem uden at \u00e6ndre st\u00f8rrelsen p\u00e5 dem med CSS.<\/li>\n<li>Brug altid .ico filformat til dit <a href=\"https:\/\/kinqsta.com\/blog\/wordpress-favicon\/\">favicon<\/a>.<\/li>\n<li>Brug web-fonte i stedet for at placere tekst i billeder &#8211; de ser bedre ud, n\u00e5r de skaleres og tager mindre plads.<\/li>\n<li>Brug kun rasterbilleder til scener med mange former og detaljer.<\/li>\n<li>Reducer bitdybden til en mindre farvepalet.<\/li>\n<li><strong>Brug lossless komprimering, hvor det er muligt.<\/strong><\/li>\n<li>Eksperimenter for at finde de bedste indstillinger for hvert format.<\/li>\n<li>Brug GIF, hvis du har brug for animation (men <a href=\"https:\/\/woorkup.com\/compress-animated-gif\/\">komprimer dine animerede GIF&#8217;er<\/a>).<\/li>\n<li>Brug PNG, hvis du har brug for h\u00f8je detaljer og h\u00f8je opl\u00f8sninger.<\/li>\n<li>Brug JPG til generelle fotos og sk\u00e6rmbilleder.<\/li>\n<li>Fjern alle un\u00f8dvendige billede-metadata.<\/li>\n<li>Automatiser processen s\u00e5 meget som muligt.<\/li>\n<li>I nogle tilf\u00e6lde vil du m\u00e5ske <a href=\"https:\/\/kinqsta.com\/blog\/wordpress-lazy-load\/\">lazy loade billeder<\/a> for hurtigere gengivelse af f\u00f8rste side.<\/li>\n<li>Gem billeder som \u201coptimeret til internettet\u201d i v\u00e6rkt\u00f8jer som Photoshop.<\/li>\n<li>Brug WebP i Chrome til at vise i mindre billeder.<\/li>\n<li>Brug Kinstas indbyggede <a href=\"https:\/\/kinqsta.com\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#image-optimization-1\">billedoptimeringsfunktion<\/a><\/li>\n<\/ul>\n\n<p>N\u00e5r du har formateret dine billeder til bedre ydeevne og fulgt de bedste fremgangsm\u00e5der, vil dit websted blive bedre v\u00e6rdsat af s\u00f8gemaskiner, browsere og netv\u00e6rk og indl\u00e6ses hurtigere for dine l\u00e6sere. \u00c5h, og s\u00f8rg for at tjekke vores tutorial om <a href=\"https:\/\/kinqsta.com\/dk\/blog\/hotlinking\/\">hotlinking<\/a> for at forhindre folk i at stj\u00e6le dine billeder og b\u00e5ndbredde.<\/p>\n<p>Har du formateret dine billeder for bedre ydeevne? Formaterer du dem manuelt, bruger du et plugin eller begge dele? Er der et andet v\u00e6rkt\u00f8j eller plugin, du vil anbefale? Har du noget at tilf\u00f8je? Fort\u00e6l os om dine teknikker og bedste praksis i kommentarerne nedenfor!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Stol p\u00e5 os, du vil ikke have, at Google hader dit websted. Heldigvis kan du reducere dit billedes filst\u00f8rrelser for at forbedre dit websteds ydeevne. Et &#8230;<\/p>\n","protected":false},"author":38,"featured_media":48173,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[29,2],"topic":[701,743,767],"class_list":["post-39549","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webperf","tag-wordpress","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 optimeres billeder til web og ydeevne - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Billeder er ofte nummer 1-elementet, der er ansvarlig for langsomme side loadtider. L\u00e6r hvordan du optimerer billeder til internettet s\u00e5vel som ydeevnen p\u00e5 dit WordPress-websted.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"S\u00e5dan optimeres billeder til web og ydeevne\" \/>\n<meta property=\"og:description\" content=\"Billeder er ofte nummer 1-elementet, der er ansvarlig for langsomme side loadtider. L\u00e6r hvordan du optimerer billeder til internettet s\u00e5vel som ydeevnen p\u00e5 dit WordPress-websted.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/\" \/>\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\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-02T14:54:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-07T06:36:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/02\/how-to-optimize-images-for-web-and-performance.jpg\" \/>\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\/jpeg\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Billeder er ofte nummer 1-elementet, der er ansvarlig for langsomme side loadtider. L\u00e6r hvordan du optimerer billeder til internettet s\u00e5vel som ydeevnen p\u00e5 dit WordPress-websted.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/02\/how-to-optimize-images-for-web-and-performance.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_dk\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"21 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"S\u00e5dan optimeres billeder til web og ydeevne\",\"datePublished\":\"2021-02-02T14:54:06+00:00\",\"dateModified\":\"2023-11-07T06:36:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/\"},\"wordCount\":4210,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/02\/how-to-optimize-images-for-web-and-performance.jpg\",\"keywords\":[\"webperf\",\"WordPress\"],\"articleSection\":[\"WordPress Ydeevne Tutorials\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/\",\"url\":\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/\",\"name\":\"S\u00e5dan optimeres billeder til web og ydeevne - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/02\/how-to-optimize-images-for-web-and-performance.jpg\",\"datePublished\":\"2021-02-02T14:54:06+00:00\",\"dateModified\":\"2023-11-07T06:36:48+00:00\",\"description\":\"Billeder er ofte nummer 1-elementet, der er ansvarlig for langsomme side loadtider. L\u00e6r hvordan du optimerer billeder til internettet s\u00e5vel som ydeevnen p\u00e5 dit WordPress-websted.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/02\/how-to-optimize-images-for-web-and-performance.jpg\",\"contentUrl\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/02\/how-to-optimize-images-for-web-and-performance.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/dk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Billedoptimering\",\"item\":\"https:\/\/kinqsta.com\/dk\/emner\/billedoptimering\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"S\u00e5dan optimeres billeder til web og ydeevne\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#website\",\"url\":\"https:\/\/kinqsta.com\/dk\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Hurtig, sikker, premium hostingl\u00f8sninger\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/dk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/dk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/dk\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#\/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:\/\/kinqsta.com\/dk\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"S\u00e5dan optimeres billeder til web og ydeevne - Kinsta\u00ae","description":"Billeder er ofte nummer 1-elementet, der er ansvarlig for langsomme side loadtider. L\u00e6r hvordan du optimerer billeder til internettet s\u00e5vel som ydeevnen p\u00e5 dit WordPress-websted.","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:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/","og_locale":"da_DK","og_type":"article","og_title":"S\u00e5dan optimeres billeder til web og ydeevne","og_description":"Billeder er ofte nummer 1-elementet, der er ansvarlig for langsomme side loadtider. L\u00e6r hvordan du optimerer billeder til internettet s\u00e5vel som ydeevnen p\u00e5 dit WordPress-websted.","og_url":"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2021-02-02T14:54:06+00:00","article_modified_time":"2023-11-07T06:36:48+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/02\/how-to-optimize-images-for-web-and-performance.jpg","type":"image\/jpeg"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"Billeder er ofte nummer 1-elementet, der er ansvarlig for langsomme side loadtider. L\u00e6r hvordan du optimerer billeder til internettet s\u00e5vel som ydeevnen p\u00e5 dit WordPress-websted.","twitter_image":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/02\/how-to-optimize-images-for-web-and-performance.jpg","twitter_creator":"@brianleejackson","twitter_site":"@kinsta_dk","twitter_misc":{"Skrevet af":"Brian Jackson","Estimeret l\u00e6setid":"21 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinqsta.com\/dk\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"S\u00e5dan optimeres billeder til web og ydeevne","datePublished":"2021-02-02T14:54:06+00:00","dateModified":"2023-11-07T06:36:48+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/"},"wordCount":4210,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/dk\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/02\/how-to-optimize-images-for-web-and-performance.jpg","keywords":["webperf","WordPress"],"articleSection":["WordPress Ydeevne Tutorials"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/","url":"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/","name":"S\u00e5dan optimeres billeder til web og ydeevne - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinqsta.com\/dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/02\/how-to-optimize-images-for-web-and-performance.jpg","datePublished":"2021-02-02T14:54:06+00:00","dateModified":"2023-11-07T06:36:48+00:00","description":"Billeder er ofte nummer 1-elementet, der er ansvarlig for langsomme side loadtider. L\u00e6r hvordan du optimerer billeder til internettet s\u00e5vel som ydeevnen p\u00e5 dit WordPress-websted.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#primaryimage","url":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/02\/how-to-optimize-images-for-web-and-performance.jpg","contentUrl":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/02\/how-to-optimize-images-for-web-and-performance.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/dk\/"},{"@type":"ListItem","position":2,"name":"Billedoptimering","item":"https:\/\/kinqsta.com\/dk\/emner\/billedoptimering\/"},{"@type":"ListItem","position":3,"name":"S\u00e5dan optimeres billeder til web og ydeevne"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/dk\/#website","url":"https:\/\/kinqsta.com\/dk\/","name":"Kinsta\u00ae","description":"Hurtig, sikker, premium hostingl\u00f8sninger","publisher":{"@id":"https:\/\/kinqsta.com\/dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/dk\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinqsta.com\/dk\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/dk\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinqsta.com\/dk\/#\/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:\/\/kinqsta.com\/dk\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/posts\/39549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/comments?post=39549"}],"version-history":[{"count":17,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/posts\/39549\/revisions"}],"predecessor-version":[{"id":48714,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/posts\/39549\/revisions\/48714"}],"alternate":[{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/39549\/translations\/it"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/39549\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/39549\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/39549\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/39549\/translations\/fr"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/39549\/translations\/se"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/39549\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/39549\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/39549\/translations\/jp"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/39549\/translations\/dk"},{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/39549\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/media\/48173"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/media?parent=39549"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/tags?post=39549"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/topic?post=39549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}