Převod PNG do WebP

Zmenšete snímky obrazovky, loga a vyříznuté produktové fotky ve formátu PNG na svém webu na soubory WebP, které si zachovají průhledné okraje a načtou se za zlomek času. Zvolte ztrátovou nebo bezeztrátovou kompresi, převeďte soubory a výsledky nahrajte do svého CMS.

nebo sem přetáhněte soubory JPG, JPEG, JPE … ·

Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách

Výstup

Převést na

Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.

Jak nástroj používat

1
Přetáhněte soubory PNG
Přetáhněte až 20 souborů PNG na nahrávací plochu nebo je vyberte ze složky. Každý soubor může mít až 95 MB, což stačí i na velmi velké exportované návrhy.
2
Zvolte ztrátovou, nebo bezeztrátovou kompresi
Stránka začíná s hodnotou Kvalita 80 ve ztrátovém režimu, což je dobrý kompromis pro fotky a ilustrace na webu. Pro ikony, pixel art nebo snímky rozhraní, které musí zůstat pixel po pixelu přesné, zaškrtněte v části Pokročilá nastavení možnost Bezeztrátově.
3
Převeďte a nahraďte
Klikněte na Převést na WebP a soubory stáhněte jednotlivě nebo jako ZIP.

Odpověď

Vyplatí se převést PNG do WebP?

U obrázků na webu téměř vždy. Stejný obrázek včetně průhlednosti je obvykle výrazně menší a zobrazí ho každý současný prohlížeč. PNG si ponechte u souborů, které ještě upravujete nebo posíláte lidem, kteří je otevírají v desktopových programech.

Proč weboví vývojáři nahrazují PNG formátem WebP

PNG je ze své podstaty bezeztrátové: W3C ho standardizovalo v roce 1996 jako náhradu GIFu bez patentů a nikdy nezahazuje data pixelů. Pro hlavní soubor je to ideální, na webové stránce je to plýtvání, kde ilustrace o šířce 1600 px uložená jako PNG může vážit víc než všechny skripty stránky dohromady.

Google představil WebP v roce 2010, aby tento rozdíl zacelil. V jednom kontejneru nabízí dva postupy: bezeztrátový režim, který je podle vlastního zveřejněného srovnání Googlu zhruba o 26 % menší než PNG, a ztrátový režim založený na videokodeku VP8, který je menší ještě víc. Oba režimy nesou plný alfa kanál, díky kterému zůstanou loga a vyříznuté produktové fotky použitelné na barevném pozadí.

Nástroje pro rychlost stránek, například PageSpeed Insights, dlouho upozorňují na předimenzované soubory PNG a JPEG jako na snadnou úsporu a převedená sada obrázků bývá nejrychlejším zlepšením metriky Largest Contentful Paint. Pokud obrázky potřebují i nové rozměry, nejdřív je upravte pomocí změny velikosti obrázku a pak je převeďte.

O kolik je WebP menší než PNG

Původní PNG

1,2 MB

1600 × 900 · 24 bitů s alfa kanálem, vyříznutý produkt

obvykle o 80–85 % menší

WebP, kvalita 80

190 KB

1600 × 900 · ztrátově, alfa kanál zachován

PNG

Portable Network Graphics

PNG je rastrový formát bez ztráty kvality, který v roce 1996 zveřejnila skupina PNG Development Group a později ho standardizovaly W3C a ISO. Zachová každý pixel přesně, podporuje plnou průhlednost alfa a bez artefaktů zvládá text, ostré hrany i plné barvy. Díky této přesnosti je ideální pro snímky obrazovky, loga, ikony a grafiku rozhraní. Nevýhodou je velikost: fotografie uložené jako PNG bývají několikanásobně větší než stejná fotka v JPEG nebo WebP. Soubory PNG otevřou všechny prohlížeče, operační systémy i editory.

Komprese: Bezztrátová
Průhlednost: Ano
Animace: Ne
Představeno: 1996 · PNG Development Group

Převodník PNG

WEBP

Obrázek WebP

WebP je obrazový formát, který Google vydal v roce 2010 pro rychlejší načítání webových stránek. V jednom formátu podporuje ztrátovou i bezeztrátovou kompresi, alfa průhlednost a animace. Ztrátové soubory WebP bývají při podobné vizuální kvalitě o 25–35 % menší než JPEG a bezeztrátový WebP bývá menší než PNG. Podporují ho všechny současné prohlížeče, ale některý starší desktopový software, tiskové služby a formuláře pro nahrávání jej stále odmítají. Windows, macOS i většina moderních obrazových editorů soubory WebP otevře.

Komprese: Ztrátová i bezztrátová
Průhlednost: Ano
Animace: Ano
Představeno: 2010 · Google

Převodník WEBP

Majitelé webů převádějí PNG do WebP, aby snížili velikost stránek a zachovali průhlednost; převod z WebP zpět do PNG slouží k úpravám nebo k otevření souboru v programu, který WebP nečte.

Uvedené hodnoty jsou typický výsledek pro vyříznutou fotografii, nikoli příslib. Ploché grafiky se ve ztrátovém režimu zmenší méně, v bezeztrátovém někdy více. Snímky plné textu jsou jediný případ, kdy může ztrátový WebP rozmazat hrany písmen; u nich zaškrtněte Bezeztrátově a místo stále ušetříte bez jakékoli změny pixelů.

Rozměry, barvy i průhlednost se přenesou beze změny a Odstranit metadata (ve výchozím stavu zapnuto) odstraní historii úprav, kterou prohlížeč nikdy nepotřebuje.

Než soubory WebP nahrajete na web

Původní soubory PNG uchovejte v samostatné složce; WebP je kopie pro zobrazení, nikoli zdroj pro úpravy.
Ověřte, že váš CMS přijímá nahrávání souborů .webp (WordPress od verze 5.8).
Prohlédněte si jeden průhledný obrázek na bílém i tmavém pozadí a ověřte, že jsou okraje čisté.
Upravte odkazy na obrázky v HTML nebo CSS z .png na .webp, nebo nechte CMS znovu vytvořit náhledy.
Porovnejte velikost stránky před převodem a po něm na panelu sítě v prohlížeči, abyste věděli, kolik jste ušetřili.

Otázky k převodu PNG do WebP

Zachová WebP průhledné pozadí mého PNG?

Ano. WebP ukládá alfa kanál ve ztrátovém i bezeztrátovém režimu, takže vyříznuté produktové fotky a loga zůstanou průhledné. Ve ztrátovém režimu se okrajové pixely trochu komprimují; pokud kolem jemných vlasů nebo textu uvidíte slabý lem, spusťte soubor znovu se zaškrtnutou možností Bezeztrátově. Potřebujete později opačný směr? WebP do PNG vrátí upravitelný PNG.

Mám pro PNG zvolit ztrátový, nebo bezeztrátový WebP?

Bezeztrátově, pokud je PNG ploché rozhraní, diagram, logo nebo pixel art, protože každý pixel zůstane přesně stejný a soubor se obvykle stejně zmenší. Ztrátově s kvalitou 75 až 85, pokud je PNG ve skutečnosti fotografie nebo měkká ilustrace, protože právě tam jsou úspory největší.

Které prohlížeče umí zobrazit obrázky WebP?

Chrome, Edge, Firefox a Opera zobrazují WebP už řadu let a Safari se přidal ve verzi 14 v roce 2020 (na macOS Big Sur a novějším a iOS 14). V praxi ho dnes zobrazí každý používaný prohlížeč, takže pro většinu webů stačí obyčejná značka img odkazující na soubor .webp.

Lze do WordPressu nahrávat soubory WebP?

WordPress 5.8, vydaný v červenci 2021, přidal WebP mezi povolené typy nahrávaných souborů v knihovně médií. Starší instalace soubor odmítnou, pokud typ MIME nepřidá plugin, proto před převodem celé složky zkontrolujte svou verzi.

Proč je můj WebP větší než původní PNG?

Stává se to u drobných PNG s indexovanou paletou několika barev, například osmibarevné ikony, protože PNG je tam už velmi efektivní. U takových souborů zkuste Bezeztrátově a pokud je výsledek stále větší, ponechte PNG; úspora se projeví u větších a barevnějších obrázků.

Mohu převést celou složku PNG do WebP najednou?

V jednom běhu projde až 20 souborů, každý do 95 MB, a vrátí se společně v ZIPu. U větší složky postup opakujte po dávkách po 20; denní limit neexistuje a nahrané soubory se automaticky smažou po 30 minutách.