CodeKitHubŠto je ovaj alat?
PNG je bezgubitni format, pa nema postavku "kvalitete" koju biste mogli smanjiti — naivno ponovno kodiranje jedva pomaže. Prava PNG kompresija radi drugačije: kvantizacija palete svodi sliku na pažljivo odabran skup boja (do 256). Budući da snimke zaslona, logotipi i grafika sučelja rijetko koriste više različitih boja od toga, datoteka postaje 50–70% manja uz identičan izgled. Transparentnost (alfa kanal) u potpunosti je sačuvana.
Ovo je tehnika u pozadini poznatih usluga poput TinyPNG-a — razlika je u tome što ovdje radi u vašem pregledniku putem open-source enginea, tako da vaše slike ostaju na vašem uređaju i nema dnevnog ograničenja broja datoteka.
Zašto ga koristiti?
- Prava kompresija (tipično 50–70%), a ne kozmetičko ponovno kodiranje.
- Transparentnost sačuvana — sigurno za logotipe, ikone i elemente sučelja.
- Bez slanja na server, za razliku od usluga poput TinyPNG-a — pa stoga bez ograničenja broja datoteka.
- Prilagodljiv broj boja (16–256) uz prikaz uštede po slici.
- Podrška za grupnu obradu, besplatno, bez vodenog žiga.
Kako ga koristiti
- Ispustite PNG datoteke u okvir (kompresijski engine se učitava automatski, jednom).
- Zadržite 256 boja za vizualno identičan rezultat, ili smanjite za manje datoteke.
- Svaki rezultat prikazuje točnu uštedu — kliknite Download.
- Ako se PNG s fotografijom ne smanji dovoljno, pretvorite ga u JPG (pogledajte PNG u JPG).
Primjer
Ulaz
app-screenshot.png — 980 KBIzlaz
app-screenshot-compressed.png — 290 KB (−70%), 256 bojaSnimke zaslona i grafika sučelja odlično se kvantiziraju; paleta pokriva svaku boju koju stvarno koriste.
Iz naših vlastitih testova
Naš test pri lansiranju koristio je namjerno nezgodnu sliku: PNG dimenzija 600×400 ispunjen s 200 preklapajućih polutransparentnih mrlja boje — mnogo neurednije od tipične snimke zaslona. Smanjena je s 31,1 KB na 7,8 KB (−75%) pri 256 boja, uz netaknut alfa kanal. Stvarna grafika sučelja komprimira se čak i bolje jer koristi manje različitih boja od našeg testa opterećenja. Iskrena druga strana koju smo također potvrdili: fotografski sadržaj pokazuje vidljivo vrpčanje pri 256 boja — tad vam treba put preko JPG/WebP, zbog čega se poveznice na pretvarače nalaze upravo odjeljak iznad.
Uobičajeni slučajevi upotrebe
- Smanjivanje snimki zaslona aplikacije ili web-mjesta prije prilaganja izvještaju o grešci ili stranici dokumentacije.
- Kompresija logotipa ili skupa ikona za web-mjesto bez gubitka transparentne pozadine o kojoj ovise programeri.
- Smanjivanje veličine izvoza UI maketa iz alata za dizajn prije dijeljenja s timom.
- Smanjivanje opterećenja grupe grafika sučelja za vodič stila ili repozitorij sustava dizajna.
Često postavljana pitanja
Kako se bezgubitni format može dodatno komprimirati?
Tako da se pametno učini blago gubitkovnim: kvantizacija bira ~256 boja koje najbolje predstavljaju sliku i svaki piksel mapira na njih. Za grafiku s ograničenim rasponom boja rezultat je vizualno identičan — tehnički gubitkovan, u praksi neprimjetan.
Hoće li transparentnost preživjeti kompresiju?
Da — alfa kanal je sačuvan, uključujući djelomično transparentne piksele (sjene, izglađene rubove). Upravo to trebaju logotipi i elementi sučelja.
Kad PNG kompresija loše funkcionira?
Na fotografijama i glatkim prijelazima boja — koriste tisuće boja, pa 256 može pokazati vrpčanje. Za fotografski sadržaj, pretvorba u JPG ili WebP štedi mnogo više; za to služi naš pretvarač PNG u JPG.
Po čemu se ovo razlikuje od TinyPNG-a?
Ista temeljna tehnika (kvantizacija palete), slična ušteda. Praktične razlike: vaše se datoteke ovdje nikad ne šalju na server, nema ograničenja od 20 datoteka po grupi, nema ograničenja od 5 MB, i nema plaćenog plana — jer nema servera koji odrađuje posao.
Koji broj boja odabrati?
Počnite sa 256 — vizualno identično za gotovo svu grafiku. Smanjite na 64 ili 32 za ikone i jednostavne elemente sučelja radi dodatne uštede; pratite sličicu pregleda zbog vrpčanja.