PNG WebP-be konvertálás

Alakítsa a weboldalán lévő PNG képernyőképeket, logókat és kivágott termékfotókat WebP fájlokká. Az átlátszó szélek megmaradnak, a képek pedig töredék idő alatt töltődnek be. Válassza a veszteséges vagy a veszteségmentes módot, konvertáljon, majd töltse fel az eredményt a CMS-be.

vagy húzza ide a(z) JPG, JPEG, JPE … fájlok fájlokat ·

Legfeljebb 95 MB fájlonként· Legfeljebb 20 fájl· Törlés 30 perc után

Kimenet

Konvertálás erre

A fájlokat szervereinken dolgozzuk fel, és 30 perc után töröljük.

Az eszköz használata

1
Húzza be a PNG fájlokat
Húzzon legfeljebb 20 PNG-fájlt a feltöltési területre, vagy válassza ki őket egy mappából. Egy fájl legfeljebb 95 MB lehet, így még a nagyméretű exportált látványtervek is beleférnek.
2
Válasszon veszteséges vagy veszteségmentes módot
Az oldal Minőség 80-as értéken, veszteséges módban indul, ami jó egyensúlyt ad weben használt fotókhoz és illusztrációkhoz. Az ikonokhoz, pixelgrafikához vagy képpontpontosan megőrzendő felületi képernyőképekhez jelölje be a Veszteségmentes négyzetet a Speciális beállítások alatt.
3
Konvertáljon, és cserélje le a régi képeket
Nyomja meg a Konvertálás erre: WebP gombot, majd töltse le a fájlokat egyenként vagy ZIP-ben.

Válasz

Megéri a PNG-t WebP-be konvertálni?

Weboldalon használt képeknél szinte mindig. Ugyanaz a kép az átlátszóságával együtt jellemzően jóval kisebb lesz, és minden mai böngésző megjeleníti. A PNG-t tartsa meg azoknál a fájloknál, amelyeket még szerkeszt, vagy amelyeket asztali programban megnyitó embereknek küld.

Miért cserélik a webfejlesztők a PNG-t WebP-re?

A PNG tervezésénél fogva veszteségmentes: a W3C 1996-ban szabványosította a GIF szabadalommentes utódjaként, és sosem dob el képponadatot. Ez ideális mesterfájlnak, de pazarló egy weboldalon, ahol egy PNG-ként mentett 1600 px-es nyitóillusztráció többet nyomhat, mint az oldal összes szkriptje együtt.

A Google 2010-ben mutatta be a WebP-t, hogy ezt a rést betömje. Két motort kínál egy konténerben: egy veszteségmentes módot, amely a Google saját közzétett összehasonlítása szerint nagyjából 26%-kal kisebb a PNG-nél, és egy, a VP8 videokodeken alapuló veszteséges módot, amely még kisebb. Mindkét mód teljes alfacsatornát hordoz, ez teszi a logókat és a körbevágott termékfotókat színes háttéren is használhatóvá.

Az oldalsebesség-mérők, például a PageSpeed Insights, régóta a túlméretezett PNG- és JPEG-fájlokat jelölik meg könnyű megtakarításként, és az átalakított képek gyakran a leggyorsabb javulást hozzák a Largest Contentful Paint értékében. Ha a képeknek új méretekre is szükségük van, előbb futtassa át őket a képátméretezőn, és csak utána konvertálja.

Mennyivel kisebb a WebP, mint a PNG?

PNG eredeti

1,2 MB

1600 × 900 · 24 bites alfával, körbevágott termékfotó

jellemzően 80–85%-kal kisebb

WebP, 80-as minőség

190 KB

1600 × 900 · veszteséges, az alfacsatorna megmarad

PNG

Portable Network Graphics

A PNG veszteségmentes rasztergrafikus formátum, amelyet a PNG Development Group tett közzé 1996-ban, később a W3C és az ISO is szabványosította. Minden pixelt pontosan megőriz, támogatja a teljes alfa-átlátszóságot, és műtermékek nélkül kezeli a szöveget, az éles széleket és az egybefüggő színeket. Ez a pontosság ideálissá teszi képernyőképekhez, logókhoz, ikonokhoz és felületi grafikákhoz. Az ár a méret: a PNG-ként mentett fényképek gyakran többszörösen nagyobbak, mint ugyanaz a fotó JPEG-ként vagy WebP-ként. Minden böngésző, operációs rendszer és szerkesztő megnyitja a PNG fájlokat.

Tömörítés: Veszteségmentes
Átlátszóság: Igen
Animáció: Nem
Bevezetés éve: 1996 · PNG Development Group

PNG átalakító

WEBP

WebP kép

A WebP a Google által 2010-ben kiadott képformátum, amely gyorsabbá teszi a weboldalak betöltését. Egyetlen formátumban támogatja a veszteséges és a veszteségmentes tömörítést, az alfa-átlátszóságot és az animációt. A veszteséges WebP fájlok jellemzően 25–35%-kal kisebbek a hasonló vizuális minőségű JPEG-eknél, a veszteségmentes WebP pedig általában kisebb a PNG-nél. Minden mai böngésző támogatja, de egyes régebbi asztali programok, nyomtatási szolgáltatások és feltöltési űrlapok még elutasítják. A Windows, a macOS és a legtöbb modern képszerkesztő megnyitja a WebP fájlokat.

Tömörítés: Veszteséges vagy veszteségmentes
Átlátszóság: Igen
Animáció: Igen
Bevezetés éve: 2010 · Google

WEBP átalakító

A weboldalak készítői azért konvertálnak PNG-ből WebP-be, hogy az átlátszóság megtartása mellett csökkentsék az oldal méretét; a WebP-ből PNG-be konvertálás pedig arra szolgál, hogy a fájlt olyan programban lehessen szerkeszteni vagy megnyitni, amely nem olvassa a WebP-t.

A fenti számok egy fotószerű, körbevágott kép tipikus eredményét mutatják, nem ígéretet. Az egyszínű felületű grafikák veszteséges módban kevésbé zsugorodnak, veszteségmentes módban viszont néha jobban. A szövegekkel teli képernyőképeknél a veszteséges WebP elmoshatja a betűk szélét; ezeknél jelölje be a Veszteségmentes beállítást, így a képpontok változatlanok maradnak, és még így is helyet takarít meg.

A méretek, a színek és az átlátszóság változatlanul megmaradnak, a Metaadatok eltávolítása (alapból be van kapcsolva) pedig elhagyja a szerkesztési előzményeket, amelyekre a böngészőnek soha nincs szüksége.

Mielőtt feltölti a WebP fájlokat az oldalára

Tartsa meg az eredeti PNG-ket külön mappában; a WebP kiszolgálási példány, nem szerkesztési mesterfájl.
Ellenőrizze, hogy a CMS elfogadja-e a .webp feltöltéseket (a WordPress az 5.8-as verziótól igen).
Nézzen meg egy átlátszó képet fehér és sötét háttéren is, hogy meggyőződjön a tiszta szélekről.
Írja át a HTML- vagy CSS-ben a képhivatkozásokat .png-ről .webp-re, vagy hagyja, hogy a CMS újragenerálja az előnézeti képeket.
Hasonlítsa össze az oldal méretét előtte és utána a böngésző hálózati paneljében, hogy lássa, mennyit spórolt.

Kérdések a PNG WebP-be konvertálásáról

Megmarad a PNG átlátszó háttere WebP-be konvertálás után?

Igen. A WebP a veszteséges és a veszteségmentes módban is tárol alfacsatornát, így a körbevágott termékfotók és logók átlátszóak maradnak. Veszteséges módban a szélső képpontok kissé tömörödnek; ha finom hajszálak vagy szöveg körül halvány udvart lát, futtassa újra a fájlt bejelölt Veszteségmentes beállítással. Később visszafelé is kell? A WebP PNG-be szerkeszthető PNG-t állít vissza.

Veszteséges vagy veszteségmentes WebP-t válasszak PNG-hez?

Veszteségmentesen, ha a PNG egyszínű felületű grafika, diagram, logó vagy pixelgrafika, mert minden képpont pontosan olyan marad, és a fájl általában így is kisebb lesz. Veszteségesen, 75–85-ös minőséggel, ha a PNG valójában fotó vagy lágy illusztráció, mert ott érhető el a nagy megtakarítás.

Mely böngészők jelenítik meg a WebP képeket?

A Chrome, az Edge, a Firefox és az Opera évek óta megjeleníti a WebP-t, a Safari pedig a 14-es verzióval csatlakozott 2020-ban (macOS Big Sur vagy újabb, illetve iOS 14 esetén). A gyakorlatban ma minden használatban lévő böngésző megjeleníti, így a legtöbb weboldalon elég egy egyszerű img címke, amely egy .webp fájlra mutat.

Feltölthetők WebP fájlok a WordPressbe?

A 2021 júliusában megjelent WordPress 5.8 felvette a WebP-t a médiatár engedélyezett feltöltési típusai közé. A régebbi telepítések elutasítják a fájlt, hacsak egy bővítmény nem adja hozzá a MIME-típust, ezért egy egész mappa konvertálása előtt ellenőrizze a verziót.

Miért nagyobb a WebP fájl, mint az eredeti PNG?

Ez az indexelt, néhány színes palettát használó apró PNG-knél fordul elő, például egy 8 színű ikonnál, mert a PNG ott már eleve nagyon hatékony. Ezeknél próbálja a Veszteségmentes beállítást, és ha az eredmény még mindig nagyobb, tartsa meg a PNG-t; a megtakarítás a nagyobb, színesebb képeknél jelentkezik.

Átalakíthatok egy egész mappányi PNG-t egyszerre WebP-be?

Egy futtatással legfeljebb 20 fájl dolgozható fel, egyenként legfeljebb 95 MB-ig, és ZIP-ben együtt kapja vissza őket. Nagyobb mappánál ismételje 20 fájlos adagokban; nincs napi korlát, a feltöltött fájlokat pedig 30 perc után automatikusan töröljük.