CodeKitHubMiks seda kasutada?
- 100% kohalik: pildid ei lahku kunagi sinu seadmest — turvaline privaatfotode ja avaldamata disainide jaoks.
- Ilma piiranguteta: maksimaalset failisuurust, päevast kvooti, vesimärki ega kontot ei ole.
- Massitöötlus — lohista korraga palju pilte, igaüks saab oma allalaadimise.
- Kvaliteediregulaator + maksimumlaiuse muutmine + JPG/WebP väljund — kolm seadet, mis tegelikult loevad.
- Näitab täpset kokkuhoidu iga pildi kohta, et saaksid kompromissi ise hinnata.
Korduma kippuvad küsimused
Kas tihendamine muudab mu pildid halva välimusega?
70–85% kvaliteedi juures on erinevused ekraanil vaadatavate fotode puhul praktiliselt märkamatud. Nähtavad artefaktid ilmuvad alla ~50%. Erand on tekstirohked ekraanipildid — need näitavad JPG puhul artefakte varem; proovi nende jaoks WebP väljundit või hoia kvaliteet üle 85%.
Kas failisuurusele või -arvule on piirang?
Ei. Kuna tihendamine toimub sinu seadmes, mitte serveris, pole midagi piirata — tihenda kas või 50 MB pilt või 100 pilti korraga. Väga suured pildid võtavad lihtsalt veidi kauem aega.
Kas mu pildid laaditakse kuhugi üles?
Ei. Failid loetakse ja kodeeritakse ümber täielikult sinu brauseris HTML5 canvas API abil. Võid selle lehe avada, minna võrguühenduseta ja jätkata tihendamist.
Kas peaksin valima JPG või WebP väljundi?
WebP on tavaliselt 25–35% väiksem sama visuaalse kvaliteedi juures ja töötab kõigis uuemates brauserites — parim veebilehtede jaoks. JPG avaneb kõikjal, sealhulgas vanas tarkvaras ja printerites — parim jagamiseks ja e-kirjadeks. Kahtluse korral vali JPG.
Miks mu PNG nii palju väiksemaks muutus?
PNG on kadudeta, mis on fotode puhul kulukas — fotograafiline PNG on tihti 5–10× suurem kui visuaalselt identne JPG. Foto-PNG-de teisendamine JPG-ks/WebP-ks annab kõige suurema kokkuhoiu. Hoia PNG-d ainult graafika jaoks, mis vajab läbipaistvust või teravaid servi.
Miks on väljund vahel algsest suurem?
Kui pilt oli juba tugevalt tihendatud, ei aita uuesti kodeerimine ja võib isegi baite lisada. Tööriist annab sellest teada — sel juhul jäta lihtsalt algne fail alles.
Mis see tööriist on?
Pildikompressor vähendab failisuurust, kodeerides pildi ümber tõhusamate (kadudega) seadetega. Telefonikaamera foto on tihti 3–8 MB; veebilehe, vestlussõnumi või e-kirja jaoks näeb 200–500 KB ekraanil sama välja. Väiksemad pildid laaditakse kiiremini üles, laaditakse kiiremini ja säästavad salvestusruumi ning ribalaiust.
See tööriist kodeerib pildid ümber brauseri enda kodekiga sinu valitud kvaliteedi juures, valikuliselt vähendades väga suuri pilte mõistliku maksimumlaiuseni — need on kaks kõige olulisemat kangi failisuuruse jaoks. Tihenduse tugevus versus nähtav kvaliteet on alati kompromiss; reaalajas kuvatavad enne/pärast suurused aitavad iga pildi jaoks õige tasakaalu leida.
Vormingute võrdlus: JPG vs WebP vs PNG suuruse osas
Sama foto, sama visuaalne kvaliteet, kolm väga erinevat suurust: PNG on raskekaallane (kadudeta — sageli 5–10× suurem kui JPG fotode puhul), JPG on universaalne kesktee, WebP jääb tavaliselt 25–35% väiksemaks kui JPG. Nii et foto tihendamise hierarhia on: liigu esmalt PNG-lt eemale, seejärel vali JPG ühilduvuse või WebP minimaalse suuruse jaoks.
Graafika puhul on lugu vastupidine: ekraanipiltide, logode ja ühevärvilise UI-graafika jaoks ületab paletipõhine PNG tavaliselt JPG-d nii suuruse kui teravuse poolest — JPG fotograafiline tihendus ähmastab teravaid servi. Sellele juhtumile on allpool eraldi tööriist.
| Sisu tüüp | Parim vorming | Miks |
|---|---|---|
| Fotod veebi/e-kirja/vestluse jaoks | WebP (või JPG ühilduvuseks) | Kadudega tihendus sobib fotograafilisele detailile; WebP on sama kvaliteedi juures 25–35% väiksem kui JPG. |
| Ekraanipildid, logod, ühevärviline UI | PNG | Kadudeta — JPG fotograafiline tihendus hägustab teravat teksti ja karme servi. |
| Läbipaistvust vajavad pildid | PNG või WebP | JPG-l puudub alfakanal; PNG ja WebP toetavad mõlemad läbipaistvat tausta. |
| Maksimaalne ühilduvus (vana tarkvara, printerid) | JPG | Universaalselt toetatud alates 1990ndatest; WebP tugi on uuem, kuigi nüüd brauserites peaaegu universaalne. |
Jõudlusmärkused
- Muuda suurust enne tugevamat tihendamist: mõõtmete vähendamine 4000px-lt 1920px-ni eemaldab ~77% pikslitest — ükski kvaliteediregulaator ei suuda sellega võistelda.
- Massitöötlus toimub sinu protsessoril järjest; sada telefonifotot võtab sülearvutil paar minutit. Midagi ei jää serveris järjekorda, seega on see tavaliselt siiski kiirem kui üleslaadimispõhised lehed — ja töötab ka võrguühenduseta.
- −% number on sinu tagasiside: kui see näitab ühekohalist arvu, on pilt juba optimeeritud ja edasine kvaliteedi vähendamine kahjustab välimust enne, kui see suurust aitab.
- Veebiavaldamiseks sihi sisupiltidele ≤200 KB ja täislaiusega hero-piltidele ≤500 KB; need mahupiirid hoiavad Core Web Vitals mugavad mobiiliühendustel.
Meie enda testimisest
Enne selle tööriista avaldamist testisime seda genereeritud testpiltide peal ja kontrollisime väljundit piksel-pikslilt, mitte ainult silmaga. 3000×2000 mitmevärviline PNG kahanes 140 KB-lt 94 KB-ni (−33%) 75% kvaliteedi ja 1920px piirangu juures — ja kuna testpilt oli sünteetiline, said me kinnitada, et ükski piksel ei nihkunud rohkem kui JPG kodeki oodatud lubatud piires. Kontrollisime ka, et juba optimeeritud faili hoiatus rakendub õigesti, selle asemel et vaikimisi toota suurema faili: söödame talle tugevalt tihendatud JPG ja see soovitab algset faili alles hoida, selle asemel et teeselda, et aitas.
Kuidas kasutada
- Lohista pildid kasti (või klõpsa nende valimiseks) — toetatud on JPG, PNG ja WebP.
- Sea kvaliteet: 75% on hea tasakaal; mine 60%-ni maksimaalse kokkuhoiu jaoks.
- Vali maksimumlaius — 1920px sobib täisekraani veebikasutuseks igati.
- Vali väljundiks JPG (universaalne) või WebP (väiksem, kõik uuemad brauserid).
- Klõpsa iga tulemuse kõrval Download. Suurus ja säästuprotsent kuvatakse iga faili kohta.
Näide
- Sisend
phone-photo.jpg — 4,20 MB, 4032×3024- Tulemus
phone-photo-compressed.jpg — 0,48 MB (−89%), 1920×1440
1920px-ni vähendamine ja 75% kvaliteediga ümberkodeerimine: visuaalselt identne igal ekraanil, 9× väiksem.