CodeKitHubVarför använda det?
- 100 % lokalt: bilder lämnar aldrig din enhet — säkert för privata foton och osläppta designer.
- Inga gränser: ingen maxfilstorlek, ingen daglig kvot, ingen vattenstämpel, inget konto.
- Batchläge — släpp in många bilder samtidigt, var och en får sin egen nedladdning.
- Kvalitetsreglage + max-bredd-storleksändring + JPG/WebP-utdata — de tre inställningarna som faktiskt betyder något.
- Visar exakt besparing per bild så du kan bedöma avvägningen.
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.
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.
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.