Převod obrázků na WebP
Tento prohlížeč neumí vytvářet WebP. Použijte aktuální Chrome, Edge nebo Firefox.
Přetáhněte obrázky sem nebo klikněte pro výběr
Podporované formáty: JPG, PNG, GIF, BMP, SVG Převod odstraní EXIF, ICC i GPS — z fotek zmizí souřadnice místa.Nastavení
Pokročilé volby
Referenční náhled
Technické detaily: lupa, odhad úspory, HTML kód
Klepnutím do náhledu přesunete lupu na 100% zvětšení.
Odhad ze vzorku
- Původní soubor
- —
- WebP (toto nastavení)
- —
- JPEG při stejné kvalitě
- —
- Odhadovaná úspora
- —
Snippet picture s fallbackem
Nahráno: 0
| Náhled | Název souboru | Původní | Nová | Úspora | Stav | Akce |
|---|
Chcete zrychlit web nebo e-shop menšími obrázky? Převeďte JPG a PNG do WebP. Převodník před převodem odhadne, kolik ušetříte oproti JPG, a připraví i HTML kód se záložním formátem pro starší prohlížeče. Všechno běží ve vašem prohlížeči, obrázky se nikam nenahrávají.
Jak převést obrázek na WebP
- Nahrajte obrázky. Přetáhněte je do okna nebo klikněte na „Procházet soubory“. Převodník zvládne JPG, PNG, BMP i statický GIF, desítky souborů najednou.
- Nastavte kvalitu. Výchozí kvalita 80 vyhovuje většině webů. Pro portfolio zvolte 85 až 90, pro náhledy 70.
- Převeďte a stáhněte. Tlačítko „Převést“ zpracuje celou dávku, hotové WebP stáhnete po jednom nebo jako ZIP.
Kdo chce jít do detailu, rozbalí pod náhledem „Technické detaily“ s lupou, odhadem úspory a HTML kódem.
Proč převádět obrázky do WebP
WebP je formát od Googlu navržený pro web. Podle studie Googlu (anglicky) jsou ztrátové WebP soubory při stejné kvalitě o 25 až 34 % menší než JPEG a bezeztrátové zhruba o 26 % menší než PNG. Menší obrázky znamenají rychlejší načítání stránky, lepší výsledky v Core Web Vitals a menší spotřebu dat na mobilu.
Oproti JPG navíc WebP umí průhlednost, takže nahradí i PNG s průhledným pozadím. Dnes ho podporují všechny běžné prohlížeče (anglicky) včetně Safari od verze 14.
Co převodník na WebP umí navíc
Odhad úspory ještě před převodem
V technických detailech najdete „Odhad ze vzorku“: převodník zakóduje zmenšený vzorek vybraného obrázku a spočítá, jak velký bude WebP při zvoleném nastavení, jak velký by byl JPEG při stejné kvalitě a kolik procent ušetříte. Hned tak vidíte, jestli se převod vyplatí.
HTML kód se záložním formátem
Převodník připraví hotový kód pro element <picture>: prohlížeče s podporou WebP načtou nový soubor, ostatní dostanou původní JPG nebo PNG. Kód obsahuje i rozměry obrázku a líné načítání, stačí ho zkopírovat do šablony. Jak <picture> funguje, popisuje MDN (anglicky).
Lupa ve 100% zvětšení
Klepnutím do náhledu přesunete lupu na libovolné místo a porovnáte originál s výsledkem pixel po pixelu. Artefakty ztrátové komprese se nejdřív ukážou na textu, hranách a jemných přechodech, tam se vyplatí podívat.
Průhlednost zůstane
PNG s průhledným pozadím převedete do WebP bez ztráty alfa kanálu. Pokud cílová aplikace průhlednost nezvládne, zapněte „Složit průhlednost na barvu“.
Ochrana před špatným výsledkem
Animovaný GIF převodník odmítne, protože by z něj tiše zůstal jen první snímek. Když převedený soubor vyjde větší než originál, což se stává u už dobře komprimovaných obrázků, tabulka to označí a jedním kliknutím si ponecháte originál.
Zmenšení, přejmenování, bez metadat
V „Pokročilých volbách“ obrázky zmenšíte na delší stranu v pixelech nebo na procenta a hromadně přejmenujete pomocí {name}, {width}, {height} a {index}. Převod odstraní EXIF, ICC i GPS, takže fotky neprozradí polohu. Pokud potřebujete obrázky zmenšit na přesné rozměry nebo pod limit v kB, použijte zmenšení obrázků.
Jakou kvalitu WebP zvolit
| Účel | Kvalita | Poznámka |
|---|---|---|
| Portfolio, produktové fotky | 85 až 90 | Detaily beze ztráty, stále menší než JPG |
| Běžný web a blog | 75 až 80 | Nejlepší poměr kvality a velikosti |
| Náhledy, galerie | 65 až 70 | Malé soubory, drobné artefakty |
Kdy WebP a kdy jiný formát
- Fotky a grafika na web: WebP, s fallbackem v
<picture>pro jistotu. - Obrázky pro e-mail, úřady nebo starší programy: raději JPG, otevře ho opravdu všechno.
- Podklady k dalším úpravám a tisku: PNG, bez jakékoliv ztráty.
Rozměry obrázků na webu před převodem rychle zkontrolujete v analýze rozměrů obrázků.
Časté otázky
Jak převést JPG na WebP?
Nahrajte JPG soubory, nechte kvalitu 80 nebo ji upravte a klikněte na „Převést“. WebP bývá při stejné vizuální kvalitě o čtvrtinu až třetinu menší. Kolik ušetříte u konkrétní fotky, ukáže odhad v technických detailech.Jak převést PNG na WebP a zachovat průhlednost?
Stačí PNG nahrát a převést, průhlednost zůstane zachovaná automaticky. Pokud ji naopak nechcete, zapněte „Složit průhlednost na barvu“.Podporují WebP všechny prohlížeče?
Ano, všechny současné prohlížeče včetně Safari od verze 14. Pro jistotu u starších zařízení použijte HTML kód s elementem<picture>, který převodník připraví: starší prohlížeč pak načte původní JPG nebo PNG.