CodeKitHubZakaj ga uporabiti?
- 100 % lokalno: slike nikoli ne zapustijo tvoje naprave — varno za zasebne fotografije in neobjavljene zasnove.
- Brez omejitev: brez omejitve velikosti datoteke, brez dnevne kvote, brez vodnega žiga, brez računa.
- Paketni način — spusti veliko slik naenkrat, vsaka dobi svoj prenos.
- Drsnik kakovosti + sprememba velikosti na največjo širino + izpis JPG/WebP — tri nastavitve, ki dejansko štejejo.
- Prikaže natančen prihranek za vsako sliko, tako da lahko presodiš kompromis.
Pogosta vprašanja
Ali bo stiskanje moje slike poslabšalo?
Pri kakovosti 70–85 % so razlike praktično neopazne pri fotografijah, gledanih na zaslonu. Vidni artefakti se pojavijo pod približno 50 %. Posnetki zaslona z veliko besedila so izjema — v JPG hitreje pokažejo artefakte; zanje poskusi izpis WebP ali ohrani kakovost nad 85 %.
Ali obstaja omejitev velikosti ali števila datotek?
Ne. Ker stiskanje teče na tvoji napravi namesto na strežniku, ni ničesar, kar bi bilo treba omejiti — stisni 50-MB sliko ali 100 slik v paketu naenkrat. Zelo velike slike le vzamejo trenutek dlje.
Ali se moje slike kam naložijo?
Ne. Datoteke se preberejo in ponovno kodirajo v celoti s tvojim brskalnikom z uporabo API-ja HTML5 canvas. Lahko naložiš to stran, greš brez povezave in nadaljuješ s stiskanjem.
Naj izberem izpis JPG ali WebP?
WebP je tipično 25–35 % manjši pri enaki vizualni kakovosti in deluje v vseh sodobnih brskalnikih — najboljši za spletne strani. JPG se odpre povsod, vključno s starejšo programsko opremo in tiskalniki — najboljši za deljenje in e-pošto. Ob dvomu izberi JPG.
Zakaj se je moj PNG tako zelo zmanjšal?
PNG je brez izgub, kar je pri fotografijah drago — fotografski PNG je pogosto 5–10-krat večji od vizualno enakega JPG-ja. Pretvorba fotografskih PNG-jev v JPG/WebP prinese največje prihranke. PNG obdrži le za grafiko, ki potrebuje prosojnost ali izredno ostre robove.
Zakaj je izpis včasih večji od izvirnika?
Če je bila slika že močno stisnjena, ponovno kodiranje ne pomaga in lahko doda bajte. Orodje ti to pove, ko se zgodi — v tem primeru le obdrži izvirnik.
Kaj je to orodje?
Stiskalnik slik zmanjša velikost datoteke tako, da sliko ponovno kodira z učinkovitejšimi (lossy) nastavitvami. Fotografija s telefonske kamere je pogosto velika 3–8 MB; za spletno stran, sporočilo v klepetu ali e-pošto je 200–500 KB na zaslonu po navadi videti enako. Manjše slike se hitreje naložijo, hitreje prikažejo in prihranijo prostor za shranjevanje ter pasovno širino.
To orodje ponovno kodira slike z lastnim kodekom brskalnika pri izbrani kakovosti, po želji pa zelo velike slike pomanjša na smiseln največji širino — dva vzvoda, ki najbolj vplivata na velikost datoteke. Moč stiskanja proti vidni kakovosti je vedno kompromis; žive velikosti pred/po ti pomagajo najti pravo ravnovesje za vsako sliko.
Primerjava formatov: JPG proti WebP proti PNG glede velikosti
Ista fotografija, enaka vizualna kakovost, tri zelo različne velikosti: PNG je težkokategornik (brez izgub — pogosto 5–10× velikost JPG-ja za fotografije), JPG je univerzalna sredina, WebP tipično pristane 25–35 % pod JPG. Hierarhija stiskanja za fotografijo je torej: najprej pretvori proč od PNG, nato izberi JPG za združljivost ali WebP za najmanjšo velikost.
Grafika obrne tabelo: za posnetke zaslona, logotipe in slike uporabniškega vmesnika z enobarvnimi ploskvami paletno kvantiziran PNG po navadi premaga JPG tako po velikosti kot ostrini — fotografsko stiskanje JPG-ja zabriše ostre robove. Za ta primer je spodaj namensko orodje.
| Vrsta vsebine | Najboljši format | Zakaj |
|---|---|---|
| Fotografije za splet/e-pošto/klepet | WebP (ali JPG za združljivost) | Stiskanje z izgubami ustreza fotografskim podrobnostim; WebP je 25–35 % manjši od JPG pri enaki kakovosti. |
| Posnetki zaslona, logotipi, ploskovita UI grafika | PNG | Brez izgub — fotografsko stiskanje JPG-ja zabriše oster besedilo in trde robove. |
| Slike, ki potrebujejo prosojnost | PNG ali WebP | JPG nima alfa kanala; tako PNG kot WebP podpirata prosojna ozadja. |
| Največja združljivost (stara programska oprema, tiskalniki) | JPG | Univerzalno podprt od devetdesetih; podpora WebP je novejša, čeprav zdaj skoraj univerzalna v brskalnikih. |
Opombe o zmogljivosti
- Pomanjšaj, preden stisneš močneje: zmanjšanje dimenzij s 4000 px na 1920 px odstrani približno 77 % slikovnih pik — noben drsnik kakovosti ne more tekmovati s tem.
- Paketna obdelava teče zaporedno na tvojem procesorju; sto telefonskih fotografij vzame na prenosniku nekaj minut. Nič ni v čakalni vrsti na strežniku, zato je še vedno po navadi hitrejše kot strani z nalaganjem — in deluje brez povezave.
- Odstotek −% je tvoja povratna zanka: če prikaže enomestno število, je bila slika že optimizirana, nadaljnje zmanjšanje kakovosti pa bo poslabšalo videz, preden pomaga velikosti.
- Za spletno objavljanje ciljaj na ≤200 KB za vsebinske slike in ≤500 KB za slike v celotni širini; ti proračuni ohranjajo Core Web Vitals udobne na mobilnih povezavah.
Iz naših lastnih testov
Preden smo to orodje izdali, smo ga preizkusili na ustvarjenih testnih slikah in preverili izpis piksel za pikslom, ne le na oko. PNG velikosti 3000×2000 z več barvami se je zmanjšal s 140 KB na 94 KB (−33 %) pri 75-odstotni kakovosti z omejitvijo na 1920 px — in ker je bila testna slika sintetična, smo lahko preverili, da noben piksel ni odstopal več od pričakovane tolerance JPG kodeka. Prav tako smo potrdili, da se opozorilo o že optimizirani datoteki sproži pravilno namesto tihe izdelave večje datoteke: nahraniti tesno stisnjen JPG in orodje ti reče, naj obdržiš izvirnik namesto da se pretvarja, da je pomagalo.
Kako ga uporabljati
- Spusti slike na polje (ali klikni za izbiro) — podprti so JPG, PNG in WebP.
- Nastavi kakovost: 75 % je dobro ravnovesje; spusti na 60 % za največje prihranke.
- Izberi največjo širino — 1920 px je dovolj za polnozaslonsko spletno uporabo.
- Izberi izpis JPG (univerzalno) ali WebP (manjše, vsi sodobni brskalniki).
- Klikni Download ob vsakem rezultatu. Velikost in odstotek prihranka sta prikazana za vsako datoteko.
Primer
- Vnos
phone-photo.jpg — 4,20 MB, 4032×3024- Rezultat
phone-photo-compressed.jpg — 0,48 MB (−89 %), 1920×1440
Sprememba velikosti na 1920 px in ponovno kodiranje pri 75-odstotni kakovosti: vizualno enako na vsakem zaslonu, 9-krat manjše.