CodeKitHubPrečo ho používať?
- Nahrávate dovolenkové fotky na web alebo do e-mailu a poštová schránka odmieta prílohu nad 25 MB — v dávkovom režime zmenšíte 40 fotiek naraz bez toho, aby ste ich jednu po druhej nahrávali na cudzí server.
- Prevádzkujete e-shop a produktové fotky z fotoaparátu majú po 6 MB, čo spomaľuje načítanie stránky — skomprimujete ich na WebP pod 200 KB a Core Web Vitals sa cez noc zlepší.
- Fotíte citlivé dokumenty alebo návrhy pred zverejnením a nechcete ich posielať na neznámy cloudový server len kvôli zmenšeniu — tu sa všetko deje vo vašom prehliadači, obrázok nikam neodíde.
- Máte staré PNG screenshoty z dokumentácie, ktoré vážia zbytočne veľa — ponecháte ich ako PNG kvôli ostrému textu, ale zmenšíte ich rozmery, čo ušetrí viac než zmena kvality.
- Chystáte sa poslať fotku cez WhatsApp alebo Messenger, kde aplikácia aj tak obrázok skomprimuje po svojom — skomprimujete ho vopred sami, aby ste mali kontrolu nad výslednou kvalitou namiesto automatickej kompresie aplikácie.
Č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.
Aký je rozdiel medzi stratovou a bezstratovou kompresiou?
Stratová kompresia (JPG, WebP pri nízkej kvalite) natrvalo zahodí časť obrazových dát kvôli menšej veľkosti — preto existuje posuvník kvality. Bezstratová kompresia (PNG, WebP v bezstratovom režime) zmenší súbor bez zmeny jediného pixelu, no úspora je oveľa menšia, typicky len 10-30 % pri fotografickom obsahu. Pri fotkách sa oplatí stratová kompresia, pri grafike s ostrými hranami bezstratová.
Zachová si komprimovaný obrázok metadáta EXIF (GPS poloha, model fotoaparátu, dátum)?
Nie — tento nástroj pri prekódovaní odstráni EXIF metadáta ako vedľajší efekt zápisu obrázka cez canvas API prehliadača. Toto je v skutočnosti výhoda pre súkromie: ak zdieľate fotku z telefónu, GPS súradnice odfotenia sa automaticky nedostanú k príjemcovi.
Môžem týmto nástrojom previesť PNG na JPG, alebo JPG na WebP?
Áno — výstupný formát vyberáte nezávisle od vstupného. Nahráte PNG a zvolíte výstup JPG alebo WebP, nástroj vykoná konverziu formátu súčasne s kompresiou. Majte na pamäti, že prevod z PNG na JPG odstráni priehľadnosť (alfa kanál), keďže JPG ju nepodporuje.
Č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.
Čo sa deje s vašimi dátami počas kompresie
- Obrázok sa načíta do pamäte prehliadača a prekreslí na HTML5 canvas, ktorý potom exportuje nový súbor podľa zvolenej kvality — celý proces beží v JavaScripte na vašom zariadení, žiadny upload na server neexistuje.
- Metadáta EXIF (GPS, model fotoaparátu, časová pečiatka) sa pri tomto procese neprenášajú do výstupu, čo je pri verejnom zdieľaní fotiek skôr výhoda pre súkromie než nevýhoda.
- Farebný profil obrázka (sRGB) zostáva zachovaný, takže farby po kompresii vyzerajú rovnako ako v origináli na bežných obrazovkách.
- Po zatvorení karty prehliadača nezostáva po spracovaných obrázkoch žiadna stopa — nič sa neukladá do cache na serveri, pretože žiadny server obrázok nikdy nevidel.
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.