Vektorgrafika

Végtelenül méretezhető. Matematikailag tökéletes.

Felfedezés ↓

Mi az a vektorgrafika?

A vektorgrafika matematikai egyenleteket — pontokat, vonalakat, görbéket és alakzatokat — használ a képek megjelenítésére. A pixelalapú képekkel ellentétben bármilyen méretre átméretezhetők minőségromlás nélkül.

P₁ P₂ P₃

Raszteres vs Vektoros

Húzd a csúszkát, és nézd meg a különbséget!

Raszteres (Bitmap) Pixelek láthatók nagyításnál
Vektoros Tökéletesen éles bármilyen méretben

Miért használj vektorgrafikát?

Végtelen méretezhetőség

Egy favikontól az óriásplakátig — mindig éles marad.

Kis fájlméret

A matematikai leírás könnyű fájlokat eredményez.

Könnyen szerkeszthető

Változtass színeket, alakzatokat és útvonalakat bármikor.

Felbontásfüggetlen

Tökéletes minden képernyőn — telefon, tablet vagy 4K kijelző.

Hol használják a vektorgrafikát?

A Logók & arculat
Webdesign & UI
Illusztrációk
Térképek & infografikák
Animáció & mozgókép
Adatvizualizáció

A vektor felépítése

Minden vektorkép ezekből az alapelemekből épül fel.

Pontok

Horgonypontok, x,y koordinátákkal meghatározva.

Útvonalak

Egyenes vagy ívelt vonalak, amelyek pontokat kötnek össze.

Görbék

Bézier-fogantyúk, amelyek sima íveket formálnak.

Alakzatok

Zárt útvonalak, amelyek felismerhető formákat alkotnak.

horgony fogantyú sima csomópont vég

Formátumok & eszközök

.svg

Webbarát, XML-alapú, CSS-sel stílusozható.

.ai

Az Adobe Illustrator saját formátuma.

.eps

Encapsulated PostScript — nyomdaipari szabvány.

.pdf

Portable Document Format — vektoros tartalmat is támogat.

Népszerű eszközök

Adobe Illustrator
Inkscape (ingyenes)
Figma
Affinity Designer
Sketch
SVG kódszerkesztők