Prevod PNG do WebP

Zmenšite PNG snímky obrazovky, logá a vystrihnuté produktové fotky na svojom webe na súbory WebP, ktoré si zachovajú priehľadné okraje a načítajú sa za zlomok času. Zvoľte stratovú alebo bezstratovú kompresiu, preveďte súbory a výsledky nahrajte do svojho CMS.

alebo sem presuňte súbory JPG, JPEG, JPE … ·

Max. 95 MB na súbor· Až 20 súborov· Odstránenie po 30 minútach

Výstup

Previesť na

Súbory sa spracúvajú na našich serveroch a po 30 minútach sa odstránia.

Ako používať tento nástroj

1
Pridajte súbory PNG
Presuňte až 20 súborov PNG do oblasti nahrávania alebo ich vyberte z priečinka. Každý súbor môže mať až 95 MB, čo pokryje aj veľmi veľké exportované návrhy.
2
Zvoľte stratovú alebo bezstratovú kompresiu
Stránka začína na hodnote Kvalita 80 so stratovým režimom, čo je dobrý kompromis pre fotky a ilustrácie na webe. Pri ikonách, pixel arte alebo snímkach rozhrania, ktoré musia zostať pixel po pixeli presné, zaškrtnite Bezstratovo v sekcii Rozšírené nastavenia.
3
Preveďte a nahraďte
Stlačte Previesť na WebP a súbory stiahnite jednotlivo alebo ako ZIP.

Odpoveď

Oplatí sa previesť PNG na WebP?

Pri obrázkoch na webe takmer vždy. Ten istý obrázok vrátane priehľadnosti je zvyčajne výrazne menší a zobrazí ho každý súčasný prehliadač. PNG ponechajte pre súbory, ktoré ešte upravujete alebo posielate ľuďom, ktorí ich otvárajú v desktopovom softvéri.

Prečo weboví vývojári nahrádzajú PNG formátom WebP

PNG je z princípu bezstratové: W3C ho štandardizovalo v roku 1996 ako náhradu GIF bez patentov a nikdy nezahadzuje údaje o pixeloch. Pre hlavný súbor je to ideálne, no na webovej stránke je to plytvanie, kde ilustrácia s rozmerom 1600 px uložená ako PNG môže vážiť viac než všetky skripty stránky dokopy.

Google predstavil WebP v roku 2010, aby túto medzeru zaplnil. Ponúka dva mechanizmy v jednom kontejneri: bezstratový režim, ktorý je podľa vlastného zverejneného porovnania Googlu približne o 26 % menší než PNG, a stratový režim založený na videokodeku VP8, ktorý je ešte menší. Oba režimy nesú plnohodnotný alfa kanál, vďaka ktorému zostanú logá a vyrezané produktové fotky použiteľné na farebnom pozadí.

Nástroje na meranie rýchlosti stránok, ako PageSpeed Insights, dlho upozorňujú na predimenzované súbory PNG a JPEG ako na ľahkú úsporu a prevedená sada obrázkov je často najrýchlejším zlepšením metriky Largest Contentful Paint. Ak majú mať obrázky aj nové rozmery, najprv ich upravte pomocou nástroja na zmenu veľkosti obrázka a potom previeďte.

O koľko je WebP menší v porovnaní s PNG

Pôvodný PNG

1,2 MB

1600 × 900 · 24-bit s alfa kanálom, vyrezaný produkt

zvyčajne o 80–85 % menší

WebP, kvalita 80

190 KB

1600 × 900 · stratovo so zachovaným alfa kanálom

PNG

Portable Network Graphics

PNG je rastrový formát bez straty kvality publikovaný v roku 1996 skupinou PNG Development Group a neskôr štandardizovaný organizáciami W3C a ISO. Zachová každý pixel presne, podporuje plnú alfa priehľadnosť a text, ostré hrany a plné farby zvláda bez artefaktov. Vďaka tejto presnosti je ideálny pre snímky obrazovky, logá, ikony a grafiku rozhraní. Nevýhodou je veľkosť: fotografie uložené ako PNG sú často niekoľkonásobne väčšie než rovnaká fotka v JPEG alebo WebP. PNG otvoria všetky prehliadače, operačné systémy aj editory.

Kompresia: Bezstratová
Priehľadnosť: Áno
Animácia: Nie
Rok vzniku: 1996 · PNG Development Group

Konvertor PNG

WEBP

Obrázok WebP

WebP je obrazový formát, ktorý Google vydal v roku 2010 na zrýchlenie načítavania webových stránok. V jednom formáte podporuje stratovú aj bezstratovú kompresiu, alfa priehľadnosť a animáciu. Stratové súbory WebP sú pri porovnateľnej vizuálnej kvalite zvyčajne o 25–35 % menšie ako JPEG a bezstratové WebP je zvyčajne menšie ako PNG. Podporujú ho všetky aktuálne prehliadače, no niektorý starší desktopový softvér, tlačové služby a formuláre na nahrávanie ho stále odmietajú. Súbory WebP otvoria Windows, macOS aj väčšina moderných obrazových editorov.

Kompresia: So stratou alebo bezstratová
Priehľadnosť: Áno
Animácia: Áno
Rok vzniku: 2010 · Google

Konvertor WEBP

Majitelia webov prevádzajú PNG na WebP, aby znížili veľkosť stránky a zachovali priehľadnosť; prevod z WebP späť na PNG slúži na úpravu alebo otvorenie súboru v softvéri, ktorý WebP nečíta.

Uvedené čísla sú typickým výsledkom pre fotografický výrez, nie záruka. Ploché grafiky sa v stratovom režime zmenšia menej a v bezstratovom niekedy viac. Snímky plné textu sú jediný prípad, keď stratový WebP môže rozmazať okraje písmen; pri nich zaškrtnite Bezstratovo a miesto ušetríte aj bez akejkoľvek zmeny pixelov.

Rozmery, farby a priehľadnosť sa prenesú bez zmeny a Odstrániť metadáta (predvolene zapnuté) odstráni históriu úprav, ktorú prehliadač nikdy nepotrebuje.

Skôr než nahráte súbory WebP na svoj web

Pôvodné súbory PNG ponechajte v samostatnom priečinku; WebP je kópia na zverejnenie, nie hlavný súbor na úpravy.
Skontrolujte, či váš CMS prijíma súbory .webp (WordPress od verzie 5.8).
Pozrite si jeden priehľadný obrázok na bielom aj tmavom pozadí a overte, či sú okraje čisté.
Zmeňte odkazy na obrázky v HTML alebo CSS z .png na .webp, prípadne nechajte CMS znova vygenerovať miniatúry.
Porovnajte veľkosť stránky pred zmenou a po nej v sieťovom paneli prehliadača, aby ste vedeli, koľko ste ušetrili.

Otázky o prevode PNG do WebP

Zachová WebP priehľadné pozadie môjho PNG?

Áno. WebP ukladá alfa kanál v stratovom aj bezstratovom režime, takže vyrezané produktové fotky a logá zostanú priehľadné. V stratovom režime sa okrajové pixely trochu komprimujú; ak vidíte slabé svetlé lemovanie okolo jemných vlasov alebo textu, spustite súbor znova so zaškrtnutou možnosťou Bezstratovo. Potrebujete neskôr opačný smer? WebP na PNG obnoví upraviteľný PNG.

Mám pre PNG zvoliť stratový alebo bezstratový WebP?

Bezstratovo, ak je PNG ploché rozhranie, diagram, logo alebo pixel art, pretože každý pixel zostane presne taký, aký bol, a súbor sa zvyčajne aj tak zmenší. Stratovo s kvalitou 75 až 85, ak je PNG v skutočnosti fotografia alebo mäkká ilustrácia, pretože práve tam sú najväčšie úspory.

Ktoré prehliadače zobrazia obrázky WebP?

Chrome, Edge, Firefox a Opera zobrazujú WebP už roky a Safari sa pridal vo verzii 14 v roku 2020 (na macOS Big Sur alebo novšom a iOS 14). V praxi ho dnes zobrazuje každý aktívne používaný prehliadač, takže pre väčšinu webov stačí obyčajná značka img odkazujúca na súbor .webp.

Dá sa do WordPressu nahrať WebP?

WordPress 5.8, vydaný v júli 2021, pridal WebP medzi povolené typy nahrávania v knižnici médií. Staršie inštalácie súbor odmietnu, pokiaľ typ MIME nepridá zásuvný modul, preto pred prevodom celého priečinka skontrolujte svoju verziu.

Prečo je môj WebP väčší ako pôvodné PNG?

Stáva sa to pri drobných súboroch PNG s indexovanou paletou niekoľkých farieb, napríklad pri 8-farebnej ikone, pretože PNG je tam už veľmi efektívne. Pri takých súboroch skúste Bezstratovo a ak je výsledok stále väčší, ponechajte PNG; úspory prinášajú väčšie a farebnejšie obrázky.

Môžem previesť celý priečinok PNG do WebP naraz?

Naraz sa spracuje až 20 súborov, každý do 95 MB, a vrátia sa spolu v ZIP. Pri väčšom priečinku opakujte po dávkach po 20; denný limit neexistuje a nahrané súbory sa automaticky vymažú po 30 minútach.