Sådan reducerer du billedstørrelsen uden synligt tab af kvalitet

Din hjemmeside tager seks sekunder om at indlæse. Din mail afvises, fordi vedhæftningen er for stor. Dit opslag på sociale medier ser flot ud, men tog evigheder at uploade. I næsten alle tilfælde er synderen den samme: billeder, der er langt større end nødvendigt.

Den gode nyhed er, at du drastisk kan reducere billedfilstørrelser — ofte med 70% eller mere — uden nogen synlig forskel i kvalitet. Nøglen er at forstå, hvad der gør billeder store i første omgang.

Opløsning vs. filstørrelse: Den vigtige forskel

Mange forveksler billedopløsning med filstørrelse. De hænger sammen, men er adskilte ting.

Opløsning er antallet af pixels i et billede, målt som bredde x højde. Et 4000 x 3000 pixel billede har 12 millioner pixels (12 megapixels). Opløsning bestemmer, hvor stort et billede kan vises, mens det stadig ser skarpt ud.

Filstørrelse er, hvor mange bytes billedet fylder på disken. Det afhænger af opløsning, men også af format, komprimeringsniveau og billedets indhold.

Her er, hvorfor denne forskel er vigtig: et 4000 x 3000 billede vist på 800 x 600 på en hjemmeside spilder over 90% af sine pixels. Browseren skal downloade alle 12 millioner pixels og derefter kassere de fleste af dem for at vise billedet i en mindre størrelse. At ændre billedets størrelse til de faktiske visningsdimensioner inden upload kan reducere filstørrelsen med 80% eller mere — med nul synlig forskel.

Forstå billedformater

Det format du vælger har en enorm indvirkning på filstørrelsen.

JPG (JPEG)

Den universelle standard for fotografier. JPG bruger lossy-komprimering, hvilket betyder, at det kasserer nogle billeddata, som det menneskelige øje sandsynligvis ikke vil bemærke. Ved kvalitet 80-85% ser JPG-billeder identiske ud med originalen, men er en brøkdel af størrelsen.

Bedst til: Fotos, billeder med gradienter, realistiske billeder.

PNG

PNG bruger lossless-komprimering: ingen data kasseres. Det gør det ideelt til billeder, der kræver præcis pixelreproduktion, som logoer, skærmbilleder og grafik med tekst. PNG-filer er dog markant større end JPG'er for fotografisk indhold.

Bedst til: Logoer, skærmbilleder, grafik med tekst, billeder med gennemsigtighed.

WebP

Udviklet af Google, tilbyder WebP både lossy og lossless-komprimering. Det producerer filer 25-35% mindre end JPG ved tilsvarende kvalitet og understøtter gennemsigtighed (i modsætning til JPG). Alle moderne browsere understøtter WebP.

Bedst til: Web-billeder af enhver type. Det bedste generelle webformat tilgængeligt i dag.

Sådan fungerer billedkomprimering

Al billedkomprimering udnytter det samme grundprincip: det menneskelige øje kan ikke opfatte alle detaljer, et kamera optager. Komprimeringsalgoritmer identificerer og fjerner de oplysninger, du aldrig vil bemærke mangler.

Specifikt udnytter lossy-komprimering:

• Farveempfindlighed. Menneskelige øjne er mere følsomme over for lysstyrkeændringer end farveændringer. Komprimering reducerer farvepræcisionen mere aggressivt.
• Højfrekvente detaljer. Fine teksturer og subtile gradienter kan forenkles uden mærkbar effekt.
• Redundans. Områder med ensartet farve (en blå himmel, en hvid væg) kan repræsenteres mere effektivt.

Tricket er at finde det rette komprimeringsniveau. For lidt komprimering spilder båndbredde. For meget komprimering introducerer synlige artefakter: sløring, banding og klumpede områder.

Praktiske regler for forskellige anvendelsestilfælde

Til hjemmesider

• Maksimal bredde: 1920 pixels for fuldbreddede hero-billeder, 800-1200 pixels for indholdsbilleder
• Format: WebP med JPG som fallback
• Kvalitet: 75-85%
• Målstørrelse: Under 200 KB per billede, under 100 KB for thumbnails

Til mailvedhæftninger

• Maksimal bredde: 1200-1600 pixels
• Format: JPG (universel kompatibilitet)
• Kvalitet: 80-85%
• Målstørrelse: Under 500 KB per billede, totale vedhæftninger under 10 MB

Til sociale medier

Hver platform har sine egne optimale dimensioner, men som en generel regel:

• Instagram: 1080 x 1080 (kvadrat), 1080 x 1350 (stående)
• Facebook: 1200 x 630 for linkforhåndsvisninger
• LinkedIn: 1200 x 627
• Format: JPG eller PNG
• Kvalitet: 85-90% (platforme rekomprimerer dine billeder, så det er klogt at starte med lidt højere kvalitet)

De største fejl folk begår

1. Upload af kamera-originalfiler

Et råt billede fra en moderne smartphone er 3-8 MB. En DSLR-raw-fil kan være 25-50 MB. At uploade disse direkte til en hjemmeside er den mest almindelige årsag til langsomt-indlæsende sider.

2. Brug af PNG til fotos

PNG er det forkerte format til fotografier. Et foto gemt som PNG kan være 5-10 gange større end det samme foto gemt som JPG ved kvalitet 85% — med ingen synlig forskel.

3. Ikke at ændre størrelse inden komprimering

At komprimere et 4000 pixels bredt billede ned til 200 KB er langt mindre effektivt end først at ændre størrelsen til 1200 pixels bredt og derefter komprimere. Ændr størrelse først, komprimér bagefter.

4. Komprimering af samme fil flere gange

Hver gang du åbner en JPG, redigerer den og gemmer den igen, rekomprimeres den. Over flere redigerings-gem-cyklusser forringes kvaliteten mærkbart. Arbejd altid fra originalen og komprimér kun den endelige version.

Effekten af billedoptimering

Optimering af billeder handler ikke blot om bekvemmelighed. For hjemmesider påvirker det direkte:

• Sideindlæsningshastighed. Hurtigere sider rangerer højere i Googles søgeresultater.
• Brugeroplevelse. 53% af mobile brugere forlader sider, der tager mere end 3 sekunder at indlæse.
• Båndbreddeomkostninger. For sider med højt trafik kan billedoptimering spare betydelige hostingomkostninger.
• Tilgængelighed. Brugere på langsomme forbindelser eller med begrænsede dataplaner drager enorm fordel af det.

Klar til at optimere dine billeder? Følg vores trin-for-trin guide: Sådan komprimerer du et billede. Det er gratis, fungerer i din browser og lader dig se kvalitetsforskellen inden download.