CodeKitHubPrečo ho používať?
- 100% lokálne: obrázky nikdy neopustia vaše zariadenie — bezpečné pre súkromné fotky a nezverejnené návrhy.
- Bez limitov: žiadna maximálna veľkosť súboru, žiadny denný limit, žiadny vodoznak, žiadny účet.
- Dávkový režim — presuňte veľa obrázkov naraz, každý dostane vlastné stiahnutie.
- Posuvník kvality + zmena max. šírky + výstup JPG/WebP — tri nastavenia, na ktorých skutočne záleží.
- Zobrazuje presnú úsporu pre každý obrázok, aby ste mohli posúdiť kompromis.
Časté otázky
Zhorší kompresia vzhľad mojich obrázkov?
Pri kvalite 70–85 % sú rozdiely prakticky neviditeľné pri prezeraní fotiek na obrazovke. Viditeľné artefakty sa objavujú pod ~50 %. Screenshoty s množstvom textu sú výnimkou — v JPG sa artefakty prejavia skôr; skúste výstup WebP alebo udržte kvalitu nad 85 % pre takéto prípady.
Existuje limit veľkosti alebo počtu súborov?
Nie. Keďže kompresia beží na vašom zariadení namiesto servera, nie je čo limitovať — komprimujte 50 MB obrázok alebo 100 obrázkov naraz. Veľmi veľké obrázky len trvajú o chvíľu dlhšie.
Nahrávajú sa moje obrázky niekam?
Nie. Súbory sú čítané a prekódované úplne vo vašom prehliadači pomocou HTML5 canvas API. Môžete si načítať túto stránku, ísť offline a pokračovať v komprimovaní.
Mal by som zvoliť výstup JPG alebo WebP?
WebP je typicky o 25–35 % menší pri rovnakej vizuálnej kvalite a funguje vo všetkých moderných prehliadačoch — najlepší pre webové stránky. JPG sa otvorí všade vrátane starého softvéru a tlačiarní — najlepší pre zdieľanie a email. Ak neviete, zvoľte JPG.
Prečo sa môj PNG tak zmenšil?
PNG je bezstratový, čo je pri fotkách nákladné — fotografický PNG je často 5–10× väčší než vizuálne identický JPG. Konverzia fotografických PNG na JPG/WebP prináša najväčšiu úsporu zo všetkých. PNG si ponechajte len pre grafiku, ktorá potrebuje priehľadnosť alebo ostré hrany.
Prečo je výstup niekedy väčší ako originál?
Ak bol obrázok už silno komprimovaný, prekódovanie nepomôže a môže pridať bajty. Nástroj vás na to upozorní — v takom prípade jednoducho ponechajte originál.
Čo je tento nástroj?
Kompresor obrázkov znižuje veľkosť súboru prekódovaním obrázka pomocou efektívnejších (lossy) nastavení. Fotka z telefónu má často 3–8 MB; pre webovú stránku, chat správu alebo email zvyčajne vyzerá 200–500 KB na obrazovke identicky. Menšie obrázky sa rýchlejšie nahrávajú, rýchlejšie načítavajú a šetria úložisko aj šírku pásma.
Tento nástroj prekóduje obrázky pomocou vlastného kodeku prehliadača pri zvolenej kvalite, voliteľne zmenšuje veľmi veľké obrázky na rozumnú maximálnu šírku — dve páky, ktoré majú najväčší vplyv na veľkosť súboru. Sila kompresie oproti viditeľnej kvalite je vždy kompromis; živé porovnanie veľkostí pred/po vám pomôže nájsť sladký bod pre každý obrázok.
Porovnanie formátov: JPG vs WebP vs PNG podľa veľkosti
Rovnaká fotka, rovnaká vizuálna kvalita, tri veľmi rozdielne veľkosti: PNG je ťažká váha (bezstratový — často 5–10× veľkosť JPG pri fotkách), JPG je univerzálny stredný bod, WebP typicky pristáva o 25–35 % pod JPG. Hierarchia kompresie pre fotku je teda: najprv prejsť z PNG preč, potom zvoliť JPG pre kompatibilitu alebo WebP pre minimálnu veľkosť.
Grafika obracia poradie: pri screenshotoch, logách a UI obrázkoch s plnými farbami, PNG s kvantizovanou paletou zvyčajne prekonáva JPG vo veľkosti aj ostrosti — fotografická kompresia JPG rozmazáva ostré hrany. Na tento prípad slúži samostatný nástroj nižšie.
| Typ obsahu | Najlepší formát | Prečo |
|---|---|---|
| Fotky pre web/email/chat | WebP (alebo JPG pre kompatibilitu) | Lossy kompresia vyhovuje fotografickým detailom; WebP je o 25–35 % menší ako JPG pri rovnakej kvalite. |
| Screenshoty, logá, UI s plnými farbami | PNG | Bezstratový — fotografická kompresia JPG rozmazáva ostrý text a tvrdé hrany. |
| Obrázky vyžadujúce priehľadnosť | PNG alebo WebP | JPG nemá alfa kanál; PNG aj WebP podporujú priehľadné pozadie. |
| Maximálna kompatibilita (starý softvér, tlačiarne) | JPG | Univerzálne podporovaný od 90. rokov; podpora WebP je novšia, hoci dnes už takmer univerzálna v prehliadačoch. |
Poznámky k výkonu
- Zmeňte veľkosť pred silnejšou kompresiou: zníženie rozmerov zo 4000px na 1920px odstráni ~77 % pixelov — žiadny posuvník kvality sa tomu nevyrovná.
- Dávkové spracovanie beží postupne na vašom CPU; sto fotiek z telefónu trvá na notebooku pár minút. Nič sa nefrontuje na serveri, takže je to zvyčajne aj tak rýchlejšie ako stránky založené na nahrávaní — a funguje to aj offline.
- Číslo −% je vaša spätná väzba: ak ukazuje jednociferné hodnoty, obrázok už bol optimalizovaný a ďalšie znižovanie kvality poškodí vzhľad skôr, než pomôže veľkosti.
- Pre webovú publikáciu mierte na ≤200 KB pre obsahové obrázky a ≤500 KB pre celoširoké hero obrázky; tieto rozpočty udržia Core Web Vitals pohodlné na mobilných pripojeniach.
Z nášho vlastného testovania
Pred nasadením tohto nástroja sme ho otestovali na generovaných testovacích obrázkoch a skontrolovali výstup pixel po pixeli, nielen okom. Multifarebný PNG 3000×2000 sa zmenšil zo 140 KB na 94 KB (−33 %) pri 75% kvalite s obmedzením na 1920px — a keďže testovací obrázok bol syntetický, mohli sme overiť, že žiadny pixel sa neposunul viac, než je očakávaná tolerancia kodeku JPG. Overili sme tiež, že sa upozornenie na už optimalizovaný súbor spustí správne namiesto tichého vytvorenia väčšieho súboru: nakŕmte ho pevne komprimovaným JPG a povie vám, aby ste ponechali originál, namiesto predstierania, že to pomohlo.
Ako sa používa
- Presuňte obrázky do poľa (alebo kliknite pre výber) — podporované sú JPG, PNG a WebP.
- Nastavte kvalitu: 75 % je dobrá rovnováha; znížte na 60 % pre maximálnu úsporu.
- Zvoľte maximálnu šírku — 1920px je viac než dosť pre celoobrazovkové webové použitie.
- Vyberte výstup JPG (univerzálny) alebo WebP (menší, všetky moderné prehliadače).
- Kliknite na Download vedľa každého výsledku. Veľkosť a percento úspory sa zobrazujú pre každý súbor.
Príklad
- Vstup
phone-photo.jpg — 4,20 MB, 4032×3024- Výstup
phone-photo-compressed.jpg — 0,48 MB (−89 %), 1920×1440
Zmena veľkosti na 1920px a prekódovanie pri 75% kvalite: vizuálne identické na akejkoľvek obrazovke, 9× menšie.