CodeKitHubVarför använda det?
- Din e-handelssajts produktsidor laddas långsamt på mobilen eftersom varje produktfoto är 4 MB rakt från kameran — komprimera hela mappen på en gång vid 75 % kvalitet och krymp filstorleken kraftigt utan synlig skillnad.
- Du skickar bilder till en kund via e-post, men inkorgen avvisar bilagor över 25 MB — komprimera en batch på tio bilder samtidigt och håll dig gott under gränsen.
- Du redigerar konfidentiella produktbilder inför en lanseringsdag och vill inte att de ska passera någon extern server — allt sker lokalt, bilderna lämnar aldrig din enhet.
- Du bygger en webbplats och vill förbättra Core Web Vitals-poängen — konvertera hero-bilderna till WebP och begränsa bredden till 1920px i ett svep.
- Du fick en transparent logotyp i PNG-format men den väger 3 MB — behåll transparensen genom att välja WebP som utdataformat istället för PNG och spara ändå betydande utrymme.
Vanliga frågor
Kommer komprimering att få mina bilder att se sämre ut?
Vid 70–85 % kvalitet är skillnaderna praktiskt taget osynliga för foton som visas på en skärm. Synliga artefakter dyker upp under cirka 50 %. Textrika skärmdumpar är undantaget — de visar artefakter tidigare i JPG; prova WebP-utdata eller håll kvaliteten över 85 % för dem.
Finns det en filstorleks- eller antalsgräns?
Nej. Eftersom komprimeringen körs på din enhet istället för en server finns det inget att begränsa — komprimera en 50 MB-bild eller 100 bilder i en batch. Mycket stora bilder tar bara lite längre tid.
Laddas mina bilder upp någonstans?
Nej. Filer läses och kodas om helt av din webbläsare med HTML5 canvas-API:et. Du kan ladda den här sidan, gå offline och fortsätta komprimera.
Ska jag välja JPG- eller WebP-utdata?
WebP är vanligtvis 25–35 % mindre vid samma visuella kvalitet och fungerar i alla moderna webbläsare — bäst för webbplatser. JPG öppnas överallt inklusive gammal programvara och skrivare — bäst för delning och e-post. Vid tveksamhet, välj JPG.
Varför blev min PNG så mycket mindre?
PNG är förlustfri, vilket är kostsamt för foton — en fotografisk PNG är ofta 5–10 gånger större än en visuellt identisk JPG. Att konvertera foto-PNG till JPG/WebP ger den största besparingen av alla. Behåll PNG bara för grafik som behöver transparens eller knivskarpa kanter.
Varför är utdatan ibland större än originalet?
Om bilden redan var kraftigt komprimerad kan omkodning inte hjälpa och kan lägga till byte. Verktyget berättar när detta sker — behåll bara originalet i så fall.
Är förstörande och förlustfri komprimering samma sak?
Nej. Förlustfri komprimering (PNG) omorganiserar data utan att förlora information — det uppackade resultatet är pixel-för-pixel identiskt med originalet. Förstörande komprimering (JPG, WebP med kvalitetsinställning) kastar bort data under uppfattningströskeln för att uppnå en mycket mindre filstorlek. Det här verktyget använder förstörande komprimering för JPG och WebP, eftersom foton tål det väl.
Behålls bildens EXIF-data (plats, kameramodell) efter komprimering?
Nej — omkodningen med HTML5 canvas-API:et ritar om bilden från grunden, så original-EXIF-metadata (GPS-plats, kameramodell, tidsstämpel) följer inte med i utdatafilen. Det här är i praktiken en integritetsfördel: delar du mobilfoton offentligt tar komprimeringen automatiskt bort platsdata.
Kan jag konvertera bildformatet till ett annat, t.ex. PNG till JPG?
Ja — välj önskat utdataformat (JPG eller WebP) oavsett vilket format originalbilden har. Det här är faktiskt det vanligaste sättet att få den största besparingen på fotografiska PNG-filer som ursprungligen sparades i fel format.
Vad är detta verktyg?
En bildkomprimerare minskar filstorleken genom att koda om bilden med effektivare (förstörande) inställningar. Ett foto från en mobilkamera är ofta 3–8 MB; för en webbplats, chattmeddelande eller e-post ser 200–500 KB vanligtvis identiskt ut på skärmen. Mindre bilder laddas upp snabbare, laddas snabbare och sparar lagringsutrymme och bandbredd.
Det här verktyget kodar om bilder med webbläsarens egen codec vid din valda kvalitet, och kan valfritt skala ner mycket stora bilder till en rimlig maxbredd — de två spakar som betyder mest för filstorleken. Komprimeringsstyrka mot synlig kvalitet är alltid en avvägning; de direkta före/efter-storlekarna hjälper dig hitta rätt balans för varje bild.
Formatjämförelse: JPG vs WebP vs PNG för storlek
Samma foto, samma visuella kvalitet, tre mycket olika storlekar: PNG är tungviktaren (förlustfri — ofta 5–10 gånger JPG-storleken för foton), JPG är den universella mellanvägen, WebP hamnar vanligtvis 25–35 % under JPG. Så komprimeringshierarkin för ett foto är: konvertera bort från PNG först, välj sedan JPG för kompatibilitet eller WebP för minsta storlek.
Grafik vänder på tabellen: för skärmdumpar, logotyper och bilder med platta färger i gränssnitt slår en palettkvantiserad PNG vanligtvis JPG i både storlek och skärpa — JPG:s fotografiska komprimering suddar ut skarpa kanter. Det fallet har sitt eget verktyg nedan.
| Innehållstyp | Bästa format | Varför |
|---|---|---|
| Foton för webb/e-post/chatt | WebP (eller JPG för kompatibilitet) | Förstörande komprimering passar fotografiska detaljer; WebP är 25–35 % mindre än JPG vid samma kvalitet. |
| Skärmdumpar, logotyper, platt UI-färg | PNG | Förlustfri — JPG:s fotografiska komprimering gör skarp text och hårda kanter suddiga. |
| Bilder som behöver transparens | PNG eller WebP | JPG har ingen alfakanal; PNG och WebP stöder båda transparenta bakgrunder. |
| Maximal kompatibilitet (gammal programvara, skrivare) | JPG | Universellt stödd sedan 1990-talet; WebP-stöd är nyare, om än numera nästan universellt i webbläsare. |
Prestandaanteckningar
- Ändra storlek innan du komprimerar hårdare: att minska måtten från 4000px till 1920px tar bort cirka 77 % av pixlarna — inget kvalitetsreglage kan matcha det.
- Batchbearbetning körs sekventiellt på din CPU; hundra mobilfoton tar ett par minuter på en bärbar dator. Ingenting köas på en server, så det är fortfarande vanligtvis snabbare än uppladdningsbaserade sajter — och det fungerar offline.
- Procenttalet är din återkopplingsloop: om det visar ensiffriga tal var bilden redan optimerad och ytterligare kvalitetssänkning kommer att skada utseendet innan det hjälper storleken.
- För webbpublicering, sikta på ≤200 KB för innehållsbilder och ≤500 KB för fullbreddshjältebilder; dessa budgetar håller Core Web Vitals bekväma på mobila anslutningar.
EXIF-data och integritet
Ett foto taget med en mobilkamera innehåller ofta EXIF-metadata: GPS-koordinater för var bilden togs, kameramodell, exakt tidsstämpel och ibland till och med enhetens serienummer. Delar du bilden som den är på sociala medier eller en annonssajt, delar du oavsiktligt även den här datan — den är synlig för alla som kontrollerar filens egenskaper.
Eftersom det här verktyget ritar om bilden med HTML5 canvas-API:et följer EXIF-data inte med i den komprimerade utdatan. Det här är en användbar bieffekt ur säkerhetssynpunkt: säljer du saker online eller delar semesterbilder offentligt tar komprimeringen automatiskt bort platsdata utan något extra steg.
Från vår egen testning
Innan vi lanserade det här verktyget körde vi det mot genererade testbilder och kontrollerade utdatan pixel för pixel, inte bara med ögat. En 3000×2000 flerfärgad PNG gick från 140 KB till 94 KB (−33 %) vid 75 % kvalitet med taket på 1920px — och eftersom testbilden var syntetisk kunde vi verifiera att ingen pixel avvek mer än JPG-codecens förväntade tolerans. Vi bekräftade också att varningen för redan optimerad fil utlöses korrekt istället för att i tysthet producera en större fil: mata den med en tätt komprimerad JPG och den säger åt dig att behålla originalet istället för att låtsas att det hjälpte.
Så använder du det
- Släpp bilder på rutan (eller klicka för att välja) — JPG, PNG och WebP stöds.
- Ställ in kvaliteten: 75 % är en bra balans; sänk till 60 % för maximal besparing.
- Välj en maxbredd — 1920px räcker gott för fullskärmsanvändning på webben.
- Välj JPG (universell) eller WebP (mindre, alla moderna webbläsare) som utdata.
- Klicka på Ladda ner bredvid varje resultat. Storleken och den procentuella besparingen visas per fil.
Exempel
- Inmatning
mobilfoto.jpg — 4,20 MB, 4032×3024- Resultat
mobilfoto-komprimerad.jpg — 0,48 MB (−89 %), 1920×1440
Storleksändring till 1920px och omkodning vid 75 % kvalitet: visuellt identisk på vilken skärm som helst, 9 gånger mindre.