Prevod obrázkov na WebP
Tento prehliadač nevie vytvárať súbory WebP. Použite aktuálny Chrome, Edge alebo Firefox.
Pretiahnite obrázky sem alebo kliknite pre výber
Podporované formáty: JPG, PNG, GIF, BMP, SVG Prevod odstráni EXIF, ICC aj GPS — z fotiek zmiznú súradnice miesta.Nastavenia
Pokročilé voľby
Referenčný náhľad
Technické detaily: lupa, odhad úspory, HTML kód
Kliknutím do náhľadu presuniete lupu na 100% zväčšenie.
Odhad zo vzorky
- Pôvodný súbor
- —
- WebP (toto nastavenie)
- —
- JPEG pri rovnakej kvalite
- —
- Odhadovaná úspora
- —
Snippet picture s fallbackom
Nahrané: 0
| Náhľad | Názov súboru | Pôvodná | Nová | Úspora | Stav | Akcie |
|---|
Chcete zrýchliť web alebo e-shop menšími obrázkami? Preveďte JPG a PNG do WebP. Prevodník pred prevodom odhadne, koľko ušetríte oproti JPG, a pripraví aj HTML kód so záložným formátom pre staršie prehliadače. Všetko beží vo vašom prehliadači, obrázky sa nikam nenahrávajú.
Ako previesť obrázok na WebP
- Nahrajte obrázky. Pretiahnite ich do okna alebo kliknite na „Prehľadávať súbory“. Prevodník zvládne JPG, PNG, BMP aj statický GIF, desiatky súborov naraz.
- Nastavte kvalitu. Predvolená kvalita 80 vyhovuje väčšine webov. Pre portfólio zvoľte 85 až 90, pre náhľady 70.
- Prevod a stiahnutie. Tlačidlo „Previesť“ spracuje celú dávku, hotové WebP stiahnete po jednom alebo ako ZIP.
Kto chce ísť do detailu, rozbalí pod náhľadom „Technické detaily“ s lupou, odhadom úspory a HTML kódom.
Prečo prevádzať obrázky do WebP
WebP je formát od Googlu navrhnutý pre web. Podľa štúdie Googlu (anglicky) sú stratové súbory WebP pri rovnakej kvalite o 25 až 34 % menšie než JPEG a bezstratové zhruba o 26 % menšie než PNG. Menšie obrázky znamenajú rýchlejšie načítanie stránky, lepšie výsledky v Core Web Vitals a menšiu spotrebu dát na mobile.
Oproti JPG navyše WebP vie priehľadnosť, takže nahradí aj PNG s priehľadným pozadím. Dnes ho podporujú všetky bežné prehliadače (anglicky) vrátane Safari od verzie 14.
Čo prevodník na WebP vie navyše
Odhad úspory ešte pred prevodom
V technických detailoch nájdete „Odhad zo vzorky“: prevodník zakóduje zmenšenú vzorku vybraného obrázka a spočíta, aký veľký bude WebP pri zvolenom nastavení, aký veľký by bol JPEG pri rovnakej kvalite a koľko percent ušetríte. Hneď tak vidíte, či sa prevod oplatí.
HTML kód so záložným formátom
Prevodník pripraví hotový kód pre element <picture>: prehliadače s podporou WebP načítajú nový súbor, ostatné dostanú pôvodný JPG alebo PNG. Kód obsahuje aj rozmery obrázka a lenivé načítanie, stačí ho skopírovať do šablóny. Ako <picture> funguje, popisuje MDN (anglicky).
Lupa pri 100% zväčšení
Kliknutím do náhľadu presuniete lupu na ľubovoľné miesto a porovnáte originál s výsledkom pixel po pixeli. Artefakty stratovej kompresie sa najskôr ukážu na texte, hranách a jemných prechodoch, tam sa oplatí pozrieť.
Priehľadnosť zostane
PNG s priehľadným pozadím prevediete do WebP bez straty alfa kanála. Ak cieľová aplikácia priehľadnosť nezvládne, zapnite „Zlúčiť priehľadnosť na farbu“.
Ochrana pred zlým výsledkom
Animovaný GIF prevodník odmietne, pretože by z neho ticho zostala len prvá snímka. Keď prevedený súbor vyjde väčší než originál, čo sa stáva pri už dobre komprimovaných obrázkoch, tabuľka to označí a jedným kliknutím si ponecháte originál.
Zmenšenie, premenovanie, bez metadát
V „Pokročilých voľbách“ obrázky zmenšíte na dlhšiu stranu v pixeloch alebo na percentá a hromadne premenujete pomocou {name}, {width}, {height} a {index}. Prevod odstráni EXIF, ICC aj GPS, takže fotky neprezradia polohu. Ak potrebujete obrázky zmenšiť na presné rozmery alebo pod limit v kB, použite zmenšenie obrázkov.
Akú kvalitu WebP zvoliť
| Účel | Kvalita | Poznámka |
|---|---|---|
| Portfólio, produktové fotky | 85 až 90 | Detaily bez straty, stále menšie než JPG |
| Bežný web a blog | 75 až 80 | Najlepší pomer kvality a veľkosti |
| Náhľady, galéria | 65 až 70 | Malé súbory, drobné artefakty |
Kedy WebP a kedy iný formát
- Fotky a grafika na web: WebP, s fallbackom v
<picture>pre istotu. - Obrázky pre e-mail, úrady alebo staršie programy: radšej JPG, otvorí ho naozaj všetko.
- Podklady na ďalšie úpravy a tlač: PNG, bez akejkoľvek straty.
Rozmery obrázkov na webe pred prevodom rýchlo skontrolujete v analýze obrázkov.
Časté otázky
Ako previesť JPG na WebP?
Nahrajte súbory JPG, ponechajte kvalitu 80 alebo ju upravte a kliknite na „Previesť“. WebP býva pri rovnakej vizuálnej kvalite o štvrtinu až tretinu menšie. Koľko ušetríte pri konkrétnej fotke, ukáže odhad v technických detailoch.Ako previesť PNG na WebP a zachovať priehľadnosť?
Stačí PNG nahrať a previesť, priehľadnosť zostane zachovaná automaticky. Ak ju naopak nechcete, zapnite „Zlúčiť priehľadnosť na farbu“.Podporujú WebP všetky prehliadače?
Áno, všetky súčasné prehliadače vrátane Safari od verzie 14. Pre istotu pri starších zariadeniach použite HTML kód s elementom<picture>, ktorý prevodník pripraví: starší prehliadač potom načíta pôvodný JPG alebo PNG.