PNG → AVIF Konvertáló
Konvertáld PNG képeidet AVIF formátumba böngészőben. Átlátszóság megőrzésével, veszteségmentes és veszteséges módban.
Miről szól ez az eszköz?
Konvertáld PNG képeidet a modern AVIF formátumba az átlátszóság (alfa-csatorna) teljes megőrzésével. Az AVIF veszteségmentes módban is 10-20%-kal kisebb fájlméretet ér el a PNG-nél, veszteséges módban pedig akár 80%-os méretcsökkenés is elérhető. A konvertálás a böngésződben történik.
Hogyan használd a(z) PNG → AVIF Konvertáló-t?
-
PNG fájl feltöltése
Húzd be a PNG képet a feltöltési területre, vagy kattints a tallózás gombra. Az átlátszó hátterű képek is támogatottak – az alfa-csatorna automatikusan megőrződik.
-
Tömörítési mód kiválasztása
Válassz veszteséges (lossy) módot a maximális méretcsökkenéshez, vagy veszteségmentes (lossless) módot a tökéletes minőség megőrzéséhez. Veszteséges módnál a CQ csúszkával finomhangolhatod a minőséget.
-
Konvertálás
Kattints a konvertálás gombra – az AVIF enkóder a böngésződben dolgozza fel a képet. Az előnézetben azonnal láthatod az eredményt és a méretcsökkenést.
-
Letöltés
Töltsd le az elkészült AVIF fájlt, és használd közvetlenül weboldaladban, alkalmazásodban vagy tárold el hatékonyabb formátumban.
Mikor van rá szükséged?
-
UI elemek és ikonok
Átlátszó hátterű UI elemek, gombok és ikonok méretét drasztikusan csökkentheted AVIF-fel, miközben az alfa-csatorna tökéletesen megmarad.
-
Logók és brand grafika
Vektoros exportból készült PNG logókat és brand elemeket hatékonyan tömörítheted AVIF-be a webes megjelenítéshez.
-
Weboldalak teljesítménye
A PNG→AVIF váltás jelentősen csökkenti az oldalbetöltési időt, különösen átlátszó hátterű hero képek és banner-ek esetén.
-
Infografikák és diagramok
Szöveget és grafikát tartalmazó infografikák AVIF-ben jóval kisebbek, miközben a szöveg élessége megmarad.
PNG vs AVIF összehasonlítás
| Tulajdonság | PNG | AVIF |
|---|---|---|
| Tömörítés típusa | Veszteségmentes | Veszteségmentes + veszteséges |
| Átlagos fájlméret | Nagy | 10-80%-kal kisebb |
| Átlátszóság (alfa) | Támogatja | Támogatja |
| HDR támogatás | Nem | Igen |
| Böngészőtámogatás | Univerzális | Modern böngészők (2024+) |
PNG és AVIF formátumok összehasonlítása
A PNG (Portable Network Graphics) a web egyik alappillére: veszteségmentes tömörítéssel és átlátszóság-támogatással az ikonok, logók és grafikai elemek standard formátuma. Hátránya a viszonylag nagy fájlméret, ami különösen fotóknál és nagy felbontású képeknél probléma.
Az AVIF (AV1 Image File Format) a legmodernebb képformátum, amely az AV1 videokodek technológiáján alapul. Veszteségmentes módban is 10-20%-kal kisebb fájlokat eredményez a PNG-nél, veszteséges módban pedig a méretkülönbség 60-80%-ot is elérhet. Támogatja az átlátszóságot, a HDR színskálát és az animációkat is.
A PNG→AVIF konvertálás ideális webfejlesztők számára, akik csökkenteni szeretnék az átlátszó képek méretét a Core Web Vitals javítása érdekében. A HTML <picture> elem használatával AVIF-et szolgálhatsz ki modern böngészőknek, miközben PNG fallback-et biztosítasz.
Hasznos tippek
-
Logóknál és ikonoknál a veszteségmentes mód ajánlott – így az éles élek és a szöveg tökéletesen megőrződik, a fájlméret pedig 10-20%-kal kisebb lesz a PNG-nél.
-
Fotószerű PNG-knél a veszteséges mód akár 80%-os méretcsökkenést eredményez szinte észrevehetetlen minőségkülönbséggel.
-
Használd a <picture> elemet a weboldaladban: <source type='image/avif'> és <img src='fallback.png'> kombinációval minden böngésző a legjobb formátumot kapja.
-
Veszteséges módban a nagyon finom átmenetek és gradiensek enyhe sávosodást mutathatnak – ilyen esetben használj magasabb minőségi beállítást.
Gyakori kérdések
- Igen, az AVIF teljes mértékben támogatja az alfa-csatornát, az átlátszó területek megmaradnak.
- Igen, az eszköz támogat veszteségmentes módot is, bár a fájlméret ekkor nagyobb lesz.
- Webes képekhez a veszteséges mód ajánlott – akár 80%-os méretcsökkenést ér el minimális, szabad szemmel észrevehetetlen minőségveszteséggel. Nyomtatáshoz vagy archíváláshoz válaszd a veszteségmentest.
- Igen, a feldolgozás teljes egészében a böngésződben történik. A képeid nem kerülnek szerverre, és semmilyen adat nem hagyja el a gépedet.
- Veszteségmentes módban 10-20%, veszteséges módban 60-80% méretcsökkenés érhető el. Az eredmény függ a kép típusától és a beállított minőségi szinttől.
- Igen, 2024 óta az AVIF Baseline státuszt ért el: Chrome, Firefox, Safari 16+, Edge és minden modern mobil böngésző stabilan támogatja.
- Igen, az eszköz teljesen reszponzív és minden modern böngészőben elérhető mobilon és asztali gépen egyaránt.