Če želite razpravljati o grafičnih programih, morate najprej razumeti koncepte in razlike med dvema glavnima vrstama 2D grafike: rastrskimi in vektorskimi slikami. To je zelo pomembna lekcija, še posebej, če nameravate delati z grafiko.

Koncept rastrske slike

Rasterske slike so slike, ki so sestavljene iz drobnih pravokotnih pik posameznih barv – slikovnih pik – nanizanih skupaj. Vsak piksel ima svojo posebno lokacijo na sliki in svojo individualno barvno vrednost.

Vsaka slika ima določeno število slikovnih pik. Vidite jih lahko na zaslonu svojega monitorja, večina jih prikazuje približno 70 do 100 slikovnih pik na palec (dejansko število je odvisno od vašega monitorja in nastavitev samega zaslona).

Za ponazoritev tega si poglejmo tipično ikono na namizju, Moj računalnik, ki je običajno široka 32 slikovnih pik in visoka 32 slikovnih pik. Z drugimi besedami, v vsaki smeri je 32 barvnih točk, ki skupaj tvorijo podobo takšne ikone.

Ko to risbo povečate kot v primeru, boste lahko jasno videli vsak posamezen kvadrat določene barve. Upoštevajte, da so bela območja v ozadju tudi posamezne slikovne pike, čeprav predstavljajo eno barvo.

Velikost in ločljivost slike

Rastrske slike so odvisne od ločljivosti. Ločljivost slike je število pikslov v sliki na enoto dolžine. Je merilo za jasnost podrobnosti v rastrski sliki in se običajno imenuje dpi (pike na palec) ali ppi (pikslov na palec). Ti izrazi so nekoliko sinonimi, samo ppi se nanaša na slike in dpi na izhodne naprave. Zato lahko najdete dpi v opisu monitorjev, digitalnih fotoaparatov itd.

Višja kot je ločljivost, manjša je velikost slikovnih pik in več jih je na 1 inč, posledično boljša je kakovost slike.

Ločljivost je izbrana za vsako sliko posebej in je odvisna od tega, kje jo nameravate uporabiti:

• če ga nameravate uporabiti za objavo na internetu, potem je izbrana ločljivost 72 ppi, saj je glavni kriterij za internet hitrost nalaganja slik in ne njihova neverjetna kakovost, zato so izbrani ustrezni formati za shranjevanje datotek , kjer kvaliteta ni na prvem mestu.
• če želite natisniti sliko, mora biti ločljivost precej večja od 72 ppi. Torej, za kakovostno tiskanje slike mora biti njena ločljivost v območju 150-300 ppi. To je glavna zahteva za tiskarne fotografij, ki tiskajo revije, kataloge in izdelke malega formata (knjižice, letaki, reklamni letaki).

Kot že omenjeno, so rastrske slike zelo odvisne od svoje ločljivosti. Zato pri skaliranju zaradi svoje pikselske narave takšne slike vedno izgubijo kakovost. Če pa se vseeno odločite za povečanje velikosti slike, potem je najbolje uporabiti metodo interpolacije, s katero lahko dosežete zelo dobre rezultate. O ta metoda o tem bomo govorili v naslednji lekciji.

Velikost slike v rastrski grafiki je fizična velikost datoteko, v kateri je ta slika shranjena. Sorazmeren je z velikostjo slike v slikovnih pikah.

Photoshop prikazuje razmerje med velikostjo slike in ločljivostjo. To si lahko ogledate tako, da odprete pogovorno okno Velikost slike v meniju Slika. Ko spremenite eno od teh vrednosti, bodo vse druge samodejno prilagojene v skladu s spremenjeno vrednostjo.

Če povzamemo, lahko rečemo, da glavne značilnosti rastrskih slik zvočniki:

• velikost slike v slikovnih pikah
• bitna globina
• barvni prostor
• ločljivost slike

Primer rastrske slike je vsaka fotografija ali slika, ustvarjena s skeniranjem, fotografiranjem ali risanjem v rastrskem urejevalniku ali ustvarjena s pretvorbo vektorske slike v rastrsko sliko.

Formati rastrskih slik

Najpogostejši formati rastrskih slik vključujejo:

• JPEG, JPG

Pretvarjanje med formati rastrskih slik je zelo enostavno, z ukazom “Shrani kot ...”, v meniju katerega za imenom datoteke izberete format, v katerem želite shraniti sliko.

Nekateri formati, in sicer GIF in PNG, podpirajo prosojnost ozadja. Ob tem ne gre pozabiti, da prozorno ozadje ne bo tako, če je slika GIF ali PNG shranjena v kateri koli drugi obliki ali kopirana in prilepljena v drugo sliko.

Programi za delo z rastrsko grafiko

Večina priljubljeni programi za delo z rastrsko grafiko:

• Adobe Photoshop
• Adobe Fireworks
• Corel Photo-Paint
• Corel Paint Shop Pro
• Corel Painter
• Barva

Kar se mene tiče, je urejevalnik Adobe Photoshop najboljši med programi.

V primerjavi s to vrsto grafike, Vektorska grafika ima tudi številne prednosti. Poglejmo jih.

Kaj so vektorske slike

Vektor je slika, ki je sestavljen iz številnih posameznih razširljivih objektov (črt in krivulj), ki so definirani z uporabo matematičnih enačb.

Predmeti so lahko sestavljeni iz črt, krivulj in oblik. V tem primeru spreminjanje atributov vektorskega objekta ne vpliva na sam objekt, tj. Poljubno število atributov objekta lahko spremenite brez uničenja glavnega predmeta.

V vektorski grafiki kakovost slike ni odvisna od ločljivosti. Vse to je razloženo z dejstvom, da so vektorski objekti opisani z matematičnimi enačbami, zato se pri skaliranju ponovno izračunajo in zato ne izgubijo kakovosti. Na podlagi tega lahko poljubno povečate ali zmanjšate velikost, vaša slika pa bo ostala čista in ostra, vidna bo tako na zaslonu monitorja kot pri tiskanju. Tako je vektor najboljša izbira za ilustracije, ki so prikazane na različnih medijih in katerih velikost je treba pogosto spreminjati, kot so logotipi.

Druga prednost slik je, da niso omejene na pravokotno obliko kot rastrske slike. Takšne predmete lahko postavite na druge predmete (postavitev v ospredju ali ozadju izberete sami).

Zaradi jasnosti sem podal risbo, na kateri je krog narisan v vektorski obliki, krog pa v rastrski obliki. Oba sta postavljena na beli podlagi. Ko pa postavite rastrski krog na drug podoben krog, boste videli, da ima ta krog pravokoten okvir, ki ga, kot vidite na sliki, v vektorju ni.

Danes vektorske slike postajajo vse bolj fotorealistične, to je posledica stalnega razvoja in implementacije različnih orodij v programe, na primer, kot je gradientna mreža.

Vektorske slike so običajno ustvarjene z uporabo posebni programi. Ne morete optično prebrati slike in jo shraniti kot vektorsko datoteko brez pretvorbe s sledenjem slike v Adobe Illustratorju.

Po drugi strani pa lahko vektorsko sliko precej enostavno pretvorimo v rastrsko sliko. Ta postopek se imenuje rastrizacija. Tudi med pretvorbo lahko določite poljubno ločljivost bodoče rastrske slike.

Vektorski formati

Najpogostejši vektorski formati vključujejo:

• AI (Adobe Illustrator);
• CDR (CorelDRAW);
• CMX (valuta Corel);
• SVG (razširljiva vektorska grafika);
• CGM računalniška grafična metadatoteka;
• DXF AutoCAD.

Najbolj priljubljeni programi za delo z vektorji : Adobe Illustrator, CorelDRAW in Inkscape.

Kakšna je torej razlika med vektorskimi in rastrskimi slikami?

Če povzamemo članek o rastrskih in vektorskih slikah, lahko z gotovostjo rečemo, da imajo vektorske slike veliko prednosti pred rastrskimi slikami, in sicer.

V tem gradivu si bomo ogledali glavne razlike med rastrskimi in vektorskimi slikami. Spoznali bomo vse prednosti vektorske in rastrske grafike ter kje je takšno grafiko najbolje uporabiti za svoje namene. Verjetno ste se že večkrat vprašali: "Iz česa je sestavljena slika, ki je prikazana na zaslonu mojega računalnika?" Morda boste presenečeni, a fotografije v resnici ne obstaja!

Kaj je rastrska slika?

V resnici le vidimo elektronska različica slike na monitorju. Če govorimo o rastrska slika, nato pa se v obliki številk in simbolov shrani v pomnilnik računalnika. So že z določeno zaporedje opišejo določeno področje (element) slika sama. Ta element je upodobljen kot slikovna pika (celice določene barve). Poglejmo, kakšen piksel je to.

Če želite to narediti, lahko preprosto posnamete fotografijo in jo povečate. Opazili boste, da so se pojavili posebni kvadrati (slika spodaj). Slika se je začela deliti na kvadratke različnih barv. Ti kvadrati so slikovne pike.

Tako se izkaže vsaka rastrska slika, pridobljena iz fotoaparata, iz kamere mobilnega telefona ali prenesena z interneta. Vsak piksel, kot sem rekel, opisuje določeno zaporedje številk in simbolov. Kako ugotovite, kakšno je to zaporedje? Da, zelo preprosto! Izberite orodje " Pipeta» (vsak grafični urejevalnik ga ima) in pokažite na želeno slikovno piko. Če preverjate v Photoshopu, boste morali dodatno iti na barvno paleto.

Torej, kaj sledi iz tega, kar smo razpravljali zgoraj. Če so slikovne pike predstavljene kot zaporedje številk in črk, jih je mogoče enostavno spremeniti. S spreminjanjem številk in črk posameznega piksla lahko spremenimo njegovo barvo, torej uredimo sam piksel. Pri izvajanju katere koli operacije globalnega popravka (na primer prilagodite svetlost) spremembe številčna vrednost več tisoč slikovnih pik.

Zdaj pa se seznanimo s konceptom vektorska slika. Za prikaz vizualnega primera bom poskusil ustvariti nov dokument. Pojdimo na meni " mapa» —> « Ustvari". Uporabimo ga za ustvarjanje vektorske grafike. Na primer, vzel bom orodje " Pero» (2) . Nujno je, da nastavitev “ Plast oblike» (3) . Nato postavim pike na prava mesta (4) . Rezultat je določena številka. To lahko storite po lastni presoji.

Ko povežemo vse pike, se oblikuje oblika in na plast je pritrjena miniaturna vektorska maska. (5) . To pomeni, da je to vektorska in ne rastrska oblika.Večkrat ga je mogoče povečati in zmanjšati, kakovost pa pri tem ne bo trpela. Seveda je na ta sloj mogoče uporabiti različne učinke sijaja, poteze itd.

Kakšne so torej razlike med rastrsko in vektorsko sliko? Vektorske slike so za razliko od rastrskih opisane z matematičnimi formulami in ne z latinskimi simboli. Zato jih je mogoče povečati ali zmanjšati brez izgube kakovosti. Formula ostaja enaka, spreminja se le merilo. Formula praviloma opisuje gladko krivuljo in pri kateri koli vrednosti bo ta krivulja ostala gladka.

Če poskušate sliko povečati z vektorske grafike, potem boste opazili, da so slikovne pike skoraj nevidne, kar pomeni, da kakovost ostaja na enaki ravni. Če povečate sliko z rastrsko grafiko, bo opazno izgubila kakovost.

Na ta način je mogoče vektorske slike povečati brez izgube kakovosti. V poljubni velikosti so opisani z matematičnimi formulami. Rastrska slika je zaporedje slikovnih pik. Ko povečate fragment, se začnejo opazovati izgube kakovosti. Izgubo lahko opazimo tudi, ko se slika zmanjša.

Vektorske slike so dobre za uporabo, kjer potrebujete veliko povečavo slike brez izgube kakovosti. To lahko na primer vključuje različne vizitke, logotipe, pasice spletnih mest in še veliko več. program AdobeČeprav Photoshop omogoča delo z vektorskimi slikami, je še vedno rastrski urejevalnik. CorelDraw ali Adobe Illustrator sta veliko bolj primerna za delo z vektorskimi slikami.

Tako smo se seznanili s pojmom rastrske in vektorske slike. Kot sem rekel, glavna razlika: vektorska slika je opisana z matematičnimi formulami in jo je mogoče povečati, kolikor želite, ne da bi pri tem izgubili kakovost, česar pa ne moremo reči za rastrsko sliko.

Čeprav kljub temu mnogi spletni oblikovalci, pa ne le oni, pogosto uporabljajo rastrsko grafiko na svojih spletnih straneh. To je razumljivo, saj je takšna grafika videti veliko bolj privlačna. Vendar pa obstajajo kul primeri vektorske grafike. Poleg tega takšno delo tehta veliko manj. Na splošno preučite in izvajajte!

Rastri, piksli, vzorčenje, ločljivost

Tako kot vse vrste informacij so tudi slike v računalniku kodirane kot binarna zaporedja. Uporabljajo dve bistveno različni metodi kodiranja, od katerih ima vsaka svoje prednosti in slabosti.

Tako premica kot območje sta sestavljena iz neskončnega števila točk. Kodirati moramo barvo vsake od teh pik. Če jih je neskončno veliko, takoj pridemo do zaključka, da to zahteva neskončno veliko pomnilnika. Zato slike ne bo mogoče kodirati na način "od točke do točke". Vendar pa je to idejo še vedno mogoče uporabiti.

Začnimo s črno-belo risbo. Predstavljajmo si, da je na sliki romba nanesena mreža, ki jo razdeli na kvadrate. Ta mreža se imenuje raster. Zdaj za vsak kvadrat določimo barvo (črna ali bela). Za tiste kvadratke, pri katerih je del pobarvan črno in del belo, izberite barvo glede na to, kateri del (črni ali beli) je večji.

Slika 1.

Imamo tako imenovano rastrsko sliko, sestavljeno iz kvadratov slikovnih pik.

Definicija 1

Pixel(angl. pixel = element slike, element slike) je najmanjši element slike, ki mu lahko sami določite barvo. Ko smo "navadno" risbo razdelili na kvadrate, smo izvedli njeno diskretizacijo - en sam predmet smo razdelili na ločene elemente. Dejansko smo imeli eno samo in nedeljivo risbo - podobo romba. Kot rezultat smo prejeli diskretni predmet - niz slikovnih pik.

Binarno kodo za črno-belo sliko, pridobljeno kot rezultat vzorčenja, je mogoče sestaviti na naslednji način:

• zamenjajte bele piksle z ničlami ​​in črne piksle z enicami;
• Eno za drugo izpišemo vrstice nastale tabele.

Primer 1

Pokažimo to s preprostim primerom:

Slika 2.

Širina te številke je $8$ slikovnih pik, tako da je vsaka vrstica tabele sestavljena iz $8$ binarnih števk - bitov. Da ne bi zapisali zelo dolge verige ničel in enic, je priročno uporabiti šestnajstiški številski sistem, ki kodira $4$ sosednje bite (tetrad) z eno šestnajstiško številko.

Slika 3.

Na primer, za prvo vrstico dobimo kodo $1A_(16)$:

in za celotno sliko: $1A2642FF425A5A7E_(16)$.

Opomba 1

Zelo pomembno je razumeti, kaj smo z diskretizacijo pridobili in kaj izgubili. Najpomembneje je, da nam je risbo uspelo zakodirati v binarno kodo. Vendar je bila risba popačena - namesto diamanta smo dobili niz kvadratov. Razlog za popačenje je v tem, da so bili v nekaterih kvadratih deli prvotne slike pobarvani z različnimi barvami, v kodirani sliki pa ima vsak piksel eno barvo. Tako se je nekaj prvotnih informacij med kodiranjem izgubilo. To se bo pokazalo na primer, ko se slika poveča - kvadratki postanejo večji in slika postane še bolj popačena. Če želite zmanjšati izgubo informacij, morate zmanjšati velikost slikovnih pik, to je povečati ločljivost.

Definicija 2

Dovoljenje je število slikovnih pik na palec velikosti slike.

Ločljivost se običajno meri v slikovnih pikah na palec (z uporabo angleškega zapisa $ppi$ = slikovnih pik na palec). Na primer, ločljivost $254$ppi$ pomeni, da je $254$pikslov na palec ($25,4$mm), tako da vsaka piksel "vsebuje" kvadrat izvirne slike, ki meri $0,1x0,1$mm. Višja kot je ločljivost, bolj natančno je slika kodirana (manj informacij se izgubi), hkrati pa se poveča tudi glasnost mapa.

Barvno kodiranje

Kaj storiti, če je risba obarvana? V tem primeru en bit ni več dovolj za kodiranje barve piksla. Na primer, na sliki ruske zastave $4$, prikazani na sliki, so barve črna, modra, rdeča in bela. Za kodiranje ene od štirih možnosti potrebuje $2$ bitov, tako da bo koda za vsako barvo (in koda za vsako slikovno piko) sestavljena iz dveh bitov. Naj $00$ predstavlja črno, $01$ rdečo, $10$ modro in $11$ belo. Nato dobimo naslednjo tabelo:

Slika 4.

Edina težava je, da morate pri prikazu na zaslonu nekako določiti, katera barva ustreza tej ali oni kodi. To pomeni, da mora biti informacija o barvi izražena kot številka (ali niz številk).

Človek svetlobo zaznava kot množico elektromagnetnih valov. Gotovo valovna dolžina ustrezajo določeni barvi. Na primer, valovne dolžine $500-565 nm so zelene. Tako imenovana "bela" svetloba je pravzaprav mešanica valovnih dolžin, ki zajemajo celotno vidno območje.

Po sodobnem konceptu barvnega vida (teorija Young-Helmholtza) človeško oko vsebuje tri vrste občutljivih elementov. Vsak od njih zaznava celoten tok svetlobe, vendar so prvi najbolj občutljivi v rdečem, drugi v zelenem in tretji v modrem območju. Barva je posledica stimulacije vseh treh vrst receptorjev. Zato velja, da je vsaka barva (tj. Občutek oseba, ki zaznava valove določene dolžine) lahko simuliramo samo s tremi svetlobnimi žarki (rdeči, zeleni in modri) različnih svetlosti. Posledično se vsaka barva približno razgradi na tri komponente - rdečo, zeleno in modro. S spreminjanjem jakosti teh komponent lahko ustvarite poljubne barve. Ta barvni model se imenuje RGB po začetnih črkah angleških besed red, green in blue.

V modelu RBG je svetlost vsake komponente (ali, kot pravijo, vsakega kanala) najpogosteje kodirana kot celo število od $0$ do $255$. V tem primeru je barvna oznaka trojček številk (R, G, B), svetlost posameznih kanalov. Barva ($0,0,0$) je črna in ($255,255,255$) je bela. Če imajo vse komponente enako svetlost, dobimo odtenke sive, od črne do bele.

Slika 5.

Če želite narediti svetlo rdečo (roza) barvo, morate enakomerno povečati svetlost zelenih in modrih kanalov v rdeči barvi ($255,0,0$), na primer, barva ($255, 150, 150$) je roza. Enakomerno zmanjšanje svetlosti vseh kanalov naredi temno barvo, na primer barva s kodo ($100,0,0$) je temno rdeča.

Skupaj je na voljo 256 $ možnosti svetlosti za vsako od treh barv. To nam omogoča kodiranje $256^3= $16.777.216 odtenkov, kar je več kot dovolj za človeka. Ker $256 = 2^8$, vsaka od treh komponent zavzema $8$ bitov ali $1$ bajtov v pomnilniku, vse informacije o določeni barvi pa zavzemajo $24$ bitov (ali $3$ bajtov). Ta vrednost se imenuje barvna globina.

Definicija 3

Barvna globina je število bitov, ki se uporabljajo za kodiranje barve slikovne pike.

$24$-bitno barvno kodiranje se pogosto imenuje pravi barvni način. Če želite izračunati prostornino slike v bajtih s tem kodiranjem, morate določiti skupno število slikovnih pik (pomnožite širino in višino) in rezultat pomnožite s $3$, saj je barva vsake slikovne pike kodirana v treh bajtih. Na primer, slika $20×30$ slikovnih pik, kodirana v pravi barvi, bi zavzela $20×30×3 = 1800$ bajtov.

Poleg pravega barvnega načina se uporablja tudi $16$-bitno kodiranje (angleško: High Color), ko je $5$ bitov dodeljenih rdeči in modri komponenti, $6$ bitov pa zeleni komponenti, ki ji človeško oko je bolj občutljivo. Način High Color lahko kodira $2^(16) = $65.536 različnih barv. IN Mobilni telefoni$12$-bitno barvno kodiranje ($4$ bitov na kanal, $4096$ barv).

Kodiranje s paleto

Splošno pravilo je, da manj kot je uporabljenih barv, bolj bo barvna slika popačena. Tako je tudi pri kodiranju barv neizogibna izguba informacij, ki se »prišteje« k izgubam, ki nastanejo zaradi vzorčenja. Zelo pogosto (na primer v diagramih, diagramih in risbah) je število barv na sliki majhno (ne več kot 256 $). V tem primeru se uporablja kodiranje palete.

Definicija 4

Barvna paleta je tabela, v kateri je vsaka barva, določena kot komponente v modelu RGB, povezana z numerično kodo.

Kodiranje s paleto poteka na naslednji način:

• izberite število barv $N$ (običajno ne več kot $256$);
• iz prave barvne palete ($16.777.216 barv) izberemo poljubnih $N$ barv in za vsako poiščemo komponente v RGB modelu;
• vsaki barvi je dodeljena številka (koda) od $0$ do $N–1$;
• Paleto ustvarimo tako, da najprej zapišemo RGB komponente barve s kodo $0$, nato komponente barve s kodo $1$ itd.

Barva vsake slikovne pike ni kodirana kot vrednosti komponente RGB, temveč kot številka barve v paleti. Na primer, kdaj kodiranje slike Barve ruske zastave (glej zgoraj) $4$ so bile izbrane:

• črna: koda RGB ($0,0,0$); binarna koda $002$;
• rdeča: RGB koda ($255,0,0$); binarno $012$;
• modra: RGB koda ($0,0,255$); binarno $102$;
• bela: koda RGB (255.255.255 USD); binarna koda $112$.

Zato je paleta, ki je običajno zapisana v posebno storitveno področje na začetku datoteke (imenovano glava datoteke), sestavljena iz štirih tribajtnih blokov:

Slika 6.

Koda za vsako slikovno piko ima samo dva bita.

Palet s količino barv nad 256$ v praksi ne uporabljamo.

Prednosti in slabosti rastrskega kodiranja

Rastrsko kodiranje ima dostojanstvo:

• univerzalna metoda (katera koli slika se lahko kodira);
• Edina metoda za kodiranje in obdelavo zamegljenih slik, ki nimajo jasnih meja, kot so fotografije.

IN pomanjkljivosti:

• med vzorčenjem vedno pride do izgube informacij;
• pri spreminjanju velikosti slike sta barva in oblika predmetov na sliki popačeni, saj morate pri povečanju velikosti nekako obnoviti manjkajoče slikovne pike, pri zmanjšanju pa morate več pikslov nadomestiti z eno;
• Velikost datoteke ni odvisna od zahtevnosti slike, temveč jo določata le ločljivost in barvna globina.

Praviloma imajo rastrske slike velik obseg.

Če ste izkušen oblikovalec, tega članka ne potrebujete, verjetno poznate razliko med rastrom in vektorjem, sem pa ste prišli po naključju. Za vse začetnike ta razlika ni samo nejasna, niti ne slutijo, da razlika obstaja.

Poskusimo ugotoviti. Rastrska in vektorska slika je v vsakem primeru grafični objekt.

Raster grafika.

Fotografija printcnx.com

Posebnost rastrske slike je, da je tako kot mozaik sestavljena iz majhnih celičnih koščkov – pikslov. In višja kot je ločljivost, tem velika količina slikovnih pik na enoto površine.

Primer: ločljivost 600x800px.

Dobesedno to pomeni naslednje: vaša slika vsebuje 600 slikovnih pik navpično in 800 vodoravno. Če te slike ne povečamo in ne gledamo na zaslonu, človeško oko najverjetneje ne bo opazilo celičnosti.

Če začnete povečevati ali tiskati na papir, na primer A4, boste videli mozaik. Slika bo videti kot vzorec križnega šiva.

Rastrske slike se uporabljajo za prenos gladkega prehoda barv in številnih odtenkov. Najpogostejša uporaba je obdelava fotografij, ustvarjanje kolažev itd. Najbolj priljubljen urejevalnik rastrske grafike je Photoshop.

Rastrska slika zavzame več prostora na disku kot ista slika, vendar izvedena v vektorju. Vendar je tukaj zelo pomembno vedeti, da to velja, če ste »narisali besedilo« in če ste svojo ljubljeno dekle fotografirali na ozadju rdečega Ferrarija, je vektor tukaj nemočen, le raster.

Vektorska grafika.

Fotografija printcnx.com

Za razliko od rastrske slike vektorska slika ni sestavljena iz posameznih točk – pikslov. Logika vektorske slike je popolnoma drugačna. V vektorskih grafičnih objektih obstajajo tako imenovane sidrne točke, med katerimi so krivulje. Opisana je ukrivljenost teh krivulj matematična formula. To ne pomeni, da bi moral biti oblikovalec guru višje matematike in se spomniti formul vseh vrst hiperbol in parabol; sploh vam ni treba opisati sinusnega vala. Vse to naredi namesto vas grafični urejevalnik. Oblikovalec, saj veste, postavlja točke in z miško »vleče« krivuljo, da doseže želeno obliko.

Najbolj priljubljena urejevalnika vektorske grafike sta CorelDrow in Adobe Illustrator.

Vektorska grafika se pogosto uporablja pri tiskanju: knjižice, letaki, vizitke itd., tj. izdelki, ki vsebujejo besedilo, logotip, okrasne vzorce - vse, kar ne zahteva natančne predstavitve vseh 18 odtenkov barve breskve in se lahko opiše s pomočjo krivulj. Vektorske slike se pogosto imenujejo "v krivuljah".

Največja prednost vektorskih slik je, da tudi pri veliki povečavi grafični objekt, se kakovost slike ne spremeni. Slika bo enako dobra, če jo natisnete iz vektorja na vizitko ali natisnete isto vizitko v velikosti panoja.

Kot rezultat imamo:

Raster slika:
prednosti: zelo jasno in subtilno prenaša spreminjanje toka barv, odtenkov, senc.
Minusi: izguba kakovosti pri povečavi: slika se drobi na barvne kvadratke - piksle; v visoki ločljivosti zavzame veliko prostora.
Področje uporabe: obdelava fotografij, izdelava postavitev spletnih strani, izdelava grafičnih objektov s široko paleto barv

Vektorska slika:
prednosti: enostavno spreminjanje velikosti - slika ne izgubi kakovosti niti pri zelo velikih povečavah.
Minusi: Nemogoče je prenesti gladke barvne prehode, kot v rastru.
Področje uporabe: tisk, oblikovanje letakov, knjižic, reklamnih materialov, vizitk, logotipov itd.

Kako nameravate uporabljati svoj logotip: na spletu ali v tiskovinah?

Ni vam treba več izbirati. Navsezadnje spletna storitev Logaster ponuja ustvarjanje več datotek logotipov hkrati, ki se popolnoma prilagodijo kateremu koli mediju.