CodeKitHubProč ho používat?
- Nahráváte fotky z dovolené na web nebo do e-mailu a e-mailová schránka odmítá přílohu přes 25 MB — zmenšíte 40 fotek najednou v hromadném režimu, aniž byste je jednu po druhé nahrávali na cizí server.
- Spravujete e-shop a produktové fotky z fotoaparátu mají 6 MB každá, což zpomaluje načítání stránky — zkomprimujete je na WebP pod 200 KB a Core Web Vitals se zlepší přes noc.
- Fotíte citlivé dokumenty nebo návrhy před zveřejněním a nechcete je posílat na neznámý cloudový server jen kvůli zmenšení — tady se vše děje ve vašem prohlížeči, obrázek nikdy nikam neodejde.
- Máte staré PNG screenshoty z dokumentace, které váží zbytečně moc — necháte je jako PNG kvůli ostrému textu, ale zmenšíte jejich rozměry, což ušetří víc než měnit kvalitu.
- Chystáte se poslat fotku WhatsAppem nebo Messengerem, kde aplikace stejně obrázek zkomprimuje po svém — zkomprimujete ho předem sami, abyste měli kontrolu nad výslednou kvalitou místo automatické komprese aplikace.
Časté dotazy
Nezhorší komprese vzhled mých obrázků?
Při kvalitě 70–85 % jsou rozdíly na obrazovce prakticky neviditelné. Viditelné artefakty se objevují pod ~50 %. Výjimkou jsou screenshoty plné textu — u nich se artefakty v JPG projeví dřív; zkuste výstup WebP nebo u nich držte kvalitu nad 85 %.
Existuje limit velikosti souboru nebo počtu obrázků?
Ne. Protože komprese běží na vašem zařízení místo na serveru, není co omezovat — zkomprimujte 50MB obrázek nebo 100 obrázků najednou. Velmi velké obrázky jen trvají o chvíli déle.
Nahrávají se moje obrázky někam?
Ne. Soubory čte a překóduje výhradně váš prohlížeč pomocí HTML5 canvas API. Můžete si tuto stránku otevřít, odpojit se od internetu a přesto dál komprimovat.
Mám zvolit výstup JPG, nebo WebP?
WebP je typicky o 25–35 % menší při stejné vizuální kvalitě a funguje ve všech moderních prohlížečích — nejlepší pro weby. JPG se otevře všude, včetně starého softwaru a tiskáren — nejlepší pro sdílení a e-mail. V nejistotě volte JPG.
Proč se moje PNG zmenšilo tak výrazně?
PNG je bezztrátový formát, což je u fotek nákladné — fotografické PNG bývá 5–10× větší než vizuálně identické JPG. Převod fotografických PNG na JPG/WebP přináší vůbec největší úsporu. PNG si nechte jen pro grafiku, která potřebuje průhlednost nebo ostré hrany.
Proč je výstup někdy větší než originál?
Pokud byl obrázek už silně zkomprimovaný, další překódování nepomůže a může spíš přidat bajty. Nástroj vás na to upozorní — v takovém případě si prostě ponechte originál.
Jaký je rozdíl mezi ztrátovou a bezztrátovou kompresí?
Ztrátová komprese (JPG, WebP při nízké kvalitě) trvale zahodí část obrazových dat, aby dosáhla menší velikosti — proto existuje posuvník kvality. Bezztrátová komprese (PNG, WebP v bezztrátovém režimu) zmenší soubor beze změny jediného pixelu, ale úspora je mnohem menší, typicky jen 10–30 % u fotografického obsahu. Pro fotky se vyplatí ztrátová komprese, pro grafiku s ostrými hranami bezztrátová.
Zachová si zkomprimovaný obrázek metadata EXIF (GPS poloha, model fotoaparátu, datum)?
Ne — tento nástroj při překódování EXIF metadata odstraní jako vedlejší efekt zápisu obrázku přes canvas API prohlížeče. To je ve skutečnosti výhoda soukromí: pokud sdílíte fotku z telefonu, GPS souřadnice pořízení fotky se automaticky nedostanou k příjemci.
Můžu tímto nástrojem převést PNG na JPG, nebo JPG na WebP?
Ano — zvolíte výstupní formát nezávisle na vstupním. Nahrajete PNG a zvolíte výstup JPG nebo WebP a nástroj provede konverzi formátu zároveň s kompresí. Mějte na paměti, že převod z PNG do JPG odstraní průhlednost (alfa kanál), protože JPG ji nepodporuje.
Co je tento nástroj?
Kompresor obrázků zmenší velikost souboru překódováním obrázku s efektivnějším (ztrátovým) nastavením. Fotka z mobilního telefonu má často 3–8 MB; pro web, chatovou zprávu nebo e-mail vypadá 200–500 KB na obrazovce většinou identicky. Menší obrázky se rychleji nahrávají, rychleji načítají a šetří úložiště i přenosová data.
Tento nástroj překóduje obrázky vlastním kodekem prohlížeče podle vámi zvolené kvality a volitelně zmenší velmi velké obrázky na rozumnou maximální šířku — dvě páky, na kterých nejvíc záleží pro velikost souboru. Síla komprese vůči viditelné kvalitě je vždy kompromis; živé porovnání velikostí před/po vám pomůže najít pro každý obrázek správnou rovnováhu.
Srovnání formátů: JPG vs WebP vs PNG podle velikosti
Stejná fotka, stejná vizuální kvalita, tři velmi odlišné velikosti: PNG je těžká váha (bezztrátový — u fotek často 5–10× větší než JPG), JPG je univerzální střední cesta, WebP se obvykle pohybuje o 25–35 % pod JPG. Hierarchie komprese pro fotku je tedy: nejdřív odejít od PNG, pak zvolit JPG kvůli kompatibilitě, nebo WebP kvůli minimální velikosti.
U grafiky je to naopak: u screenshotů, log a plošných UI obrázků obvykle PNG s paletou barev porazí JPG velikostí i ostrostí — fotografická komprese JPG rozmazává ostré hrany. Na tenhle případ je níže samostatný nástroj.
| Typ obsahu | Nejlepší formát | Proč |
|---|---|---|
| Fotky pro web/e-mail/chat | WebP (nebo JPG kvůli kompatibilitě) | Ztrátová komprese sedí k fotografickým detailům; WebP je o 25–35 % menší než JPG při stejné kvalitě. |
| Screenshoty, loga, plošné UI | PNG | Bezztrátové — fotografická komprese JPG rozmazává ostrý text a tvrdé hrany. |
| Obrázky vyžadující průhlednost | PNG nebo WebP | JPG nemá alfa kanál; PNG i WebP podporují průhledné pozadí. |
| Maximální kompatibilita (starý software, tiskárny) | JPG | Univerzálně podporovaný od 90. let; podpora WebP je novější, dnes už ale téměř univerzální v prohlížečích. |
Poznámky k výkonu
- Zmenšete rozměry dřív, než přitvrdíte s kvalitou: zmenšení z 4000 px na 1920 px odstraní ~77 % pixelů — žádný posuvník kvality se tomu nevyrovná.
- Hromadné zpracování běží na vašem CPU postupně; stovka telefonních fotek zabere na notebooku pár minut. Nic nečeká ve frontě na serveru, takže je to obvykle přesto rychlejší než weby založené na nahrávání — a funguje to i offline.
- Číslo −% je vaše zpětná vazba: pokud ukazuje jednociferné hodnoty, byl obrázek už optimalizovaný a další snížení kvality spíš zhorší vzhled, než ušetří místo.
- Pro publikování na webu mířte na ≤200 KB u obsahových obrázků a ≤500 KB u celoširokých úvodních fotek; tyto limity udrží Core Web Vitals v pohodě i na mobilních připojeních.
Co se stane s vašimi daty při kompresi
- Obrázek se načte do paměti prohlížeče a překreslí na HTML5 canvas, který pak exportuje nový soubor podle zvolené kvality — celý proces běží v JavaScriptu na vašem zařízení, žádný upload na server neexistuje.
- Metadata EXIF (GPS, model fotoaparátu, časové razítko) se při tomto procesu nepřenášejí do výstupu, což je pro sdílení fotek na veřejnosti spíš výhoda než nevýhoda soukromí.
- Barevný profil obrázku (sRGB) zůstává zachovaný, takže barvy po kompresi vypadají stejně jako v originálu na běžných obrazovkách.
- Po zavření karty prohlížeče nezůstává po zpracovaných obrázcích žádná stopa — nic se neukládá do cache na serveru, protože žádný server obrázek nikdy neviděl.
Z našeho vlastního testování
Před nasazením tohoto nástroje jsme ho otestovali na generovaných testovacích obrázcích a zkontrolovali výstup pixel po pixelu, ne jen okem. Vícebarevné PNG 3000×2000 kleslo ze 140 KB na 94 KB (−33 %) při kvalitě 75 % a stropu 1920 px — a protože testovací obrázek byl syntetický, mohli jsme ověřit, že se žádný pixel neposunul víc, než dovoluje očekávaná tolerance kodeku JPG. Ověřili jsme také, že upozornění na už optimalizovaný soubor se spouští správně místo tichého vytvoření většího souboru: nakrmte nástroj silně zkomprimovaným JPG a řekne vám, ať si ponecháte originál, místo aby předstíral, že pomohl.
Jak se používá
- Přetáhněte obrázky do pole (nebo klikněte pro výběr) — podporovány jsou JPG, PNG a WebP.
- Nastavte kvalitu: 75 % je dobrý kompromis; snižte na 60 % pro maximální úsporu.
- Zvolte maximální šířku — 1920 px stačí bohatě pro celoobrazovkové použití na webu.
- Vyberte výstup JPG (univerzální) nebo WebP (menší, všechny moderní prohlížeče).
- Klikněte na Download u každého výsledku. U každého souboru se zobrazuje velikost a procento úspory.
Příklad
- Vstup
phone-photo.jpg — 4,20 MB, 4032×3024- Výstup
phone-photo-compressed.jpg — 0,48 MB (−89 %), 1920×1440
Zmenšení na 1920 px a překódování při kvalitě 75 %: vizuálně identické na jakékoli obrazovce, 9× menší.