Pri izdelavi spletne strani mora spletni oblikovalec upoštevati štiri glavne točke razmišljanje o postavitvi in vizualnem oblikovanju spleta, besedilo, slike, barve in pisave zaposlenih.
Od teh štirih točk je najbolj pomembna v tej objavi slike, saj bomo govorili o kako ustvariti svg datoteke saj je zelo pomembno upoštevati kakovost slik, s katerimi delate.
Zdravljenje z datotekami SVG, se je povečala s strani strokovnjakov in ne tako profesionalci v svetu oblikovanja.
Kaj je datoteka SVG?
SVG je v angleščini kratica za Scalabe Vector Graphics, v španščini pa Scalable Vector Graphics. Gre za a odprta in brezplačna oblika s katerim ustvarite 2D grafiko, dve dimenziji.
Za razliko od drugih slikovnih formatov, kot sta JPG ali PNG, SVG je razširljiv format, ne glede na to, kako močno želite povečati njegovo velikost, saj bo kakovost slike ohranjena. Je eden najpogosteje uporabljenih formatov na spletnih straneh za postavitev grafike ali vektorskih slik.
Zakaj bi morali uporabljati SVG?
S to vrsto formata bodo vektorske slike ohranile visoko kakovost, ne glede na njihovo velikost in ločljivost. Nasprotno, slike, sestavljene iz bitnih slik, sestavljenih iz slikovnih pik, izgubijo kakovost, če jim spremenimo velikost. Format SVG opredeljujeta njegova lahkotnost in vsestranskost.
Druga točka v prid uporabi tega formata je njegova majhna velikost, torej zahvaljujoč temu poveča hitrost nalaganja strani, kjer se nahajajo. Te slike ustvari brskalnik, kar pomaga zmanjšati obremenitev in porabo strežnika.
Poleg tega lahko ustvarite animirane slike SVG s čimer da naši spletni strani pridih bližine in pritegnemo pozornost gledalcev, ki jo obiščejo.
SVG je odprt format, tj. lahko pride do izboljšav in posodobitev. Poleg tega lahko datoteke SVG urejate s programi za urejanje vektorjev, na primer Adobe Illustartor, ne da bi pri tem izgubili kakovost na zaslonu, lahko si jih ogledate na kateri koli napravi. Omogoča nam tudi tiskanje brez izgube kakovosti.
Kako enostavno ustvariti datoteke SVG
Morda je najlažji način za ustvarjanje datotek SVG, če jih poznate, s programom za grafično oblikovanje, kot so Illustrator, Corel Draw, med drugim.
Če se osredotočimo na program Illustrator, moramo pri uporabi formata SVG upoštevati, ali smo uporabili prelive ali druge učinke, kot so umetniški učinek, zamegljenost, čopiči, piksli itd. saj so rasterizirani, ko so shranjeni v obliki datoteke SVG. Priporočljivo je, da uporabite učinke filtra SVG, da dodate učinke tako, da jih pozneje ni mogoče rasterizirati.
Še en nasvet, ki vam ga dajemo, je uporaba preprosti simboli in poti v ilustracijah za boljše delovanje omenjenega formata. Izogibajte se uporabi čopičev z veliko sledenja, saj to povzroči večjo obremenitev podatkov.
Če želite v tem programu ustvariti datoteko SVG, Prva stvar, ki jo moramo imeti odprto, je prazno platno, kjer bomo delali na svoji ideji.
Ko bo naše delo končano, bomo odšli v orodno vrstico, ki je prikazana nad programom, in izbrali bomo možnost datoteko, shrani kot in pojavil se bo pojavni zaslon, kjer nam pove, da damo datoteki ime in označimo obliko, v kateri jo želimo shraniti. V tem zadnjem razdelku moramo označiti možnost SVG.
Ko izberete vrsto SVG, se prikaže pogovorno okno, ki nam pokaže različne možnosti, ki jih je treba upoštevati.
Splošno pravilo je, da se v prvem polju, ki se pojavi v tabeli, prikaže profil SVG 1.1. V nadaljevanju nam daje možnost izbire virov, v katerih nam jih dajejo privzeto na besedilo, označeno v SVG, in podnabor kot brez. V našem primeru to delo nima pisav, če bi ga, bi morali možnost podnaborov spremeniti iz nobene v vse piktograme.
Naslednji razdelek je zelo pomemben, če izpostavimo možnost embed, bodo slike kompozicije vključene v datoteko, kar bo povzročilo pridobivanje teže, če bomo uporabili veliko bitnih slik. Če pa po drugi strani označimo možnost povezave, moramo biti pri slikah previdni, če jih bomo uporabljali na spletnem mestu, saj moramo vključiti datoteke naših slik in, kar je zelo pomembno, ohraniti njihove pot. Prednost te možnosti je, da bodo datoteke tehtale veliko manj.
V razdelku z naprednimi možnostmi najdemo možnost do Koda SVG, ta možnost bo pokazala, kako je datoteka znotraj, torej koda, ki stoji za našim delom. Ta možnost je bistvena, če želite dodati datoteko SVG, na primer v svoj osebni WordPress, samo kopirati morate kodo in jo dodati neposredno v urejevalnik HTML WordPress.
Zadnji nasvet, ki vam ga dajemo, je, da pri shranjevanju v formatu SVG, ne pozabite, da če delate z različnimi umetniškimi ploščami, bo ohranjena samo aktivna umetniška plošča.
Če želimo iti dlje in uporabiti učinke SVG na našo ilustracijo, nam Illustrator ponuja nabor učinkov. Če želite to narediti, bomo morali izbrati predmet ali skupino. Za uveljavitev učinka moramo izbrati okno učinkov, filtre SVG in ga uporabiti.
Ko uporabimo filter SVG, nam načrtovalni program pokaže okno, kjer Prikaže se seznam filtrov, ki jih je mogoče uporabiti, ko izberemo enega, nam Illustrator pokaže, kako je videti, vendar v rasterizirani različici.
Kot ste videli, Format SVG je bil revolucija. Zahvaljujoč svojemu potencialu in kakovosti ki jih ponuja, naredi spletne strani, ki se nam zdijo veliko bolj privlačne, ne da bi pri tem žrtvovali učinkovitost, če pravilno uporabljajo omenjeno obliko. SVG je postal popolna zveza med svetom spletnega oblikovanja in razvoja.