A raszteres és a vektoros grafika a digitális képek két alapfajtája: az egyik pixelekből épül fel, a másik matematikai görbékből. A különbség egyetlen helyzetben válik élessé — amikor nagyítasz: a raszteres kép pixelesedik, a vektoros viszont végtelenül éles marad.
Így is ismerheted
A raszteres képet hívják bittérképesnek (bitmap) vagy pixelgrafikának is — ilyen a JPG, a PNG, a fotó. A vektoros az angol vector graphics, a tipikus formátuma az SVG, az AI (Illustrator) és az EPS.
Mi a különbség a gyakorlatban?
A raszteres kép egy rácsnyi színes pixel: minden ponthoz tartozik egy szín. Részletgazdag, ezért tökéletes fotóhoz, de fix felbontású — ha nagyítod, a pixelek láthatóvá válnak. A vektoros kép ezzel szemben utasításokat tárol: „húzz egy kört ide, töltsd ki ezzel a színnel”. Ezt az eszköz bármekkora méretben újraszámolja, így a logó névjegyen és óriásplakáton is tűéles.
Mikor melyiket?
- Raszteres — fotó, összetett, sok árnyalatú kép; webre WebP vagy JPG.
- Vektoros — logó, ikon, illusztráció, betűtípus; bármi, amit sok méretben használsz.
A jó arculat ezért szinte mindig vektoros logóval indul, és onnan exportál raszteres változatokat a konkrét helyekre.
Jó tudni — pár érdekesség
- A betűtípusok maguk is vektoros görbék — ezért élesek bármekkora méretben.
- Vektorból bármikor lehet raszter (export), de visszafelé nem: egy pixeles JPG-ből nem lesz tiszta vektor (az „auto-trace” csak közelít).
- Az SVG fájl szövegesen szerkeszthető, és pici a mérete — ezért is ideális webre.
Összefoglaló — dióhéjban
Raszteres = pixelek, fix felbontás, fotóhoz. Vektoros = görbék, végtelen skálázhatóság, logóhoz és ikonhoz. A vezérelv: amit sok méretben használsz, az legyen vektor; a fotó marad raszteres. A logódat mindig kérd el vektorban (SVG/AI) — ez a grafikai tervezés egyik alap-leszállítandója.