CodeKitHubKaj je to orodje?
PNG je brezizgubna oblika, zato nima nastavitve "kakovosti", ki bi jo lahko znižal — naivno ponovno kodiranje malo pomaga. Prava kompresija PNG deluje drugače: kvantizacija palete zmanjša sliko na skrbno izbran nabor barv (do 256). Ker posnetki zaslona, logotipi in grafike vmesnika redko uporabljajo več različnih barv kot to, se datoteka zmanjša za 50–70 %, videti pa je enako. Prosojnost (alfa kanal) je v celoti ohranjena.
To je tehnika, ki stoji za znanimi storitvami, kot je TinyPNG — razlika je v tem, da tukaj deluje v tvojem brskalniku prek odprtokodnega motorja, tako da tvoje slike ostanejo na tvoji napravi, brez dnevne omejitve datotek.
Zakaj ga uporabiti?
- Prava kompresija (tipično 50–70 %), ne le navidezno ponovno kodiranje.
- Prosojnost ohranjena — varno za logotipe, ikone in sredstva vmesnika.
- Brez nalaganja, drugače kot pri storitvah v slogu TinyPNG — in zato brez omejitev števila datotek.
- Prilagodljiv proračun barv (16–256) s prikazanimi prihranki za vsako sliko.
- Podpora za skupine datotek, brezplačno, brez vodnega žiga.
Kako ga uporabljati
- Spusti PNG datoteke v okvir (kompresijski motor se naloži samodejno, enkrat).
- Obdrži 256 barv za vizualno identičen rezultat ali zmanjšaj za manjše datoteke.
- Vsak rezultat prikaže natanek prihranek — klikni Prenesi.
- Če se PNG s fotografsko vsebino ne zmanjša dovolj, ga raje pretvori v JPG (glej PNG v JPG).
Primer
Vnos
posnetek-aplikacije.png — 980 KBRezultat
posnetek-aplikacije-compressed.png — 290 KB (−70 %), 256 barvPosnetki zaslona in grafike vmesnika se čudovito kvantizirajo; paleta pokrije vsako barvo, ki jo dejansko uporabljajo.
Iz naših lastnih testov
Naš test ob zagonu je uporabil namerno neugodno sliko: 600×400 PNG, napolnjen s 200 prekrivajočimi se polprosojnimi barvnimi lisami — precej bolj kaotičen od tipičnega posnetka zaslona. Kvantizacija ga je zmanjšala s 31,1 KB na 7,8 KB (−75 %) pri 256 barvah, z ohranjenim alfa kanalom. Resnične grafike vmesnika se stisnejo še bolje, saj uporabljajo manj različnih barv kot naš stresni test. Poštena druga plat, ki smo jo prav tako potrdili: fotografska vsebina pri 256 barvah kaže vidne proge — takrat je bolje uporabiti pot JPG/WebP, zato so povezave na pretvornik en razdelek višje.
Pogosti primeri uporabe
- Zmanjšanje posnetkov zaslona aplikacije ali spletne strani pred prilaganjem k poročilu o napaki ali dokumentaciji.
- Stiskanje logotipa ali nabora ikon za spletno stran, ne da bi izgubil prosojno ozadje, ki ga potrebujejo razvijalci.
- Zmanjšanje velikosti izvozov maket vmesnika iz orodij za oblikovanje pred deljenjem z ekipo.
- Zmanjšanje teže skupine grafik vmesnika za slogovni vodnik ali repozitorij oblikovnega sistema.
Pogosta vprašanja
Kako se lahko brezizgubna oblika dodatno stisne?
S tem, da postane rahlo izgubna na pameten način: kvantizacija izbere ~256 barv, ki najbolje predstavljajo sliko, in vsak piksel preslika nanje. Za grafike z omejenim razponom barv je rezultat vizualno identičen — tehnično izgubno, praktično neopazno.
Ali bo prosojnost preživela kompresijo?
Da — alfa kanal je ohranjen, vključno s polprosojnimi piksli (senčenje, glajeni robovi). To je natanko tisto, kar potrebujejo logotipi in sredstva vmesnika.
Kdaj kompresija PNG deluje slabo?
Pri fotografijah in gladkih prelivih — te uporabljajo tisoče barv, zato lahko 256 povzroči proge. Za fotografsko vsebino veliko več prihrani pretvorba v JPG ali WebP; za to je namenjen naš pretvornik PNG v JPG.
Kako se to razlikuje od TinyPNG?
Enaka osnovna tehnika (kvantizacija palete), podobni prihranki. Praktične razlike: tvoje datoteke se tukaj nikoli ne naložijo, ni omejitve 20 datotek na skupino, ni omejitve 5 MB in ni plačljive stopnje — ker delo ne opravlja strežnik.
Katero število barv naj izberem?
Začni pri 256 — vizualno identično za skoraj vse grafike. Zniža na 64 ali 32 za ikone in preproste elemente vmesnika za dodatno stiskanje; pri tem opazuj sličico predogleda glede prog.