PNG‑JPG konvertáló oldal – Részletes leírás
Mitől tér el ez az oldal más PNG‑JPG konverterektől?
A legfontosabb különbség az, hogy a konverzió teljes mértékben a böngészőben történik. Amikor feltöltesz egy vagy több PNG‑képet, az adatok soha nem hagyják el a gépedet; nincs szerveroldali feltöltés, nincs harmadik fél által elérhető másolat. Ez gyakorlatilag azt jelenti, hogy akár érzékeny, bizalmas képeket is gond nélkül átalakíthatsz JPG‑vé anélkül, hogy aggódnod kellene az adatvédelem miatt.
A második lényeges eltérés az, hogy a konverzió során fel kell készülnöd a PNG és a JPG formátumok alapvető különbségére: a JPG nem támogatja az alfa‑csatornát. Ha a PNG‑d átlátszó régiókat (transzparenciát) tartalmaz, a JPG‑vé alakításkor ezek egy egyszínű háttérre kerülnek. Alapértelmezés szerint a háttér fehér lesz, mivel a böngésző a <canvas> elemben a fehér színnel tölti ki az átlátszó pixeleket. Nincs lehetőség más szín megadására – ez a konverzió belső mechanikájából adódik. Ha továbbra is szükséged van az átlátszóságra, a JPG formátum nem megfelelő választás; érdemes a PNG‑t megtartani, vagy WebP‑vé konvertálni, ami támogatja az alfa‑csatornát.
Az oldal egyetlen konkrét feladatra szakosodott: PNG‑ből JPG‑t csinál, mindenféle külső szolgáltatás nélkül. Nem kell regisztrálnod, nincs fájlméret‑korlát (a böngésző memóriájának kivételével), és a minőséget akár 40–100% között állíthatod be.
PNG és JPG: veszteségmentes vs. veszteséges tömörítés
A két formátum közötti különbség megértése nélkül a konverzió eredménye könnyen csalódást okozhat. Itt a legfontosabb jellemzők összehasonlítása:
| Jellemző | PNG | JPG |
|---|---|---|
| Tömörítés típusa | veszteségmentes (lossless) | veszteséges (lossy) |
| Színmélység | 24‑bit RGB + 8‑bit alfa (32‑bit) | 24‑bit RGB (nincs alfa) |
| Átlátszóság | támogatja (alfa‑csatorna) | nem támogatja |
| Ideális használat | szöveg, logók, vonalas ábrák, képernyőmentések | folyamatos tónusú fényképek, természetes képek |
| Fájlméret | nagyobb fényképeknél, kisebb éles kontúrú grafikáknál | kisebb fényképeknél, nagyobb éles éleknél |
| Ismételt mentés hatása | nincs minőségromlás | minden mentésnél generációs veszteség lép fel |
PNG minden egyes pixel pontos értékét eltárolja. Ha egy PNG‑t megnyitsz, módosítasz, majd újra PNG‑ként mentesz, a kép bitenként megegyezik az eredetivel (a metaadatok esetleges változásától eltekintve). Ez teszi ideálissá olyan esetekben, ahol a pontosság kritikus – például egy alkalmazás ikonjánál, egy műszaki rajznál vagy egy képernyőmentésnél, ahol a szövegek élesek kell maradjanak.
JPG ezzel szemben a szem érzékenységének figyelembevételével dob el információkat. A szomszédos pixelek közötti kismértékű különbségeket összemossa, és a színátmeneteket blokkokba tömöríti. A minőségi beállítás (40–100%) határozza meg, hogy mennyi ilyen veszteséget engedünk meg. 100%-on a tömörítés minimális, de a fájl még így is kisebb lehet, mint a PNG, ha a kép fotográfiai jellegű. 40%-on viszont jól látható tömörítési műtermékek (blokkosodás, színcsíkok) jelenhetnek meg.
A gyakorlatban: ha van egy 1920×1080 pixeles fényképed PNG‑ben (mondjuk 6–8 MB), ugyanaz a kép JPG‑ként 80%-os minőséggel 300–500 KB lehet. Egy egyszerű logó, kevés színnel és éles kontúrokkal, viszont lehet kisebb PNG‑ként, mint JPG‑ként, mert a JPG a nagy kontrasztú éleket rosszul tömöríti, és a blokkosodás elkerülése érdekében magasabb minőséget kell beállítani.
Hogyan működik a konverzió a böngészőben?
A folyamat a <canvas> API‑ra épül, amelyet minden modern böngésző támogat. Amikor kiválasztasz egy PNG fájlt, a böngésző betölti a képet egy <img> elembe, majd a <canvas>‑ra rajzolja. A canvas alapértelmezés szerint fehér háttérrel inicializálódik – ezért kerül az átlátszó részek helyére fehér szín. Ezt követően a canvas toBlob() metódusa hívódik meg image/jpeg MIME‑típussal és a megadott minőségi paraméterrel (0.4 és 1.0 közötti érték, a 40–100%‑nak megfelelően). A visszakapott Blob‑ot a böngésző letölthetővé teszi.
A folyamat lépései:
- Fájlok kiválasztása – Több fájl is kiválasztható egyszerre (a maximumot a felület jelzi). Csak támogatott formátumok engedélyezettek: PNG, JPG, WebP, HEIC, AVIF.
- Minőség beállítása – Egy csúszkán 40% és 100% között választhatsz. Ez kizárólag a JPG kimenetre vonatkozik; ha a forrás már JPG, akkor is újra tömörödik.
- Konverzió – Minden fájl a böngésző memóriájában feldolgozásra kerül. A képek méretarányosan nem változnak; a kimeneti felbontás megegyezik a forrás felbontásával.
- Eredmények megjelenítése – Minden konvertált kép mellé kikerül a fájlnév, a méretek (szélesség × magasság), az eredeti méret és a konvertált méret. A Saved vagy Larger címke jelzi, hogy a JPG kisebb vagy nagyobb lett az eredeti PNG‑nél.
- Letöltés – Egyenként vagy (kettő vagy több fájl esetén) ZIP‑fájlba csomagolva letölthető.
A kimeneti képminőség és méret: a minőségi beállítás hatása
A minőségi paraméter (quality) lineáris skálán mozog 40 és 100% között, de a hatása nem lineáris. A JPG tömörítés quantizációs mátrixokkal dolgozik: alacsonyabb minőségnél a magas frekvenciájú részleteket (éles élek, finom textúrák) durvábban kvantálja, ami blokkosodáshoz vezet.
Néhány gyakorlati példa (egy tipikus 24‑bit fotó PNG‑ként 8 MB‑os forrásával):
| Minőség | JPG méret (becsült) | Látható minőség |
|---|---|---|
| 100% | ~3–4 MB | szinte a veszteségmenteshez közeli, de fájl NÉHA LARGER |
| 90% | ~1–2 MB | szemmel nem látható különbség |
| 80% | ~500–800 KB | enyhe tömörítési műtermékek erős nagyításkor |
| 60% | ~300–500 KB | látható blokkosodás a sötét/sima területeken |
| 40% | ~150–300 KB | erős műtermékek, használhatatlan nyomtatáshoz |
A Larger felirat akkor jelenik meg, ha a konvertált JPG fájlmérete meghaladja az eredeti PNG‑ét. Ez jellemzően akkor fordul elő, ha a forrás PNG már amúgy is erősen tömörített (például egy kisméretű, egyszínű logó), és a JPG ugyanolyan minőségben nagyobb lesz, mert a blokkok kódolása több helyet fogyaszt, mint a PNG futáshossz‑kódolása. Ilyenkor érdemes visszaállítani a minőséget 100%-ra, vagy elfogadni, hogy a PNG marad a jobb választás.
A Saved felirat azt jelzi, hogy a JPG kisebb, ami a legtöbb fotó esetében igaz – itt a konverziónak megvan a célja, a tárhely és sávszélesség megtakarítása.
Több fájl egyidejű konvertálása és letöltése
Az oldal lehetővé teszi, hogy akár 10, 20 vagy több fájlt egyszerre adj hozzá. Ezután a konverzió automatikusan elindul. Az eredmények listájában minden kép külön sorban jelenik meg:
- Fájlnév – a kimeneti fájl neve (alapértelmezés szerint a forrásfájl neve
.jpgkiterjesztéssel) - Eredeti méret – bájtban, KB‑ban vagy MB‑ban
- Konvertált méret – ugyanígy
- Címke – Saved (zöld) vagy Larger (piros)
Minden sor mellett van egy Letöltés gomb, amellyel az adott képet elmentheted. Ha két vagy több kép van, a lista alján megjelenik a Letöltés (.zip) gomb is. Ez egyetlen tömörített archívumba csomagolja az összes JPG‑t, megőrizve a fájlneveket.
A felső részen található összesítő: Összesen: ‹eredeti› → ‹konvertált›. Ez az összes fájl összesített méretét mutatja, és segít eldönteni, mennyi tárhelyet spóroltál (vagy éppen veszítettél).
Hibakezelés és peremfeltételek
A konverzió nem minden esetben sikeres. Az alábbi hibaüzenetek jelenhetnek meg:
- „A fájl nem nyitható meg képként. Lehet, hogy sérült, üres, vagy valójában nem kép.” – Ez akkor lép fel, ha a böngésző nem tudja dekódolni a fájlt (például sérült PNG, vagy valójában egy DOCX fájl.png kiterjesztéssel).
- „A konverzió sikertelen. Próbálj ki egy másik képet vagy formátumot.” – Ritka eset, amikor a canvas
toBlob()meghívása hibát dob, például ha a kép túl nagy a böngésző memóriájához. - „Legfeljebb ‹max› képet választhatsz egyszerre.” – A felület korlátozza a fájlok számát a böngésző stabilitása érdekében. A pontos szám a felületen megjelenik.
- „Válassz ki legalább egy képet.” – Ha a konverzió indításakor nincs kiválasztva fájl.
- „Ez a fájltípus nem támogatott.” – Ha olyan kiterjesztést adsz meg, ami nem szerepel a támogatott formátumok között (pl..bmp vagy.gif).
- „‹szám› fájlt nem sikerült feldolgozni.” – Ha több fájlból néhányat nem lehetett konvertálni, a sikeresek továbbra is elérhetők.
- „A böngésződ nem támogatja ezt a formátumot – PNG‑t használtunk helyette.” – Elvétve előfordul, hogy egy régi böngésző nem támogatja a
toBlob()JPEG paraméterét. Ilyenkor a rendszer PNG‑t ad vissza, és a címke jelzi a változást.
A ZIP letöltéshez a böngészőnek támogatnia kell a CompressionStream API‑t (a modern Chromium‑alapú böngészőkben és Firefoxban elérhető). Ha ez hiányzik, a ZIP gomb nem jelenik meg.
Gyakran ismételt kérdések
1. Miért fehér háttérrel jelenik meg a JPG a transzparens PNG helyett?
Mivel a JPG formátum nem támogatja az alfa‑csatornát, az átlátszó pixeleket valamilyen színnel ki kell tölteni. A böngésző canvas alapértelmezett háttere a fehér, így a konverzió ezt használja. Nincs lehetőség más szín beállítására; ha szükséged van az átlátszóságra, maradj a PNG‑nél, vagy konvertálj WebP‑vé.
2. Miért nagyobb a JPG, mint az eredeti PNG (Larger)?
Ez tipikusan egyszerű grafikáknál fordul elő: egy 64×64 pixeles, néhány színből álló ikon PNG‑ként lehet 2–3 KB, de JPG‑ként a tömörítő algoritmus blokkokra bontja a képet, és a kontrasztos éleket nem tudja hatékonyan kódolni, így a fájl 5–6 KB lehet. Ilyenkor érdemes a PNG‑t megtartani.
3. Hány képet konvertálhatok egyszerre?
A felület általában 10–20 fájlban korlátozza a választást a böngésző memóriájának védelme érdekében. Ha ennél többet próbálsz kiválasztani, a hibaüzenet megadja a pontos számot.
4. Elveszítem a kép minőségét, ha többször konvertálom?
Igen – a JPG veszteséges tömörítés, minden egyes mentés további információkat dob el. Ha egy képet JPG‑ként mentesz, majd újra megnyitod és újra JPG‑ként mentesz, generációs veszteség lép fel. A PNG‑t viszont bármennyiszer újramentheted minőségromlás nélkül.
5. A konverzió során a képeim feltöltődnek valahova?
Nem. A teljes folyamat a böngésződben zajlik, a <canvas> API segítségével. Sem a fájlok tartalma, sem a metaadat nem hagyja el a gépedet. Ez garantálja az adatvédelmet.
6. Használhatom ezt az oldalt kereskedelmi projektekhez is?
Igen, mivel nincs szerveroldali feldolgozás, nincs licenc vagy használati korlátozás. A konverzió tisztán a böngésző képességeire épül, és bármilyen célra felhasználható.