CodeKitHubKas ir šis rīks?
PNG ir bezzudumu formāts, tāpēc tam nav "kvalitātes" iestatījuma, ko pazemināt — naiva pārkodēšana palīdz maz. Reāla PNG saspiešana darbojas savādāk: paletes kvantizācija samazina attēlu līdz rūpīgi izvēlētam krāsu kopumam (līdz 256). Tā kā ekrānuzņēmumi, logotipi un saskarnes grafika reti izmanto vairāk atšķirīgu krāsu par to, fails kļūst par 50–70% mazāks, izskatoties identiski. Caurspīdīgums (alfa kanāls) tiek pilnībā saglabāts.
Šī ir tehnika aiz zināmiem pakalpojumiem, piemēram, TinyPNG — atšķirība šeit ir tā, ka tā darbojas tavā pārlūkā, izmantojot atvērtā koda dzinēju, tāpēc tavi attēli paliek tavā ierīcē, un nav dienas faila ierobežojuma.
Kāpēc to izmantot?
- Reāla saspiešana (tipiski 50–70%), nevis šķietama pārkodēšana.
- Caurspīdīgums saglabāts — droši logotipiem, ikonām un saskarnes elementiem.
- Bez augšupielādes, atšķirībā no TinyPNG tipa pakalpojumiem — un tāpēc bez failu skaita ierobežojumiem.
- Pielāgojams krāsu budžets (16–256) ar katra attēla ietaupījumu parādīšanu.
- Partiju apstrādes atbalsts, bez maksas, bez ūdenszīmes.
Kā to lietot
- Nomet PNG failus uz lodziņa (saspiešanas dzinējs ielādējas automātiski, vienu reizi).
- Atstāj 256 krāsas vizuāli identiskam rezultātam, vai samazini to mazākiem failiem.
- Katrs rezultāts parāda precīzu ietaupījumu — nospied Lejupielādēt.
- Ja fotogrāfijai līdzīgs PNG pietiekami nesamazinās, konvertē to par JPG (skat. PNG uz JPG).
Piemērs
Ievade
app-screenshot.png — 980 KBIzvade
app-screenshot-compressed.png — 290 KB (−70%), 256 krāsasEkrānuzņēmumi un saskarnes grafika kvantizējas lieliski; palete aptver katru krāsu, ko tie faktiski izmanto.
No mūsu pašu testēšanas
Mūsu palaišanas tests izmantoja apzināti nelabvēlīgu attēlu: 600×400 PNG, kas piepildīts ar 200 pārklājošos daļēji caurspīdīgiem krāsu plankumiem — daudz haotiskāku par tipisku ekrānuzņēmumu. Tas kvantizējās no 31.1 KB līdz 7.8 KB (−75%) pie 256 krāsām, ar neskartu alfa kanālu. Reāla saskarnes grafika saspiežas vēl labāk, jo izmanto mazāk atšķirīgu krāsu nekā mūsu spriedzes tests. Godīgā pretējā puse, ko arī apstiprinājām: fotogrāfisks saturs pie 256 krāsām rāda redzamu joslošanu — tad vajag JPG/WebP ceļu, tāpēc pārveidotāja saites atrodas vienu sadaļu augstāk.
Biežākie lietošanas gadījumi
- Lietotnes vai vietnes ekrānuzņēmumu samazināšana pirms to pievienošanas kļūdas ziņojumam vai dokumentācijas lapai.
- Logotipa vai ikonu komplekta saspiešana vietnei, nezaudējot caurspīdīgo fonu, no kura izstrādātāji ir atkarīgi.
- UI maketu eksportu izmēra samazināšana no dizaina rīkiem pirms kopīgošanas ar komandu.
- Saskarnes grafikas partijas svara samazināšana stila rokasgrāmatai vai dizaina sistēmas repozitorijam.
Biežāk uzdotie jautājumi
Kā bezzudumu formātu var vēl vairāk saspiest?
Padarot to nedaudz gudri zudumainu: kvantizācija izvēlas ~256 krāsas, kas vislabāk attēlo attēlu, un piešķir katru pikseli tām. Grafikai ar ierobežotu krāsu diapazonu rezultāts ir vizuāli identisks — tehniski zudumains, praktiski nemanāms.
Vai caurspīdīgums pārdzīvos saspiešanu?
Jā — alfa kanāls tiek saglabāts, ieskaitot daļēji caurspīdīgus pikseļus (ēnojumus, gludinātas malas). Tieši to arī vajag logotipiem un saskarnes elementiem.
Kad PNG saspiešana darbojas slikti?
Fotogrāfijām un gludiem gradientiem — tie izmanto tūkstošiem krāsu, tāpēc 256 var radīt joslošanu. Foto saturam pārveide par JPG vai WebP ietaupa daudz vairāk; tam paredzēts mūsu PNG uz JPG pārveidotājs.
Kā tas atšķiras no TinyPNG?
Tā pati pamattehnika (paletes kvantizācija), līdzīgs ietaupījums. Praktiskās atšķirības: tavi faili šeit netiek augšupielādēti, nav 20 failu partijas ierobežojuma, nav 5 MB griestu un nav maksas plāna — jo darbu nedara neviens serveris.
Kādu krāsu skaitu izvēlēties?
Sāc ar 256 — vizuāli identiski gandrīz visai grafikai. Samazini līdz 64 vai 32 ikonām un vienkāršiem saskarnes elementiem, lai iegūtu vairāk; sekojot priekšskatījuma sīktēlam pēc joslošanas pazīmēm.