Képformátum

Az oldalon első sorban az SVG formátum van használatban. Ennek oka a kis fájlméret és a teljesen szabad méretezhetőség, ami a reszponzív weboldalakkal is kiválóan együtt működik, nem is beszélve a további felhasználhatóságaiban rejlő előnyökről.
Az SVG ábrák mellett esetenként a PNG verziók is elérhetőek, amik ugyan egyszerűen használhatóak, de mellőzik a teljesen szabad átméretezés előnyeit és a fájlok mérete is rendre nagyobb a vektorosoktól.

A képformátumok fontosabb tulajdonságai

Vektor grafikus képek:

A vektorgrafika olyan grafikai ábrázolási mód, ahol a képeket matematikai objektumok (pontok, vonalak, görbék, sokszögek) határozzák meg. Ennek köszönhetően a vektorgrafikák korlátlanul nagyíthatók minőségromlás nélkül.

Raszteres képek:

A raszteres grafika olyan digitális képtípus, amely képpontokból (pixelekből) épül fel. Minden pixel különálló egységként van meghatározva, és saját színinformációval rendelkezik. Ez azt jelenti, hogy a kép minősége a felbontástól függ, és nagyításkor a pixelek láthatóvá válhatnak, ami rontja az élességet.

Fontosabb vektoros formátumok:

SVG (Scalable Vector Graphics): Webes alkalmazásokhoz és grafikákhoz.
AI (Adobe Illustrator): Adobe Illustrator saját formátuma, profi grafikai munkákhoz.
EPS (Encapsulated PostScript): Nyomdai feldolgozásra és grafikai munkákra.
PDF (Portable Document Format): Tartalmazhat vektorgrafikát, széles körben használható.

Előnyök:

Végtelen méretezhetőség: Nincs pixelesedés nagyításkor.
Kis fájlméret: Az egyszerű formák és geometriai alakzatok könnyen tárolhatók.
Szerkeszthetőség: Az egyes elemek könnyen módosíthatók és átrendezhetők.
Ideális logókhoz, címerekhez, illusztrációkhoz.

Hátrányok:

Nem alkalmas fotók és részletgazdag képek kezelésére.
A részletes és komplex grafikák mérete is megnövekedhet.

Összegzés:

A vektorgrafika kiváló választás címerekhez, logókhoz és illusztrációkhoz, ahol fontos a méretezhetőség és a szerkeszthetőség. Az SVG formátum különösen hasznos webes megjelenítéshez és nyílt forráskódú projektekhez.

Veszteséges és nem veszteséges képformátumok

1. Veszteséges képformátumok

Jellemzők: A kép tömörítésekor adatvesztés történik, ami csökkenti a fájlméretet, de rontja a képminőséget. A tömörítés után az eredeti adat már nem nyerhető vissza.
Előnyök: Kis fájlméret, gyors betöltés, ideális webes használatra.
Hátrányok: Minőségromlás, különösen többszöri mentés után.

Gyakori formátumok:

JPEG (JPG): Fotók és webes képek esetén elterjedt.
WebP: Modern formátum, jobb tömörítés és minőségarány.
HEIC: iOS eszközökön elterjedt, nagy tömörítés mellett jó minőség.

2. Nem veszteséges képformátumok

Jellemzők: A tömörítés során nem történik adatvesztés, így az eredeti minőség megmarad.
Előnyök: Magas képminőség, szerkeszthetőség.
Hátrányok: Nagyobb fájlméret a veszteséges formátumokhoz képest.

Gyakori formátumok:

PNG: Átlátszóság támogatása, részletgazdag grafikákhoz.
BMP: Nagy méret, ritkán használt.
TIFF: Nyomdai és archiválási célokra.
SVG: Vektorgrafikus formátum, skálázható minőségromlás nélkül

Összegzés

Veszteséges formátumokat használjunk, ha fontos a kis fájlméret (pl. webes fotók).
Nem veszteséges formátumok ajánlottak grafikai munkákhoz, logókhoz és olyan helyzetekben, ahol az eredeti minőség megőrzése kritikus.

Az SVG formátum további előnyei

Beágyazható weboldalakra.
Képként számos alkalmazásban használható, többek között a MS Office-ban és LibreOffice-ban, de a legtöbb ismert grafikai program is jól kezeli.
Szerkeszthető marad, akár az ingyenes Inkscape alkalmazásban is.
Nyílt, nem gyártó specifikus formátum, mint például az AI és a CDR.

A PNG formátum előnyei a JPEG és a GIF képekhez képest

Veszteségmentes, nincs blokkosodás. A JPEG erősebb tömörítés esetén komoly minőségromlást mutat.
Fejlett átlátszóságkezelés, így bármilyen háttérre rárakható.
255 fokozatú átlátszóság, ellentétben a GIF egy fokozatával, így finom részletek nem vesznek el.