CodeKitHubKāpēc to izmantot?
- 100% lokāli: attēli nekad neatstāj tavu ierīci — droši privātiem fotoattēliem un vēl nepublicētiem dizainiem.
- Bez ierobežojumiem: nav maksimāla faila izmēra, nav dienas kvotas, nav ūdenszīmes, nav konta.
- Pakešu režīms — nomet vairākus attēlus vienlaikus, katrs saņem savu lejupielādi.
- Kvalitātes slīdnis + maksimālā platuma maiņa + JPG/WebP izvade — trīs iestatījumi, kas tiešām ir svarīgi.
- Rāda precīzu ietaupījumu katram attēlam, lai varētu izvērtēt kompromisu.
Biežāk uzdotie jautājumi
Vai saspiešana pasliktinās manu attēlu izskatu?
Pie 70–85% kvalitātes atšķirības praktiski nav redzamas fotoattēliem, kas skatīti ekrānā. Redzami artefakti parādās zem ~50%. Ekrānuzņēmumi ar daudz teksta ir izņēmums — tiem artefakti JPG formātā parādās ātrāk; izmēģini WebP izvadi vai turi kvalitāti virs 85% šādiem gadījumiem.
Vai ir faila izmēra vai skaita ierobežojums?
Nē. Tā kā saspiešana notiek tavā ierīcē, nevis serverī, nav nekā, ko ierobežot — saspied 50 MB attēlu vai 100 attēlus pakešā. Ļoti lieli attēli vienkārši prasa mazliet ilgāku laiku.
Vai mani attēli tiek kaut kur augšupielādēti?
Nē. Faili tiek nolasīti un pārkodēti pilnībā tavā pārlūkā, izmantojot HTML5 canvas API. Vari ielādēt šo lapu, atvienoties no interneta un turpināt saspiešanu.
Vai izvēlēties JPG vai WebP izvadi?
WebP parasti ir par 25–35% mazāks pie tādas pašas vizuālās kvalitātes un darbojas visos mūsdienu pārlūkos — labākais izvēle vietnēm. JPG atveras visur, ieskaitot vecu programmatūru un printerus — labākais koplietošanai un e-pastam. Ja šaubies, izvēlies JPG.
Kāpēc mans PNG kļuva tik daudz mazāks?
PNG ir bezzudumu, kas fotoattēliem ir dārgi — fotogrāfisks PNG bieži ir 5–10× lielāks nekā vizuāli identisks JPG. Fotogrāfisku PNG konvertēšana uz JPG/WebP dod vislielāko ietaupījumu. Saglabā PNG tikai grafikai, kam nepieciešama caurspīdība vai asas malas.
Kāpēc izvade dažreiz ir lielāka nekā oriģināls?
Ja attēls jau bija stipri saspiests, atkārtota kodēšana nevar palīdzēt un var pat pievienot baitus. Rīks par to informē — šādā gadījumā vienkārši paturi oriģinālu.
Kas ir šis rīks?
Attēlu kompresors samazina faila izmēru, pārkodējot attēlu ar efektīvākiem (zudumainiem) iestatījumiem. Telefona kameras fotoattēls bieži ir 3–8 MB; vietnei, tērzēšanas ziņai vai e-pastam 200–500 KB parasti izskatās identiski ekrānā. Mazāki attēli augšupielādējas ātrāk, ielādējas ātrāk un ietaupa vietu un joslas platumu.
Šis rīks pārkodē attēlus ar pārlūka paša kodeku pēc tavas izvēlētās kvalitātes, pēc izvēles samazinot ļoti lielus attēlus līdz saprātīgam maksimālajam platumam — divi svarītākie faktori faila izmēram. Saspiešanas stiprums pret redzamo kvalitāti vienmēr ir kompromiss; tiešā izmēru salīdzināšana pirms/pēc ļauj atrast pareizo līdzsvaru katram attēlam.
Formātu salīdzinājums: JPG pret WebP pret PNG izmēram
Tas pats fotoattēls, tā pati vizuālā kvalitāte, trīs ļoti dažādi izmēri: PNG ir smagsvars (bezzudumu — bieži 5–10× lielāks par JPG fotoattēliem), JPG ir universālais vidusceļš, WebP parasti ir par 25–35% mazāks nekā JPG. Tātad saspiešanas hierarhija fotoattēlam ir: vispirms konvertē prom no PNG, tad izvēlies JPG saderībai vai WebP minimālam izmēram.
Grafikai situācija ir pretēja: ekrānuzņēmumiem, logotipiem un plakanas krāsas UI attēliem paletē kvantēts PNG parasti pārspēj JPG gan izmērā, gan asumā — JPG fotogrāfiskā saspiešana izplūdina asas malas. Šim gadījumam ir savs rīks zemāk.
| Satura veids | Labākais formāts | Kāpēc |
|---|---|---|
| Fotoattēli tīmeklim/e-pastam/tērzēšanai | WebP (vai JPG saderībai) | Zudumaina saspiešana der fotogrāfiskai detaļai; WebP ir par 25–35% mazāks nekā JPG pie vienādas kvalitātes. |
| Ekrānuzņēmumi, logotipi, plakanas krāsas UI | PNG | Bezzudumu — JPG fotogrāfiskā saspiešana izplūdina asu tekstu un stūrus. |
| Attēli, kam nepieciešama caurspīdība | PNG vai WebP | JPG nav alfa kanāla; gan PNG, gan WebP atbalsta caurspīdīgu fonu. |
| Maksimāla saderība (veca programmatūra, printeri) | JPG | Universāli atbalstīts kopš 1990. gadiem; WebP atbalsts ir jaunāks, lai gan tagad gandrīz universāls pārlūkos. |
Veiktspējas piezīmes
- Maini izmēru pirms stiprākas saspiešanas: samazinot izmērus no 4000px līdz 1920px, tiek noņemti ~77% pikseļu — neviens kvalitātes slīdnis ar to nevar konkurēt.
- Pakešu apstrāde notiek secīgi uz tava procesora; simts telefona fotoattēli aizņem pāris minūtes uz klēpjdatora. Nekas nestāv rindā serverī, tāpēc tas parasti joprojām ir ātrāks nekā augšupielādes vietnes — un darbojas bezsaistē.
- −% skaitlis ir tava atgriezeniskā saite: ja tas rāda vienciparu skaitli, attēls jau bija optimizēts, un turpmāka kvalitātes samazināšana pasliktinās izskatu vairāk nekā uzlabos izmēru.
- Publicēšanai tīmeklī tiecies uz ≤200 KB satura attēliem un ≤500 KB pilna platuma varoņattēliem; šie budžeti notur Core Web Vitals komfortablus mobilajos savienojumos.
No mūsu pašu testēšanas
Pirms šī rīka izlaišanas mēs to pārbaudījām ar ģenerētiem testa attēliem un pārbaudījām izvadi pikseli pēc pikseļa, ne tikai ar aci. 3000×2000 daudzkrāsains PNG samazinājās no 140 KB līdz 94 KB (−33%) pie 75% kvalitātes ar 1920px ierobežojumu — un, tā kā testa attēls bija sintētisks, mēs varējām pārbaudīt, ka neviens pikselis nenovirzījās vairāk par JPG kodeka gaidāmo pielaidi. Mēs arī apstiprinājām, ka jau optimizēta faila brīdinājums aktivizējas pareizi, nevis klusi rada lielāku failu: padod tam cieši saspiestu JPG, un tas iesaka paturēt oriģinālu, nevis izliekas, ka tas palīdzēja.
Kā to lietot
- Nomet attēlus laukā (vai noklikšķini, lai izvēlētos) — atbalstīti JPG, PNG un WebP.
- Iestati kvalitāti: 75% ir labs līdzsvars; samazini līdz 60% maksimālam ietaupījumam.
- Izvēlies maksimālo platumu — 1920px pietiek pilnekrāna tīmekļa lietošanai.
- Izvēlies JPG (universāls) vai WebP (mazāks, visi mūsdienu pārlūki) izvadi.
- Noklikšķini Lejupielādēt pie katra rezultāta. Izmērs un procentuālais ietaupījums tiek rādīts katram failam.
Piemērs
- Ievade
telefona-foto.jpg — 4.20 MB, 4032×3024- Izvade
telefona-foto-saspiests.jpg — 0.48 MB (−89%), 1920×1440
Izmēra maiņa uz 1920px un pārkodēšana 75% kvalitātē: vizuāli identiski jebkurā ekrānā, 9× mazāks.