CodeKitHubMis see tööriist on?
PNG on kadudeta, seega pole sellel "kvaliteedi" seadistust, mida alandada — naiivne ümberkodeerimine aitab vähe. Tõeline PNG-kompressioon toimib teisiti: palettikvantimine vähendab pildi hoolikalt valitud värvikomplektiks (kuni 256). Kuna ekraanipildid, logod ja liidesegraafika kasutavad harva rohkem eristuvaid värve kui see, muutub fail 50–70% väiksemaks, näinud identsena. Läbipaistvus (alfakanal) säilib täielikult.
See on tehnika hästituntud teenuste, näiteks TinyPNG taga — erinevus siin on selles, et see töötab su brauseris avatud lähtekoodiga mootori abil, seega jäävad su pildid sinu seadmesse ja päevast faililimiit puudub.
Miks seda kasutada?
- Tõeline kompressioon (tüüpiliselt 50–70%), mitte platseebo ümberkodeerimine.
- Läbipaistvus säilib — turvaline logode, ikoonide ja liidesevarade jaoks.
- Ei laadi üles, erinevalt TinyPNG-laadsetest teenustest — ja seega ka failiarvu piiranguid pole.
- Reguleeritav värvieelarve (16–256) koos iga pildi kokkuhoiu näitamisega.
- Pakktöötluse tugi, tasuta, ilma vesimärgita.
Kuidas kasutada
- Lohista PNG-failid kasti (kompressiooni mootor laadib end automaatselt, ühekordselt).
- Jäta 256 värvi visuaalselt identse tulemuse jaoks, või vähenda seda väiksemate failide jaoks.
- Iga tulemus näitab täpset kokkuhoidu — klõpsa Laadi alla.
- Kui fotolaadne PNG ei kahane piisavalt, teisenda see hoopis JPG-ks (vaata PNG to JPG).
Näide
Sisend
app-screenshot.png — 980 KBTulemus
app-screenshot-compressed.png — 290 KB (−70%), 256 värviEkraanipildid ja liidesegraafika kvantitavad suurepäraselt; palett katab kõik värvid, mida need tegelikult kasutavad.
Meie enda testimisest
Meie käivitustest kasutas tahtlikult karmi pilti: 600×400 PNG, mis oli täidetud 200 kattuva poolläbipaistva värvilaiguga — palju segasem kui tüüpiline ekraanipilt. See kvantiseerus 31,1 KB-lt 7,8 KB-le (−75%) 256 värvi juures, alfakanal jäi puutumata. Reaalse maailma liidesegraafika suruneb veelgi paremini kokku, sest need kasutavad meie stressitestist vähem eristuvaid värve. Aus varjukülg, mille me samuti kinnitasime: fotograafiline sisu näitab nähtavat vööndumist 256 värvi juures — siis tasub kasutada JPG/WebP marsruuti, mistõttu konverterite lingid on ühe lõigu võrra kõrgemal.
Levinud kasutusjuhud
- Rakenduse või veebisaidi ekraanipiltide vähendamine enne veakirjeldusele või dokumentatsioonilehele lisamist.
- Logo või ikoonikomplekti kompressimine veebisaidi jaoks ilma läbipaistva tausta kadumata, mida arendajad vajavad.
- Disainitööriistadest eksporditud liidesemakettide suuruse vähendamine enne meeskonnaga jagamist.
- Liidesegraafika partii kaalu vähendamine stiiliraamatu või disainisüsteemi repositooriumi jaoks.
Korduma kippuvad küsimused
Kuidas saab kadudeta vormingut veel rohkem kokku suruda?
Muutes selle nutikalt kergelt kadudega: kvantimine valib ~256 värvi, mis esindavad pilti kõige paremini, ja kaardistab iga piksli nende peale. Piiratud värvivahemikuga graafika puhul on tulemus visuaalselt identne — tehniliselt kadudega, praktikas eristamatu.
Kas läbipaistvus säilib kompressiooni ajal?
Jah — alfakanal säilib, sh poolläbipaistvad pikslid (varjud, ääristega siludatud servad). See on täpselt see, mida logod ja liidesevarad vajavad.
Millal PNG-kompressioon halvasti töötab?
Fotode ja sujuvate värviüleminekute puhul — need kasutavad tuhandeid värve, seega võib 256 värvi juures tekkida vööndumine (banding). Fotosisu jaoks hoiab JPG-ks või WebP-ks teisendamine palju rohkem kokku; selleks ongi meie PNG to JPG konverter.
Mille poolest erineb see TinyPNG-st?
Sama aluseks olev tehnika (palettikvantimine), sarnane kokkuhoid. Praktilised erinevused: sinu failid ei lähe siin kunagi üles laaditud, pole 20-faili pakkupiirangut, pole 5 MB piirangut ega tasulist astet — sest siin ei tee tööd ükski server.
Mis värvide arvu peaksin valima?
Alusta 256-st — visuaalselt identne peaaegu kogu graafika jaoks. Vähenda 64-le või 32-le ikoonide ja lihtsate liideseelementide jaoks rohkem kokkuhoiu saamiseks; jälgi eelvaate pisipilti vööndumise osas.