WebP átalakító

Acrafto Team Képek
Frissítve

Húzza ide a képeket vagy kattintson a kiválasztáshoz

Támogatott formátumok: JPG, PNG, GIF, BMP, SVG A konvertálás eltávolítja az EXIF-, ICC- és GPS-adatokat — a fotók elveszítik a helyadatot.

Szeretné felgyorsítani a weboldalát vagy webáruházát kisebb képekkel? Alakítsa a JPG és PNG képeit WebP-be. Az átalakító a konvertálás előtt megbecsüli, mennyit takarít meg a JPG-hez képest, és HTML kódot is készít tartalék formátummal a régebbi böngészőkhöz. Minden a böngészőjében zajlik, a képek sehova nem töltődnek fel.

Hogyan alakítsunk át egy képet WebP-be

  1. Töltse fel a képeket. Húzza őket az ablakba, vagy kattintson a „Fájlok tallózása” gombra. Az átalakító kezeli a JPG, PNG, BMP és statikus GIF fájlokat is, több tucat képet egyszerre.
  2. Állítsa be a minőséget. Az alapértelmezett 80-as minőség a legtöbb weboldalnak megfelel. Portfólióhoz válasszon 85 és 90 közötti értéket, előnézetekhez 70-et.
  3. Konvertálja és töltse le. A „Konvertálás” gomb feldolgozza a teljes köteget, a kész WebP fájlokat egyenként vagy ZIP-ként töltheti le.

Aki a részletekbe akar mélyedni, az előnézet alatt kinyithatja a „Technikai részletek: nagyító, becsült megtakarítás, HTML kód” szakaszt.

Miért érdemes WebP-re konvertálni a képeket

A WebP a Google által a webre tervezett formátum. A Google tanulmánya (angolul) szerint a veszteséges WebP fájlok azonos minőség mellett 25 és 34% között kisebbek, mint a JPEG, a veszteségmentesek pedig nagyjából 26%-kal kisebbek, mint a PNG. A kisebb képek gyorsabb oldalbetöltést, jobb Core Web Vitals eredményeket és kisebb mobilos adatforgalmat jelentenek.

A JPG-vel szemben a WebP átlátszóságot is tud kezelni, így az átlátszó hátterű PNG-t is helyettesíti. Ma már minden elterjedt böngésző támogatja (angolul), a Safari a 14-es verziótól kezdve.

Mit tud még a WebP-be alakító

Megtakarítás becslése még a konvertálás előtt

A technikai részletek között találja a „Becslés mintából” szakaszt: az átalakító a kiválasztott kép kicsinyített mintáját kódolja, és kiszámítja, mekkora lesz a WebP a választott beállítással, mekkora lenne a JPEG azonos minőségnél, és hány százalékot takarít meg. Rögtön látja, megéri-e a konvertálás.

HTML kód tartalék formátummal

Az átalakító elkészíti a kész kódot a <picture> elemhez: a WebP-t támogató böngészők betöltik az új fájlt, a többiek az eredeti JPG-t vagy PNG-t kapják. A kód tartalmazza a kép méreteit és a lusta betöltést is, csak be kell másolni a sablonba. Hogy a <picture> hogyan működik, azt az MDN (angolul) írja le.

Nagyító 100%-os nagyításban

Az előnézetbe kattintva bárhová mozgathatja a nagyítót, és pixelenként hasonlíthatja össze az eredetit az eredménnyel. A veszteséges tömörítés nyomai először a szövegen, az éleken és a finom átmeneteken jelennek meg, ott érdemes megnézni.

Az átlátszóság megmarad

Az átlátszó hátterű PNG-t az alfa csatorna elvesztése nélkül alakíthatja WebP-be. Ha a célalkalmazás nem kezeli az átlátszóságot, kapcsolja be az „Átlátszóság összeolvasztása egy színnel” funkciót.

Védelem a rossz eredmény ellen

Az animált GIF-et az átalakító elutasítja, mert abból csendben csak az első képkocka maradna meg. Ha a konvertált fájl nagyobb lesz, mint az eredeti, ami már jól tömörített képeknél fordul elő, a táblázat ezt megjelöli, és egy kattintással megtarthatja az eredetit.

Átméretezés, átnevezés, metaadatok nélkül

A „Speciális beállítások” között a képeket a hosszabb oldal pixelben megadott értékére vagy százalékra méretezheti át, és tömegesen átnevezheti a {name}, {width}, {height} és {index} jelölésekkel. A konvertálás eltávolítja az EXIF, ICC és GPS adatokat, így a fotók nem árulják el a helyszínt. Ha a képeket pontos méretre vagy kB limit alá kell csökkentenie, használja a képek átméretezését.

Milyen WebP minőséget válasszunk

CélMinőségMegjegyzés
Portfólió, termékfotók85 és 90 közöttRészletek veszteség nélkül, még mindig kisebb, mint a JPG
Hétköznapi weboldal, blog75 és 80 közöttA minőség és a méret legjobb aránya
Előnézetek, galéria65 és 70 közöttKis fájlok, apró artefaktumok

Mikor WebP és mikor más formátum

  • Fotók és grafika a webre: WebP, biztonság kedvéért <picture> tartalékkal.
  • Képek e-mailhez, hivatalhoz vagy régebbi programokhoz: inkább JPG, azt tényleg minden megnyitja.
  • Alapanyagok további szerkesztéshez és nyomtatáshoz: PNG, veszteség nélkül.

A weboldalon lévő képek méretét a konvertálás előtt gyorsan ellenőrizheti a képméretek elemzésével.

Gyakran ismételt kérdések

Hogyan alakítsak JPG-t WebP-be? Töltse fel a JPG fájlokat, hagyja a 80-as minőséget vagy módosítsa, majd kattintson a „Konvertálás” gombra. A WebP azonos vizuális minőség mellett általában egynegyeddel vagy egyharmaddal kisebb. Hogy egy adott fotónál mennyit takarít meg, azt a technikai részletek becslése mutatja.
Hogyan alakítsak PNG-t WebP-be úgy, hogy megmaradjon az átlátszóság? Csak töltse fel és konvertálja a PNG-t, az átlátszóság automatikusan megmarad. Ha viszont nem szeretné, kapcsolja be az „Átlátszóság összeolvasztása egy színnel” funkciót.
Minden böngésző támogatja a WebP-t? Igen, minden mai böngésző, a Safari a 14-es verziótól kezdve. A régebbi eszközök miatt biztonság kedvéért használja az átalakító által elkészített HTML kódot a <picture> elemmel: a régebbi böngésző ekkor az eredeti JPG-t vagy PNG-t tölti be.
Jobb a WebP, mint a JPG? Webre igen: azonos minőség mellett kisebb, és tud átlátszóságot kezelni. A JPG-t viszont még mindig több program, nyomtató és hivatal nyitja meg. Webre ezért használjon WebP-t, megosztáshoz és nyomtatáshoz JPG-t.
Miért utasította el az átalakító a GIF-emet? Az animált GIF a konvertálásnál csendben egyetlen állóképpé válna. Hogy az eredmény ne lepje meg, az átalakító elutasítja. A statikus GIF-eket probléma nélkül konvertálja.
Feltöltődnek a képeim a szerverre? Nem. A konvertálás közvetlenül az Ön böngészőjében zajlik, a fájlok sehova nem kerülnek elküldésre.

Örülnék, ha megosztanád ezeket az oldalakat barátaiddal, elmentenéd a könyvjelzőkbe vagy linkelnéd őket. Köszönöm! 🙏