A vektoros grafika matematikai vonalakkal és görbékkel írja le a képet — nem pixelekkel. Ennek köszönhetően bármilyen méretre nagyítható minőségvesztés nélkül: ugyanaz az SVG-logó éles a névjegykártyán és az óriásplakáton is, miközben tizedakkora a fájlmérete.
Vektoros formátumok — mit, mikor használj?
- SVG — webes szabvány, böngészőben natívan renderelődik, CSS-ből animálható, akár interaktív.
- AI — Adobe Illustrator natív fájlformátum, profi nyomdai munkához és kreatív designhoz.
- EPS — régebbi nyomdai csere-formátum, még mindig sok printer kéri.
- PDF — univerzális, vektorosan menthető Illustrator-ból vagy InDesign-ból.
- CDR — CorelDRAW natív, jobban a nyomdai oldalon elterjedt.
Mikor használj vektort, és mikor raszteres képet?
- Logó — mindig vektoros: minden méretben élesnek kell lennie.
- Ikon — SVG vagy ikonfont (Font Awesome), CSS-ből színezhető.
- Illusztráció és infografika — vektor, jó minőségű export után PNG-re is alakítható.
- Térkép vagy diagram — vektor, hogy a feliratok élesek maradjanak.
- Portré, termékfotó, fényképszerű kép — raszteres formátum (JPG, PNG, WebP, AVIF).
Mire figyelj a vektoros munkáknál?
- Színprofil — print: CMYK; web: sRGB. Rossz profil = elcsúszott szín.
- Font outline-ozás — print előtt convert to outlines, hogy ne csúszzon el a betűtípus.
- Vágási margó (bleed) — nyomdához +3 mm kifutó kell.
- SVG optimalizálás — SVGO-val tömöríthető, webre 60–80%-ot is lehet faragni a méretből.
- Verziókövetés — Figma vagy Git LFS, ne pendrive-on toljátok körbe a fájlokat.
Ha új logót, brand-csomagot vagy ikon-szettet szeretnél, nézd meg a grafikai tervezés szolgáltatásunkat. Ha webes/app-os felülethez kell vektoros komponens-rendszer, a UI/UX tervezés a kiindulópont. Lásd még a Figma és brand identity cikkeinket.
