Képméret-optimalizálás – Hogyan Csökkentsd a Fájlméretet Minőségromlás Nélkül?#

Info

Mit tanulsz meg ebből a cikkből?

• Mitől függ egy kép fájlmérete (felbontás, színmélység, tömörítés)
• Miért négyzetes a felbontás hatása a méretre
• Veszteséges vs veszteségmentes tömörítés – JPEG, PNG, WebP, AVIF
• Hogyan találd meg a jó minőség–méret kompromisszumot
• 💡 És kipróbálhatod a lap tetején lévő fájlméret-becslő kalkulátort

A lassú weboldalak első számú oka a túl nehéz kép. Egy okostelefon fotója könnyen 5–10 MB, miközben egy weboldalon ugyanaz a kép 200 kB-ból is kiválóan kinézne. A különbség a képméret-optimalizálás – és a mögötte álló matematika meglepően egyszerű.

Mitől függ egy kép fájlmérete?#

Egy tömörítetlen (raszteres) kép mérete három tényező szorzata: a pixelek száma és a színmélység. A képlet:

Ahol $M$ = a fájlméret bájtban, $sz$ = a kép szélessége pixelben, $m$ = a magassága pixelben, $b$ = a színmélység bitben (tipikusan 24 bit, azaz 8 bit a piros, zöld és kék csatornára). A 8-cal osztás alakítja a biteket bájttá.

Nézzünk egy példát: egy Full HD kép ($1920\times 1080$) tömörítés nélkül:

Majdnem 6 MB egyetlen képért! A tömörítés dolga, hogy ezt drasztikusan lecsökkentse – gyakran a töredékére.

Miért négyzetes a felbontás hatása?#

A fenti képletből következik: a méret a pixelek számával, vagyis a $sz\cdot m$ szorzattal arányos. Ezért ha egy képet arányosan kicsinyítünk egy $k$ skálázási tényezővel (mindkét oldalt $k$-szorosára), a méret nem $k$-szorosára, hanem $k^2$-szeresére változik:

Ahol $k$ = a skálázási arány (pl. 0,5 a feleakkora oldalhoz), $M$ = a fájlméret. Ez azt jelenti: ha felére csökkented a szélességet és a magasságot, a kép a negyedére zsugorodik. A felesleges felbontás levágása (átméretezés) ezért gyakran a leghatékonyabb optimalizálás – erről a százalékos csökkenés is árulkodik.

Veszteséges vagy veszteségmentes? A tömörítés két útja#

A tömörítésnek két alapvető fajtája van:

• Veszteségmentes (lossless) – pl. PNG. Minden pixelt pontosan visszaad, de fotóknál csak mérsékelten csökkenti a méretet. Éles élű grafikákhoz, logókhoz, átlátszó képekhez ideális.
• Veszteséges (lossy) – pl. JPEG, WebP, AVIF. Apró, szemmel alig érzékelhető részleteket dob el, cserébe sokszorosan kisebb fájlt ad. Fotókhoz ez a nyerő.

A veszteséges tömörítésnél egy minőség (quality) paraméter szabályozza, mennyi részletet őrzünk meg. A magas érték nagy fájl + alig látható veszteség; az alacsony érték kis fájl + látható tömörítési hibák. A gyakorlatban a 75–85 közötti tartomány a legjobb kompromisszum.

Modern formátumok: mennyivel kisebb a WebP és az AVIF?#

A régi JPEG ma már ritkán a legjobb választás. Az újabb formátumok azonos vizuális minőségen lényegesen kisebbek:

Formátum	Típus	Tipikus méret a JPEG-hez képest
BMP / nyers	tömörítetlen	~10–20× nagyobb
PNG	veszteségmentes	fotónál nagyobb; grafikánál kicsi
JPEG	veszteséges	viszonyítási alap (100%)
WebP	veszteséges	~65–75% (25–35%-kal kisebb)
AVIF	veszteséges	~50% (fele akkora)

Egy 1 MB-os JPEG-ből tehát gyakran 650–700 kB WebP vagy akár 500 kB AVIF lesz – ugyanolyan minőségben. Egy képekben gazdag oldalon ez a különbség másodperceket faraghat le a betöltési időből, ami közvetlenül javítja a felhasználói élményt és a SEO-t.

Próbáld ki: interaktív fájlméret-becslő#

A lap tetején található kalkulátor a fenti $M=\frac{sz\cdot m\cdot b}{8}$ összefüggésből indul ki, és formátumonként megbecsüli a kép fájlméretét. Állítsd be a felbontást és a formátumot, mozgasd a minőség-csúszkát, és nézd meg egymás mellett, mennyivel kisebb a WebP és az AVIF, mint a JPEG – valamint mennyit spórolsz a nyers mérethez képest.

Warning

A kalkulátor becslést ad: a valós fájlméret függ a kép tartalmától (részletgazdagság, zaj, színek). A nagyságrendek és a formátumok közötti arányok viszont jól közelítik a valóságot.

Melyik formátumot mikor használd?#

• Fotó weboldalon → AVIF vagy WebP (kis méret, jó minőség)
• Logó, ikon, éles élű grafika → PNG vagy WebP (veszteségmentes)
• Átlátszóságot igénylő kép → PNG, WebP vagy AVIF
• Maximális kompatibilitás (régi rendszerek) → JPEG
• Szerkesztés, archiválás → veszteségmentes (PNG/TIFF), nem ismételt JPEG

Fontos: a JPEG minden mentésnél újra veszít a minőségből, ezért szerkesztéshez érdemes veszteségmentes formátumban dolgozni, és csak a végén exportálni veszteségesbe.

Hogyan optimalizálj sok képet egyszerre?#

Egyetlen képet még kézzel is át lehet méretezni, de egy egész weboldalnyi képet egyesével tömöríteni időrabló. Ilyenkor jön jól egy online konverter, amely egyszerre több képet is átméretez, tömörít és korszerű formátumba (WebP, AVIF) alakít.

Erre való a konvertalo.hu ingyenes eszközkészlete: képek tömörítése minőségveszteség minimalizálásával, átméretezés pixel vagy százalék alapján, formátumváltás (JPG, PNG, WebP, AVIF), és több fájl egyszerre, ZIP-be csomagolva. Az egész a böngésződben fut – a képek nem töltődnek fel szerverre.

Tip

Optimalizáld a képeidet ingyen a konvertalo.hu-val Képtömörítés, átméretezés és WebP/AVIF konvertálás közvetlenül a böngészőben – regisztráció nélkül, limit nélkül. Több képet is feldolgozhatsz egyszerre, és ZIP-ben letöltheted. Minden feldolgozás helyben történik, a fájljaid nem hagyják el a géped. 👉 Nyisd meg a konvertalo.hu-t

Kapcsolódó tartalom a MatekMegoldásokon#

• Vágásoptimalizálás – egy másik optimalizálási probléma: anyagkihasználás maximalizálása
• Százalékszámítás kalkulátor – a megtakarítás és a méretcsökkenés százalékos kiszámításához
• Adatméret átváltó (bájt) – kB, MB, GB átváltása

GYIK#

Mitől függ egy kép fájlmérete?

Három tényezőtől: a felbontástól (hány pixel, azaz szélesség × magasság), a színmélységtől (hány bit ír le egy pixelt, tipikusan 24 bit RGB), és a tömörítéstől. Tömörítés nélkül a méret egyszerűen a pixelek száma szorozva a színmélységgel. A tömörítés – a formátumtól és a minőségtől függően – ezt sokszorosan lecsökkenti.

Mi a különbség a veszteséges és a veszteségmentes tömörítés között?

A veszteségmentes tömörítés (pl. PNG) minden pixelt pontosan visszaad, de csak mérsékelten csökkenti a méretet – fotóknál gyengén tömörít. A veszteséges tömörítés (JPEG, WebP, AVIF) apró, szemmel alig látható részleteket dob el, cserébe sokszor 10–20-szor kisebb fájlt ad. Fotókhoz a veszteséges, éles élű grafikákhoz és átlátszósághoz a veszteségmentes a jobb választás.

Melyik képformátum a legjobb a weboldalakhoz?

Fotókhoz ma az AVIF a legkisebb, utána a WebP – mindkettő lényegesen kisebb, mint a JPEG azonos minőségen. A WebP-t gyakorlatilag minden böngésző támogatja, az AVIF támogatottsága is széles. Éles élű grafikákhoz, logókhoz, átlátszó képekhez a PNG (vagy WebP) az ideális. A régi JPEG még mindig működik, de általában van nála jobb.

Mennyivel kisebb a WebP és az AVIF, mint a JPEG?

Azonos vizuális minőségen a WebP tipikusan 25–35%-kal, az AVIF nagyjából 50%-kal kisebb, mint a JPEG. Egy 1 MB-os JPEG-ből így gyakran 650–700 kB WebP vagy akár 500 kB AVIF lesz – jelentős sávszélesség- és betöltési idő megtakarítás, főleg mobilon.

Hogyan befolyásolja a felbontás a fájlméretet?

A fájlméret nagyjából a pixelek számával, vagyis a szélesség és a magasság szorzatával arányos. Ezért a méretezés hatása négyzetes: ha felére csökkented mindkét oldalt, a pixelek száma negyedére esik, így a fájl is körülbelül a negyedére. A felesleges felbontás csökkentése (átméretezés) gyakran a leghatékonyabb optimalizálás.

Mi az a quality (minőség) beállítás a JPEG-nél?

A quality egy 1–100 közötti szám, amely azt szabályozza, mennyi részletet őriz meg a veszteséges tömörítés. A 100 közeli érték nagy fájlt és alig látható veszteséget ad, az alacsony érték kis fájlt, de látható tömörítési hibákat. A gyakorlatban a 75–85 közötti tartomány adja a legjobb kompromisszumot méret és minőség között.

Hogyan optimalizáljak sok képet egyszerre?

Kézzel egyesével átméretezni és tömöríteni időigényes. Egy online konverterrel egyszerre több képet is átméretezhetsz, tömöríthetsz és korszerű formátumba (WebP, AVIF) alakíthatsz, majd ZIP-ben letöltheted. Így néhány kattintással jelentősen csökken az összes kép súlya, ami gyorsabb weboldalt és jobb SEO-t eredményez.