CodeKitHubVad är detta verktyg?
PNG är förlustfritt, så det har ingen "kvalitets"-inställning att sänka — naiv omkodning hjälper knappt alls. Riktig PNG-komprimering fungerar annorlunda: paletkvantisering reducerar bilden till en noggrant vald uppsättning färger (upp till 256). Eftersom skärmdumpar, logotyper och gränssnittsgrafik sällan använder fler distinkta färger ändå, blir filen 50–70% mindre samtidigt som den ser identisk ut. Transparensen (alfakanalen) bevaras helt.
Det här är tekniken bakom kända tjänster som TinyPNG — skillnaden här är att den körs i din webbläsare via en öppen källkodsmotor, så dina bilder stannar på din enhet och det finns ingen daglig filgräns.
Varför använda det?
- Verklig komprimering (50–70% vanligtvis), inte en placeboomkodning.
- Transparens bevaras — säkert för logotyper, ikoner och gränssnittsresurser.
- Ingen uppladdning, till skillnad från TinyPNG-liknande tjänster — och därmed inga gränser för antal filer.
- Justerbar färgbudget (16–256) med visad besparing per bild.
- Stöd för batch, gratis, ingen vattenstämpel.
Så använder du det
- Släpp PNG-filer på rutan (komprimeringsmotorn laddas automatiskt, en gång).
- Behåll 256 färger för visuellt identiska resultat, eller sänk för mindre filer.
- Varje resultat visar den exakta besparingen — klicka på Ladda ner.
- Om en fotoliknande PNG inte krymper tillräckligt, konvertera den till JPG istället (se PNG till JPG).
Exempel
Inmatning
app-skarmdump.png — 980 KBResultat
app-skarmdump-komprimerad.png — 290 KB (−70%), 256 färgerSkärmdumpar och gränssnittsgrafik kvantiseras fantastiskt bra; paletten täcker varenda färg de faktiskt använder.
Från våra egna tester
Vårt lanseringstest använde en avsiktligt besvärlig bild: en 600×400 PNG fylld med 200 överlappande halvtransparenta färgfläckar — betydligt rörigare än en typisk skärmdump. Den kvantiserades från 31,1 KB ner till 7,8 KB (−75%) vid 256 färger, med alfakanalen intakt. Verklig gränssnittsgrafik komprimeras ännu bättre eftersom den använder färre distinkta färger än vårt stresstest. Den ärliga baksidan vi också bekräftade: fotografiskt innehåll visar synlig bandning vid 256 färger — då vill du istället ta JPG/WebP-vägen, vilket är varför länkarna till omvandlaren finns en sektion upp.
Vanliga användningsområden
- Krympa skärmdumpar av appar eller webbplatser innan de bifogas till en felrapport eller dokumentationssida.
- Komprimera en logotyp eller ikonuppsättning för en webbplats utan att förlora den transparenta bakgrunden som utvecklare är beroende av.
- Minska storleken på exporterade gränssnittsprototyper från designverktyg innan de delas med ett team.
- Minska vikten på en batch med gränssnittsgrafik för en stilguide eller ett designsystem-repository.
Vanliga frågor
Hur kan ett förlustfritt format komprimeras ytterligare?
Genom att göra det något förlustbehäftat på ett smart sätt: kvantisering väljer de ~256 färger som bäst representerar bilden och mappar varje pixel till dem. För grafik med begränsat färgomfång blir resultatet visuellt identiskt — tekniskt förlustbehäftat, i praktiken omöjligt att skilja.
Överlever transparensen komprimeringen?
Ja — alfakanalen bevaras, inklusive halvtransparenta pixlar (skuggeffekter, kantutjämnade kanter). Det är precis vad logotyper och gränssnittsresurser behöver.
När fungerar PNG-komprimering dåligt?
På fotografier och mjuka övertoningar — de använder tusentals färger, så 256 kan visa bandning. För fotoinnehåll sparar konvertering till JPG eller WebP mycket mer; det är vad vår PNG till JPG-omvandlare är till för.
Hur skiljer sig det här från TinyPNG?
Samma underliggande teknik (paletkvantisering), liknande besparingar. De praktiska skillnaderna: dina filer laddas aldrig upp här, det finns ingen gräns på 20 filer per batch, ingen gräns på 5 MB, och ingen betalnivå — eftersom det inte finns någon server som gör arbetet.
Vilket antal färger bör jag välja?
Börja på 256 — visuellt identiskt för nästan all grafik. Sänk till 64 eller 32 för ikoner och enkla gränssnittselement för att pressa ner storleken ytterligare; håll koll på förhandsvisningsbilden efter bandning.