Slik reduserer du bildestørrelse uten synlig kvalitetstap

Nettsiden din bruker seks sekunder på å laste. E-posten spretter tilbake fordi vedlegget er for stort. Innlegget på sosiale medier ser flott ut, men tok en evighet å laste opp. I nesten alle tilfeller er årsaken den samme: bilder som er langt større enn de trenger å være.

Den gode nyheten er at du kan redusere bildets filstørrelse dramatisk — ofte med 70 % eller mer — uten noen synlig forskjell i kvalitet. Nøkkelen er å forstå hva som gjør bilder store i utgangspunktet.

Oppløsning vs. filstørrelse: Den viktige forskjellen

Mange forveksler bildeoppløsning med filstørrelse. De er relaterte, men separate ting.

Oppløsning er antall piksler i et bilde, målt som bredde × høyde. Et bilde på 4000 × 3000 piksler har 12 millioner piksler (12 megapiksler). Oppløsning bestemmer hvor stort et bilde kan vises mens det fortsatt ser skarpt ut.

Filstørrelse er hvor mange byte bildet tar opp på disk. Den avhenger av oppløsning, men også av formatet, komprimeringsnivået og innholdet i bildet.

Her er grunnen til at denne forskjellen er viktig: et bilde på 4000 × 3000 piksler vist som 800 × 600 på en nettside sløser over 90 % av pikslene sine. Nettleseren må laste ned alle 12 millioner piksler og deretter kaste bort de fleste for å vise bildet i en mindre størrelse. Å endre størrelsen på bildet til de faktiske visningsdimensjonene før opplasting kan redusere filstørrelsen med 80 % eller mer, med null synlig forskjell.

Forstå bildeformater

Formatet du velger har stor innvirkning på filstørrelse.

JPG (JPEG)

Den universelle standarden for fotografier. JPG bruker tapskomprimering, som betyr at det forkaster noen bildedata som det menneskelige øyet sannsynligvis ikke vil merke. Ved kvalitet 80–85 % ser JPG-bilder identiske ut som originalen, men er en brøkdel av størrelsen.

Best for: Fotografier, bilder med gradienter, realistiske bilder.

PNG

PNG bruker tapsfri komprimering: ingen data forkastes. Dette gjør det ideelt for bilder som krever eksakt pikselreproduksjon, som logoer, skjermbilder og grafikk med tekst. PNG-filer er imidlertid betydelig større enn JPG-er for fotografisk innhold.

Best for: Logoer, skjermbilder, grafikk med tekst, bilder som trenger gjennomsiktighet.

WebP

Utviklet av Google, WebP tilbyr både tapsfri og tapskomprimering. Det gir filer 25–35 % mindre enn JPG ved tilsvarende kvalitet og støtter gjennomsiktighet (i motsetning til JPG). Alle moderne nettlesere støtter WebP.

Best for: Nettbilder av alle typer. Det beste generelle nettformatet tilgjengelig i dag.

Slik fungerer bildekomprimering

All bildekomprimering utnytter det samme grunnleggende prinsippet: det menneskelige øyet kan ikke oppfatte hvert detalj et kamera fanger opp. Komprimeringsalgoritmer identifiserer og fjerner informasjonen du aldri vil legge merke til mangler.

Nærmere bestemt utnytter tapskomprimering:

• Fargesensitivitet. Menneskelige øyne er mer sensitive overfor lysstyrkeendringer enn fargeendringer. Komprimering reduserer fargepresisjonen mer aggressivt.
• Høyfrekvente detaljer. Fine teksturer og subtile gradienter kan forenkles uten merkbar effekt.
• Redundans. Områder med lignende farge (en blå himmel, en hvit vegg) kan representeres mer effektivt.

Trikset er å finne riktig komprimeringsnivå. For lite komprimering sløser båndbredde. For mye komprimering introduserer synlige artefakter: uskarphet, banding og blokkete områder.

Praktiske regler for ulike brukstilfeller

For nettsider

• Maks bredde: 1920 piksler for fullbredde-bilder, 800–1200 piksler for innholdsbilder
• Format: WebP med JPG-tilbakefall
• Kvalitet: 75–85 %
• Målstørrelse: Under 200 KB per bilde, under 100 KB for miniatyrbilder

For e-postvedlegg

• Maks bredde: 1200–1600 piksler
• Format: JPG (universell kompatibilitet)
• Kvalitet: 80–85 %
• Målstørrelse: Under 500 KB per bilde, totale vedlegg under 10 MB

For sosiale medier

Hver plattform har sine egne optimale dimensjoner, men som en generell regel:

• Instagram: 1080 × 1080 (kvadrat), 1080 × 1350 (portrett)
• Facebook: 1200 × 630 for lenkeforhåndsvisninger
• LinkedIn: 1200 × 627
• Format: JPG eller PNG
• Kvalitet: 85–90 % (plattformer komprimerer bildene dine på nytt, så å starte med litt høyere kvalitet er lurt)

De største feilene folk gjør

1. Laste opp kamera-originalfiler

Et råfotografi fra en moderne smarttelefon er 3–8 MB. En DSLR-råfil kan være 25–50 MB. Å laste disse direkte opp til en nettside er den aller vanligste årsaken til trege sider.

2. Bruke PNG for fotografier

PNG er feil format for fotografier. Et fotografi lagret som PNG kan være 5–10 ganger større enn det samme bildet lagret som JPG ved kvalitet 85 %, med ingen synlig forskjell.

3. Ikke endre størrelse før komprimering

Å komprimere et 4000-piksler-bredt bilde ned til 200 KB er mye mindre effektivt enn å først endre størrelsen til 1200 piksler bredde og deretter komprimere. Endre størrelse først, komprimer deretter.

4. Komprimere flere ganger

Hver gang du åpner en JPG, redigerer den og lagrer den igjen, komprimeres den på nytt. Over flere redigeringssykluser degraderes kvaliteten merkbart. Jobb alltid fra originalen og komprimer bare den endelige versjonen.

Effekten av bildeoptimalisering

Å optimalisere bilder handler ikke bare om bekvemmelighet. For nettsider påvirker det direkte:

• Sideinnlastingshastighet. Raskere sider rangerer høyere i Googles søkeresultater.
• Brukeropplevelse. 53 % av mobilbrukere forlater sider som tar mer enn 3 sekunder å laste.
• Båndbreddekostnader. For nettsteder med mye trafikk kan bildeoptimalisering spare betydelige hostingkostnader.
• Tilgjengelighet. Brukere med trege tilkoblinger eller databegrensede abonnement tjener enormt.

Klar til å optimalisere bildene dine? Følg vår trinnvise guide: Slik komprimerer du et bilde. Det er gratis, fungerer i nettleseren din og lar deg se kvalitetsforskjellen før du laster ned.