Formátumútmutató

PNG vagy WebP: melyiket használja

Használja a WebP-t a böngészőben megjelenítendő képekhez. Tartsa meg a PNG-t a mesterfájlokhoz és mindenhez, aminek mindenhol meg kell nyílnia. Az érdekes rész az, hogy valójában mennyivel lesz kisebb a WebP, és mit ad fel cserébe.

A mért különbség

A formátumot kifejlesztő Google közzéteszi a számokat: a veszteségmentes WebP képek 26%-kal kisebbek a PNG-knél, a veszteséges WebP képek pedig 25-34%-kal kisebbek a hasonló JPEG-eknél azonos minőség mellett. Ezek egy teszthalmaz átlagai, nem pedig ígéret az Ön konkrét fájljára vonatkozóan, de helyesen állítják be az elvárásokat.

Egymás mellett

A PNG és a WebP összehasonlítása
Tulajdonság PNG WebP
Tömörítési módok Csak veszteségmentes Veszteségmentes és veszteséges
Jellemző veszteségmentes méret Alapérték Körülbelül 26%-kal kisebb
Átlátszóság Igen Igen, mindkét módban
Az átlátszóság költsége Tartalmazza Körülbelül 22% extra bájt veszteségmentes módban
Animáció APNG, hiányos támogatás Igen, széles körben támogatott
Megnyílik a jelenlegi böngészőkben Mindenhol Mindenhol
Megnyílik a régi szoftverekben Mindenhol Néha nem

A méretre és az átlátszóságra vonatkozó adatok a Google WebP dokumentációjából származnak, amely azt is kimondja, hogy az átlátszóságot tartalmazó veszteséges WebP jellemzően háromszor kisebb, mint az egyenértékű PNG.

Ahol a WebP nyer

  • Képek a saját oldalán Minden jelenlegi böngésző megjeleníti a WebP-t. A kép méretének negyedével történő csökkentése valódi sebességnövekedést jelent a mobilkapcsolatokon.
  • Átlátszó grafikák fényképes tartalommal Egy logó fényképes háttéren az az eset, ahol az alfacsatornás veszteséges WebP a leginkább megelőzi a PNG-t.
  • Nagy képernyőképek és UI-rögzítések Az egyszínű felületek és az éles szövegek jól tömöríthetők a veszteségmentes WebP-ben, így megtartja a pontos képpontokat, és megszabadul a felesleges mérettől.
  • Bárhol, ahol a sávszélesség a korlát E-mail hírlevelek, dokumentációs oldalak és sok képet tartalmazó katalógusok.

Ahol még mindig a PNG a megfelelő

Tartsa meg a PNG-t mesterpéldányként. Konvertáljon egy másolatot a továbbításhoz. Ez az egyetlen szabály lefedi az alábbi esetek többségét.

  1. Újra szerkesztendő fájlok A veszteséges formátumon keresztüli oda-vissza alakítás minden alkalommal ront egy kicsit a képen. Egy veszteségmentes mesterpéldány teljesen elkerüli ezt a problémát.
  2. Nyomdai és tervezési munkafolyamatok Számos tördelő és nyomdai előkészítő szoftver még mindig PNG-t vagy TIFF-et vár. Ha egy nyomdának WebP-t ad át, azzal egy olyan e-mailt kockáztat, amit nem szeretne megkapni.
  3. Bármi, amit egy régi rendszer nyit meg A régebbi belső eszközök, a régebbi dokumentumnézegetők és egyes feltöltési űrlapok egyenesen elutasítják a WebP-t.
  4. Másoknak küldött fájlok Egy régebbi gépet használó kolléga talán nem tudja dupla kattintással megnyitni. Ez a fő oka annak, hogy a WebP-ből PNG-be konvertáló használatba kerül.

Veszteségmentes vagy veszteséges WebP

A WebP két formátum egyetlen fájlkiterjesztés alatt. A veszteségmentes mód minden képpontot pontosan megtart. A veszteséges mód elveti azokat a részleteket, amelyeket a kódoló megítélése szerint Ön nem fog észrevenni, és a fájl sokkal kisebb lesz.

Válassza a veszteségmentes módot logókhoz, diagramokhoz, képernyőképekhez és bármihez, aminek éles szélei vagy szövege van. Válassza a veszteséges módot fényképekhez és olyan hátterekhez, ahol senki sem fog belenagyítani. A veszteséges beállítással a szöveg lágy udvart kap a betűk körül, ami az a hiba, amit az emberek először észrevesznek.

A Vaultaire konvertáló mindkettőt kínálja. Veszteségmentes módban visszaolvassa az új fájlt, és blokkolja a letöltést, hacsak a kimenet nem egy valódi veszteségmentes VP8L kép, amelynek képpontjai megegyeznek. Az alfaértékeknek pontosan egyezniük kell, a részben átlátszó színek esetében előszorzott 8 bites csatornánként legfeljebb 2-es tűréssel, mivel a natív böngészőkódolók kerekítik ezeket az értékeket.

Mit tesz a konvertálás a metaadatokkal

A konvertálás egyben a fájlhoz csatolt adatok eldobásának is a módja. A konvertáló nem másolja át a forrás EXIF-, ICC-, szöveg-, idő- vagy C2PA-rekordokat az új WebP-be, majd egy független elemzővel átvizsgálja az elkészült fájlt, és zárolva tartja a letöltést, ha bármilyen rekord felbukkan.

Ez akkor számít, ha a PNG egy telefonos képernyőképből, egy kamera exportálásából vagy egy képgenerátorból származik. Ha a döntés előtt látni szeretné, hogy mi van csatolva, a metaadat-vizsgáló kilistázza azt. Minden a böngésző workerében fut, és a fájl soha nem kerül feltöltésre.

A konvertáló gyakorlati korlátai: egy állókép PNG, legfeljebb 20 MB, 4,096 képpont bármelyik oldalon, és összesen 16,000,000 képpont. Az animált PNG-t a dekódolás előtt elutasítja, ahelyett, hogy csendben exportálná az első képkockáját.

PNG és WebP GYIK

Jobb a WebP, mint a PNG?

A weben megjelenített képek esetében általában igen. A Google mérései szerint a veszteségmentes WebP 26%-kal kisebb a PNG-nél. A PNG továbbra is jobb, ha egy eszköznek, nyomtatónak vagy kollégának arra a formátumra van szüksége, amelyet évtizedek óta minden támogat.

Támogatja a WebP az átlátszóságot?

Igen, mindkét módban. A Google szerint az alfacsatorna a veszteségmentes WebP-ben körülbelül 22% extra bájtot jelent, és azt mondja, hogy az átlátszóságot tartalmazó veszteséges WebP jellemzően háromszor kisebb, mint az egyenértékű PNG.

Minőségromlással jár a PNG konvertálása WebP-be?

Veszteségmentes módban nem, ez minden képpontot megtart. A veszteséges mód szándékosan módosítja a képpontokat. A konvertáló visszaolvassa az elkészült fájlt, és blokkolja a letöltést, hacsak a veszteségmentes konvertálás nem eredményezett egy valódi veszteségmentes VP8L képet.

Mikor érdemes megtartani a PNG-t?

Az újra szerkesztendő mesterpéldányokhoz, az ezt elváró nyomdai és tervező szoftverekhez, mindenhez, amit egy régebbi rendszernek meg kell nyitnia, és az archivált képernyőképekhez. Az eredeti lecserélése helyett konvertáljon egy másolatot a továbbításhoz.

Rossz a WebP a SEO szempontjából?

Nem. A kisebb képek gyorsabban betöltődnek, és az oldal sebessége beleszámít a rangsorolásba. Olyan formátumot szolgáljon ki, amelyet a látogató böngészője elfogad, és tartsa meg az alt-szöveget és a fájlelnevezést úgy, ahogy voltak.

Később vissza tudom konvertálni PNG-be?

Igen, és a PNG-kódolás a renderelt képpontokat tekintve veszteségmentes. Nem tudja visszavonni a korábbi veszteséges lépést, így a PNG-be visszakonvertált veszteséges WebP egy nagy fájl lesz, amely már leromlott minőségű képpontokat tartalmaz.