CodeKitHubKodėl jį naudoti?
- 100 % vietinis apdorojimas: vaizdai niekada nepalieka jūsų įrenginio — saugu privačioms nuotraukoms ir dar nepaskelbtiems dizainams.
- Jokių apribojimų: nėra maksimalaus failo dydžio, dienos limito, vandenženklio ar paskyros.
- Paketinis režimas — nutempkite daug vaizdų vienu metu, kiekvienas gauna savo atsisiuntimą.
- Kokybės slankiklis + maksimalaus pločio keitimas + JPG/WebP išvestis — trys nustatymai, kurie tikrai svarbūs.
- Rodo tikslų sutaupymą kiekvienam vaizdui, kad galėtumėte įvertinti kompromisą.
Dažniausiai užduodami klausimai
Ar glaudinimas pablogins mano vaizdų išvaizdą?
Esant 70–85 % kokybei, skirtumai praktiškai nepastebimi žiūrint nuotraukas ekrane. Matomi artefaktai atsiranda žemiau ~50 %. Ekrano nuotraukos su daug teksto yra išimtis — jose JPG artefaktai atsiranda anksčiau; joms bandykite WebP išvestį arba laikykite kokybę virš 85 %.
Ar yra failo dydžio ar kiekio limitas?
Ne. Kadangi glaudinimas vyksta jūsų įrenginyje, o ne serveryje, riboti nėra ko — suglaudinkite 50 MB vaizdą ar 100 vaizdų per vieną paketą. Labai dideli vaizdai tiesiog apdorojami šiek tiek ilgiau.
Ar mano vaizdai kur nors įkeliami?
Ne. Failai skaitomi ir perkoduojami visiškai jūsų naršyklėje, naudojant HTML5 canvas API. Galite atsidaryti šį puslapį, atsijungti nuo interneto ir toliau glaudinti.
Ar rinktis JPG, ar WebP išvestį?
WebP paprastai yra 25–35 % mažesnis tos pačios vizualinės kokybės ir veikia visose šiuolaikinėse naršyklėse — geriausias svetainėms. JPG atsidaro visur, įskaitant senesnę programinę įrangą ir spausdintuvus — geriausias dalijimuisi ir el. paštui. Jei abejojate, rinkitės JPG.
Kodėl mano PNG tapo tiek mažesnis?
PNG yra be nuostolių, o tai brangu nuotraukoms — fotografinis PNG dažnai būna 5–10 kartų didesnis nei vizualiai identiškas JPG. PNG nuotraukų konvertavimas į JPG/WebP duoda didžiausią sutaupymą iš visų. PNG naudokite tik grafikai, kuriai reikia skaidrumo ar labai aštrių kraštų.
Kodėl išvestis kartais didesnė nei originalas?
Jei vaizdas jau buvo stipriai suglaudintas, perkodavimas nepadeda ir gali net pridėti baitų. Įrankis tai praneša — tokiu atveju tiesiog pasilikite originalą.
Kas yra šis įrankis?
Vaizdo glaudinimo įrankis sumažina failo dydį, perkoduodamas vaizdą efektyvesniais (nuostoliniais) nustatymais. Nuotrauka iš telefono kameros dažnai sveria 3–8 MB; svetainei, pokalbio žinutei ar el. laiškui 200–500 KB dažniausiai atrodo taip pat ekrane. Mažesni vaizdai greičiau įkeliami, greičiau užsikrauna ir taupo saugyklos vietą bei duomenų perdavimą.
Šis įrankis perkoduoja vaizdus naudodamas naršyklės vidinį kodeką jūsų pasirinkta kokybe, pasirinktinai sumažindamas labai didelius vaizdus iki tinkamo maksimalaus pločio — tai du svarbiausi svertai failo dydžiui. Glaudinimo stiprumas prieš matomą kokybę visada yra kompromisas; gyvi prieš/po dydžiai leidžia rasti tobulą pusiausvyrą kiekvienam vaizdui.
Formatų palyginimas: JPG prieš WebP prieš PNG dydžio atžvilgiu
Ta pati nuotrauka, ta pati vizualinė kokybė, trys labai skirtingi dydžiai: PNG yra sunkiausias (be nuostolių — dažnai 5–10 kartų didesnis už JPG dydį nuotraukoms), JPG yra universalus vidurio kelias, WebP paprastai būna 25–35 % mažesnis už JPG. Taigi glaudinimo hierarchija nuotraukai: pirmiausia atsisakykite PNG, tada rinkitės JPG suderinamumui arba WebP minimaliam dydžiui.
Grafikai apverčia lentelę: ekrano nuotraukoms, logotipams ir plokščių spalvų sąsajos vaizdams, paletę kvantuotas PNG paprastai lenkia JPG ir dydžiu, ir aštrumu — JPG fotografinis glaudinimas suteplia aštrius kraštus. Šiam atvejui yra atskiras įrankis žemiau.
| Turinio tipas | Geriausias formatas | Kodėl |
|---|---|---|
| Nuotraukos internetui/el. paštui/pokalbiams | WebP (arba JPG suderinamumui) | Nuostolinis glaudinimas tinka fotografinei detalei; WebP yra 25–35 % mažesnis už JPG tos pačios kokybės. |
| Ekrano nuotraukos, logotipai, plokščių spalvų sąsaja | PNG | Be nuostolių — JPG fotografinis glaudinimas suteplia aštrų tekstą ir aštrius kraštus. |
| Vaizdai, kuriems reikia skaidrumo | PNG arba WebP | JPG neturi alfa kanalo; ir PNG, ir WebP palaiko skaidrius fonus. |
| Maksimalus suderinamumas (sena programinė įranga, spausdintuvai) | JPG | Visuotinai palaikomas nuo 1990-ųjų; WebP palaikymas naujesnis, nors dabar beveik visuotinis naršyklėse. |
Našumo pastabos
- Pakeiskite dydį prieš stipriau glaudindami: matmenų sumažinimas nuo 4000 px iki 1920 px pašalina ~77 % pikselių — jokia kokybės slankiklio reikšmė su tuo nesulygins.
- Paketinis apdorojimas vyksta nuosekliai jūsų procesoriuje; šimtas telefono nuotraukų nešiojamajame kompiuteryje užtrunka kelias minutes. Serveryje nieko nėra eilėje, todėl paprastai tai vis tiek greičiau nei įkėlimu pagrįstos svetainės — ir veikia neprisijungus.
- −% skaičius yra jūsų atsiliepimo kilpa: jei jis rodo vienaženklį skaičių, vaizdas jau buvo optimizuotas, o tolesnis kokybės mažinimas pakenks išvaizdai anksčiau, nei padės dydžiui.
- Publikuojant internete, siekite ≤200 KB turinio vaizdams ir ≤500 KB pilno pločio herojiniams vaizdams; šie biudžetai išlaiko Core Web Vitals patogius mobiliesiems ryšiams.
Iš mūsų pačių testavimo
Prieš paskelbdami šį įrankį, jį išbandėme su sugeneruotais testiniais vaizdais ir tikrinome išvestį pikselis po pikselio, ne tik akimis. 3000×2000 daugiaspalvis PNG sumažėjo nuo 140 KB iki 94 KB (−33 %) esant 75 % kokybei su 1920 px riba — ir kadangi testinis vaizdas buvo sintetinis, galėjome patvirtinti, kad nė vienas pikselis nenukrypo daugiau, nei numatyta JPG kodeko tolerancija. Taip pat patvirtinome, kad jau optimizuoto failo įspėjimas suveikia teisingai, o ne tyliai sukuria didesnį failą: paduokite jam stipriai suglaudintą JPG, ir jis pasakys pasilikti originalą, o ne apsimes, kad tai padėjo.
Kaip naudoti
- Nutempkite vaizdus į langelį (arba spustelėkite, kad pasirinktumėte) — palaikomi JPG, PNG ir WebP.
- Nustatykite kokybę: 75 % yra geras balansas; sumažinkite iki 60 % maksimaliam sutaupymui.
- Pasirinkite maksimalų plotį — 1920 px pakanka viso ekrano naudojimui internete.
- Pasirinkite JPG (universalus) ar WebP (mažesnis, veikia visose šiuolaikinėse naršyklėse) išvestį.
- Spustelėkite „Atsisiųsti“ prie kiekvieno rezultato. Sutaupytas dydis ir procentas rodomi kiekvienam failui.
Pavyzdys
- Įvestis
telefono-nuotrauka.jpg — 4,20 MB, 4032×3024- Išvestis
telefono-nuotrauka-suglaudinta.jpg — 0,48 MB (−89 %), 1920×1440
Dydžio pakeitimas į 1920 px ir perkodavimas 75 % kokybe: vizualiai identiška bet kuriame ekrane, 9 kartus mažesnė.