PNG konvertálása WebP-be

A PNG az a formátum, amelyben a tervezők exportálnak, a WebP pedig az, amelyet a weboldalaknak használniuk kellene. A konvertálás kétharmadával vagy még jobban csökkenti a fájlméretet, az átlátszóság pedig érintetlen marad, és minden mai böngésző meg tudja jeleníteni az eredményt. A konvertálás az eszközödön fut, így semmi nem töltődik fel.

Hogyan konvertálj PNG-t WebP-be

Húzz egy vagy több PNG képet az alábbi eszközbe.
A kimeneti formátum már be van állítva: WebP. Ha szeretnéd, módosítsd a minőséget.
Kattints az Indítás gombra a konvertáláshoz.
Töltsd le a WebP fájlokat egyenként, vagy mindet egyben, ZIP fájlként.

Miért ilyen nagyok a PNG fájlok

A PNG veszteségmentes. Minden képpontot pontosan tárol, ettől tökéletes logókhoz, képernyőképekhez és felületi grafikákhoz, és emiatt lehet egy PNG-ként mentett fotó 10-20-szor akkora, mint ugyanaz a kép JPG-ként. A tervezőprogramok alapértelmezés szerint azért exportálnak PNG-be, mert biztonságos, nem azért, mert optimális. Az eredmény az, hogy rengeteg weboldal többmegabájtos PNG-ket szolgál ki olyan képekhez, amelyek elférnének néhány száz kilobájtban is.

Mit csinál másként a WebP

A WebP-t a Google kifejezetten a webre fejlesztette ki. Két üzemmódja van. A veszteséges WebP a videótömörítéshez hasonló predikciót és transzformációs kódolást használ, és azonos látható minőség mellett jellemzően 25-35%-kal kisebb fájlt ad a JPG-nél, a PNG-nél pedig jóval kisebbet. A veszteségmentes WebP a PNG-hez hasonlóan pontosan megőrzi a képpontokat, de jobb tömörítési eljárással, így általában 20-30%-kal kisebb egy optimalizált PNG-nél. Mindkét mód támogatja az átlátszóságot, és főleg ezért olyan gyakori a PNG-ből WebP konvertálás: ez az első széles körben támogatott formátum, amellyel megtarthatod az alfacsatornát anélkül, hogy a PNG méretével fizetnél érte.

A minőségi beállítás kiválasztása

A forrás PNG tartalma	Javasolt WebP-minőség	Eredmény
Logó, ikon, egyszerű grafika	90 és 100 között	Az éles szélek megmaradnak, és még így is legalább 50%-kal kisebb a PNG-nél
Képernyőkép szöveggel	85 és 95 között	A szöveg olvasható marad, jellemzően 60-70%-kal kisebb
Fotó vagy 3D render	75 és 85 között	Normál méretben szemre azonos, 80-90%-kal kisebb
Kivágott termék átlátszósággal	85 és 90 között	A szélek tiszták maradnak, az alfacsatorna megmarad

Hol érdemes WebP-t használni

Használd a WebP-t mindenhol, ahol a böngésző a megjelenítő: a weboldaladon, webalkalmazásokban, modern levelezőprogramokat célzó e-mail sablonokban és kép-CDN-eken. A WordPress, a Shopify, a Webflow, a Squarespace és a Wix ma már mind elfogadja a WebP feltöltését. Ha egyszerre egy régebbi megjelenítőt is támogatnod kell, a bevett megoldás a HTML <picture> eleme, amelyben elöl áll a WebP forrás, tartalékként pedig a PNG vagy a JPG.

Ne konvertálj WebP-be nyomdai átadáshoz, mesterpéldányok archiválásához, vagy ha olyan ügyfélnek küldöd a fájlt, aki a Photoshop vagy az Illustrator egy régi verziójában nyitja meg. Tartsd meg a PNG mesterpéldányt, és a WebP-t kezeld kézbesítési formátumként.

Kötegelt konvertálás

Egy teljes mappányi exportált PNG-erőforrást behúzhatsz egyszerre. Mindegyik ugyanazzal a minőségi beállítással konvertálódik, az eredmény pedig egyetlen ZIP-fájlként töltődik le, az eredeti fájlnevekkel és .webp kiterjesztéssel, így a projektben elég egy keresés és csere a kiterjesztésre.

Gyakran ismételt kérdések

Megtartja a WebP a PNG átlátszó hátterét?

Igen. A WebP teljes, 8 bites alfacsatornát támogat, így a lágy szélek, az árnyékok és a félig átlátszó területek pontosan úgy jelennek meg, ahogy a PNG-ben.

Veszteségmentes vagy veszteséges WebP-t használjak?

Logókhoz, ikonokhoz és éles szöveget tartalmazó képernyőképekhez magas minőségi beállítást használj, hogy az eredmény éles maradjon. PNG-ként exportált fotóknál a 80 és 85 közötti minőség óriási megtakarítást ad látható veszteség nélkül.

Mely böngészők és alkalmazások nyitják meg a WebP-t?

A Chrome, az Edge, a Firefox, a Safari (a 14-es verzió óta) és minden mai mobilböngésző megjeleníti a WebP-t. A Windows Fotók és a macOS Előnézet is megnyitja. Néhány régebbi asztali program és levelezőprogram nem, ezekhez tarts meg egy PNG vagy JPG változatot.

Miért nagyobb néha a WebP, mint a PNG?

A nagyon kevés színt tartalmazó apró képek, például egy 32 pixeles ikon, PNG-ként már eleve közel lehetnek a minimális méretükhöz. A WebP a néhány száz pixelnél nagyobb képeknél mutatja meg igazán az erejét.

A fájljaid soha nem hagyják el az eszközödet

A Squishly Tools minden eszköze 100% ingyenes, és teljes egészében a böngésződben fut. A képeidet és dokumentumaidat a saját számítógéped dolgozza fel, és soha nem kerülnek fel szerverre. Nincs fiók, nincs vízjel, és nincs apró betűs rész.