Nástroj zmenší obrázky pro web a převede je do moderních formátů WebP nebo AVIF, které jsou obvykle o desítky procent menší než JPG a PNG při podobné kvalitě. Nastavíte kvalitu a maximální šířku, zpracujete víc souborů najednou a stáhnete je jednotlivě nebo v ZIPu. Všechno běží ve vašem prohlížeči.
Komprese běží ve vašem prohlížeči (WebAssembly kodeky ze Squoosh), obrázky se nikam neodesílají. AVIF je menší, ale kódování trvá déle.
Běží celý ve vašem prohlížeči. Nic se nikam neodesílá ani neukládá.
JPG, PNG, WebP, AVIF nebo GIF, klidně několik najednou.
WebP pro maximální kompatibilitu, AVIF pro nejmenší soubory. Kvalita 70–80 je pro web obvykle ideální.
Fotka z telefonu má 4000 px, web jich potřebuje 1600 nebo méně.
Jednotlivě nebo všechny v ZIPu.
| Použití | Šířka |
|---|---|
| Obrázek přes celou šířku | 1600–2400 px |
| Obrázek v textu článku | 1200 px |
| Produkt v e‑shopu | 1200 px (detail), 600 px (výpis) |
| Náhled pro sdílení (og:image) | 1200 × 630 px |
| Ikona, logo | SVG |
Kontrolu velikostí obrázků na celé stránce udělá audit webu. Ukáže, které obrázky jsou těžší než 300 kB.
AVIF bývá menší, hlavně u fotografií, ale kódování trvá déle. WebP podporují všechny současné prohlížeče a je rychlý. Pro web je ideální nabízet oba přes element picture, tak to dělá i tento web.
Ne. Komprese probíhá ve vašem prohlížeči pomocí kodeků ze Squoosh (projekt Googlu) zkompilovaných do WebAssembly.
Obrázky tvoří většinu dat na typické stránce. Velké obrázky zpomalují načítání, hlavně na mobilu, a zhoršují Core Web Vitals, které Google používá při řazení.
Při kvalitě kolem 75 je rozdíl pouhým okem obvykle neviditelný. U loga nebo grafiky s ostrými hranami zkuste vyšší kvalitu, nebo použijte SVG.
Kontakt ještě spouštím. Mezitím si vyzkoušejte nástroje, které už fungují.
Kontakt