Bildkomprimerare

Referens

Hur fungerar bildkomprimering?

Detta verktyg använder webbläsarens inbyggda Canvas API för att omkoda bilder med en lägre kvalitetsinställning. Bilden ritas på ett HTML Canvas-element och exporteras sedan med canvas.toBlob() med valt format och kvalitetsnivå. Detta är förlustbringande komprimering — redundant visuell data kasseras med algoritmer som Discrete Cosine Transform (DCT) för JPEG och prediktiv kodning för WebP. Resultatet är en betydligt mindre fil med minimal märkbar kvalitetsförlust.

JPEG vs WebP vs PNG — vilket format ska man välja

JPEG: Bäst för fotografier och bilder med komplexa färggradienter. Stöder kvalitetsjustering från 1–100%. Inget transparensstöd. Det mest brett kompatibla formatet — fungerar överallt. WebP: Utvecklat av Google, WebP uppnår 25–35% mindre filstorlekar än JPEG vid motsvarande visuell kvalitet. Stöder transparens (alfakanal) och animering. Stöds av alla moderna webbläsare sedan 2020. Det rekommenderade formatet för webbanvändning. PNG: Förlustfri komprimering — ingen kvalitetsförlust oavsett inställning. Bäst för skärmdumpar, grafik med skarpa kanter, textöverlägg, logotyper och bilder som kräver transparens. Kvalitetsreglaget har ingen effekt på PNG-utdata eftersom formatet är medfött förlustfritt.

Varför optimera bilder för webben?

Bilder utgör ungefär 50% av den totala sidvikten på den genomsnittliga webbplatsen enligt HTTP Archive. Ooptimerade bilder är den främsta orsaken till långsam Largest Contentful Paint (LCP) — ett Core Web Vital som direkt påverkar Googles sökrankingar. Att komprimera en hero-bild från 2 MB till 200 KB kan minska laddningstiden med flera sekunder på mobila anslutningar. Google rekommenderar att hålla den totala sidvikten under 1,6 MB för god mobilprestanda — korrekt bildkomprimering är ofta den enskilt största vinsten för att nå detta mål.

Användningsområden för bildkomprimering

Webbprestanda — minska bildstorlekar för att uppnå Core Web Vitals-trösklar och förbättra Lighthouse-poäng. E-postbilagor — komprimera bilder under den typiska bilagegränsen på 25 MB (Gmail, Outlook). Sociala medier — optimera bilder för uppladdningsgränser: Twitter (5 MB), Instagram (30 MB), LinkedIn (10 MB). E-handel — komprimera produktfoton utan synlig kvalitetsförlust för att förbättra sidhastighet och konverteringsgrad. Dokumentation — minska skärmdumpar för README-filer, wikis och Confluence-sidor för att hålla arkiv och sidor lättviktiga.

Välja rätt kvalitetsinställning

För JPEG erbjuder en kvalitet på 75–85% den bästa balansen mellan filstorlek och visuell trohet — kontrollerade studier visar att de flesta användare inte kan urskilja kvalitet över 85%. Under 60% blir komprimeringsartefakter (blockiga områden, färgbandning) märkbara, särskilt i gradienter och hudtoner. WebP vid kvalitet 80 matchar typiskt JPEG vid kvalitet 90 samtidigt som den är 30% mindre. För PNG har kvalitetsreglaget ingen effekt — PNG är alltid förlustfritt. Använd PNG bara när du behöver pixelperfekt reproduktion (skärmdumpar med text, logotyper, ikoner) eller alfatransparens.

Integritet

All bildbearbetning körs 100% i din webbläsare med Canvas API. Inga bilder laddas upp till någon server — dina filer lämnar aldrig din enhet.