Velké obrazové soubory patří k nejčastějším příčinám pomalých webových stránek, odmítnutých e-mailů a plných úložných disků. Dobrou zprávou je, že většina obrázků je mnohem větší, než potřebuje být, a jejich velikost obvykle dokážete osekat na polovinu i méně, aniž byste si všimli jakéhokoli rozdílu. Trik spočívá v tom vědět, za které páky zatáhnout.
Tento průvodce vás provede pěticí věcí, které určují velikost obrazového souboru, zhruba v pořadí podle jejich dopadu, abyste mohli své obrázky s jistotou zmenšovat, aniž byste je znehodnotili.
Co zde znamená „bez ztráty kvality"
Stojí za to si to vyjasnit, protože tento výraz se používá volně. Některé metody jsou skutečně bezeztrátové — zmenšují velikost a přitom zachovávají každý pixel beze změny. Jiné jsou ztrátové, ale vyladěné tak, že ztráta je pro lidské oko neviditelná, což je to, co většina lidí ve skutečnosti chce. Obojí je v pořádku. V celém tomto průvodci znamená „bez ztráty kvality" to, že výsledek při běžném sledování vypadá totožně, přestože je soubor mnohem menší.
Páka 1: Zvolte efektivnější formát
Toto je obvykle jediný největší přínos a nevyžaduje vůbec žádný kompromis v kvalitě. Starší formáty jako JPEG a PNG jsou mnohem méně efektivní než ty moderní. Převod JPEG na WebP zpravidla ořeže ze souboru 25 až 34 procent při stejné vizuální kvalitě; převod na AVIF jej dokáže zmenšit zhruba na polovinu.
U fotografií převeďte JPG na WebP nebo JPG na AVIF. U grafiky a snímků obrazovky, které jsou aktuálně uloženy jako PNG, převeďte PNG na WebP, což zachová průhlednost a zároveň soubor zmenší. Samotná změna formátu často problém vyřeší, ještě než se dotknete čehokoli dalšího. Pro hlubší srovnání si přečtěte WebP vs. AVIF.
Páka 2: Změňte velikost na rozměry, které skutečně zobrazujete
Toto je nejčastěji plýtvané místo. Fotka rovnou z telefonu nebo fotoaparátu může být 4000 pixelů široká, ale pokud se zobrazuje v 800pixelovém sloupci, jsou tři čtvrtiny těchto pixelů staženy a poté prohlížečem zahozeny. Zmenšení obrázku na největší velikost, v jaké se bude skutečně zobrazovat — třeba zdvojnásobenou pro displeje s vysokým rozlišením — dokáže soubor obrovsky zmenšit s nulovou viditelnou ztrátou, protože neodstraňujete žádný detail, který by divák mohl vidět.
Velikost vždy upravte předtím, než začnete dolaďovat kompresi. U předimenzovaných fotografií jde o krok s nejvyšším dopadem.
Páka 3: Vylaďte nastavení kvality
Ztrátové formáty vám umožňují vyměnit trochu věrnosti za hodně velikosti. Tento vztah není lineární: snížení z maximální kvality na zhruba 80 až 85 procent často odstraní velký podíl velikosti souboru, a přitom zůstane u typických fotografií vizuálně nerozeznatelné. Nad zhruba 90 procent platíte strmou přirážku za detail, který téměř nikdo nedokáže rozeznat.
Úroveň kvality v dolní až střední části osmdesátky je spolehlivým ideálním bodem pro webové fotografie. Grafika s ostrými hranami a textem je citlivější, takže ji udržujte výše nebo použijte bezeztrátový formát.
Páka 4: Odstraňte zbytečná metadata
Fotografie s sebou často nesou skrytou zátěž: data EXIF, jako je model fotoaparátu a poloha GPS, vložené náhledy a barevné profily. Nic z toho v obrázku není vidět, a přesto to může přidat citelnou váhu, zejména napříč mnoha malými obrázky. Odstranění metadat je pro samotný obrázek zcela bezeztrátové a má i přínos pro soukromí, protože může odstranit údaje o poloze a zařízení. Mnoho převodníků tato data odstraňuje nebo vám je umožňuje odstranit automaticky.
Páka 5: Přizpůsobte typ komprese obsahu
Použití nesprávného typu komprese soubory nafukuje. Fotografie patří do ztrátového formátu jako JPEG, WebP nebo AVIF, kde se jejich plynulé tóny komprimují efektivně. Grafika, loga, snímky obrazovky a cokoli s plochou barvou a ostrými hranami patří do bezeztrátového formátu jako PNG — nebo lépe do vektorového SVG pro loga a ikony, které je drobné a nekonečně se škáluje. Uložení loga jako JPEG ve vysokém rozlišení nebo fotografie jako PNG jsou obě běžné a nákladné chyby. Více se o tom dočtete v článku JPG vs. PNG.
Praktický pracovní postup
Dohromady vypadá efektivní proces takto:
- **Změňte velikost** obrázku na největší rozměry, v jakých se bude zobrazovat.
- **Převeďte** jej do moderního formátu — WebP jako bezpečnou výchozí volbu, AVIF pro maximální úsporu.
- **Nastavte kvalitu** na dolní až střední osmdesátku pro fotografie, výše pro detailní grafiku.
- **Odstraňte metadata**, která nepotřebujete.
V praxi převod do WebP nebo AVIF při rozumné kvalitě zvládne většinu z tohoto v jediném kroku, a proto je změna formátu tou první věcí, kterou je třeba vyzkoušet.
Bezeztrátová, nebo ztrátová: kterou zvolit
Pokud nemůžete tolerovat vůbec žádnou změnu — u archivních předloh, technických obrázků nebo grafiky s ostrým textem — použijte bezeztrátovou kompresi: PNG pro rastrovou grafiku, bezeztrátové WebP pro menší bezeztrátové soubory nebo SVG pro vektorovou tvorbu. Pro vše ostatní, zejména pro webové fotografie, dá vysoce kvalitní ztrátové nastavení mnohem menší soubory bez viditelného rozdílu, což je téměř vždy lepší volba.
Jak zmenšit velikost souboru bez instalace softwaru
Na nic z tohoto nepotřebujete obrazový editor. Převodník v prohlížeči dokáže změnit formát a aplikovat rozumnou kompresi v jediném kroku: JPG na WebP, PNG na WebP, JPG na AVIF, nebo PNG na JPG, když potřebujete maximální kompatibilitu. Uchovávejte své původní soubory ve vysoké kvalitě a podle potřeby z nich generujte menší verze. S výběrem cílového formátu vám pomůže článek Jak vybrat správný obrazový formát pro web.