Bildekomprimerer

Referanse

Hvordan fungerer bildekomprimering?

Dette verktøyet bruker nettleserens innebygde Canvas API for å kode bilder på nytt med en lavere kvalitetsinnstilling. Bildet tegnes på et HTML Canvas-element, deretter eksporteres med canvas.toBlob() med det valgte formatet og kvalitetsnivået. Dette er tapsbringende komprimering — overflødig visuell data forkastes ved hjelp av algoritmer som Discrete Cosine Transform (DCT) for JPEG og prediktiv koding for WebP. Resultatet er en betydelig mindre fil med minimalt merkbart kvalitetstap.

JPEG vs WebP vs PNG — hvilket format velge

JPEG: Best for fotografier og bilder med komplekse fargegradienter. Støtter kvalitetsjustering fra 1–100 %. Ingen gjennomsiktighetsstøtte. Det mest bredt kompatible formatet — fungerer overalt. WebP: Utviklet av Google, oppnår WebP 25–35 % mindre filstørrelser enn JPEG ved tilsvarende visuell kvalitet. Støtter gjennomsiktighet (alfakanal) og animasjon. Støttet av alle moderne nettlesere siden 2020. Det anbefalte formatet for nettbruk. PNG: Tapsfri komprimering — ingen kvalitetstap uansett innstilling. Best for skjermbilder, grafikk med skarpe kanter, tekstoverlegg, logoer og bilder som krever gjennomsiktighet. Kvalitetsglideren har ingen effekt på PNG-utdata siden formatet er iboende tapsfritt.

Hvorfor optimalisere bilder for nettet?

Bilder utgjør omtrent 50 % av total sidevekt på det gjennomsnittlige nettstedet ifølge HTTP Archive. Uoptimaliserte bilder er den viktigste årsaken til treg Largest Contentful Paint (LCP) — en Core Web Vital som direkte påvirker Google-søkerangeringer. Komprimering av et heltebilde fra 2 MB til 200 KB kan kutte lastetiden med flere sekunder på mobilforbindelser. Google anbefaler å holde total sidevekt under 1,6 MB for god mobilytelse — riktig bildekomprimering er ofte den største enkeltgevinsten for å nå dette målet.

Bruksområder for bildekomprimering

Nettytelse — reduser bildestørrelser for å oppfylle Core Web Vitals-terskler og forbedre Lighthouse-poeng. E-postvedlegg — komprimer bilder under typiske 25 MB vedleggsgrenser (Gmail, Outlook). Sosiale medier — optimaliser bilder for opplastingsgrenser: Twitter (5 MB), Instagram (30 MB), LinkedIn (10 MB). E-handel — komprimer produktbilder uten synlig kvalitetstap for å forbedre sidehastighet og konverteringsrater. Dokumentasjon — krymp skjermbilder for README-filer, wikier og Confluence-sider for å holde repositorier og sider lette.

Velge riktig kvalitetsinnstilling

For JPEG gir en kvalitet på 75–85 % den beste balansen mellom filstørrelse og visuell kvalitet — kontrollerte studier viser at de fleste brukere ikke kan skille kvalitet over 85 %. Under 60 % blir komprimeringsartefakter (blokkete områder, fargebånding) merkbare, spesielt i gradienter og hudtoner. WebP ved kvalitet 80 matcher typisk JPEG ved kvalitet 90 samtidig som den er 30 % mindre. For PNG har kvalitetsglideren ingen effekt — PNG er alltid tapsfritt. Bruk PNG bare når du trenger piksel-perfekt gjengivelse (skjermbilder med tekst, logoer, ikoner) eller alfagjennomsiktighet.

Personvern

All bildebehandling kjører 100% i nettleseren din med Canvas API. Ingen bilder lastes opp til noen server — filene dine forlater aldri enheten din.