Kā (un kāpēc) SVG gatavojas pārņemt 2018. gadā
2018. gads būs SVG gads. Attēlu faila formāta popularitāte un lietojums stabili pieaug dažu pēdējo gadu laikā, taču 2018. gads ir laiks, kad tas patiešām izlauzīsies.
Lai pateiktos, lietotājiem ir kombinācija ar augstas izšķirtspējas displejiem un zibatmiņas ielādes laiku. Un, lai arī pāreja uz SVG varētu šķist liels darījums; tas nav.
SVG ir viegli lietot un ieviest, un jums faktiski nav jāmaina esošie faili; vienkārši pievienojiet jaunus attēlus kā SVG. Šeit ir viss, kas jums jāzina SVG jautājumā.
Izpētiet dizaina resursus
SVG ir paredzēts tīmeklim
Mozilla to raksturo šādi:
SVG ir uz XML balstīta valoda vektoru attēlu aprakstīšanai. Tas būtībā ir iezīmējums, piemēram, HTML, izņemot to, ka jums ir daudz dažādu elementu, lai definētu formas, kuras vēlaties parādīt jūsu attēlā, un efektus, kurus vēlaties izmantot šīm formām. SVG ir paredzēta grafikas, nevis satura marķēšanai. Spektra vienkāršākajā galā ir elementi vienkāršu formu, piemēram, un, izveidošanai. Uzlabotākās SVG funkcijas ietver (pārveidojiet krāsas, izmantojot pārveidošanas matricu) (vektoru grafikas animācijas daļas) un (uzlieciet masku attēla augšdaļai).
Galvenās SVG priekšrocības tīmekļa dizaineriem ietver spēju izveidot vienkāršus SVG atveidojumus koda vai teksta redaktorā, savukārt sarežģītu grafiku var zīmēt tādā programmā kā Adobe Illustrator; SVG teksts ir pieejams; SVG ir viegli stila un skriptu veidošanai; un jūs veidojat, izmantojot vektora formātu, kas labi izdodas jebkura izmēra. Mūsdienu pārlūkprogrammas atbalsta SVG formātus, ir izturīgas pret nākotni un ļoti saspiežamas.
Daži trūkumi ir tādi, ka SVG projektēšana var kļūt sarežģīta, un sākotnēji to ir nedaudz grūtāk izveidot. Otra problēma ir tā, ka daži degradēti pārlūkprogrammas vienkārši nesaprot, kas tie ir.
Vai jums vajadzīga labāka izpratne par SVG? Mums ir SVG rokasgrāmata iesācējiem.
Kā dizaineri izmanto SVG
Viena no SVG priekšrocībām ir tā, ka ar to jūs varat darīt daudz un dažādas lietas. SVG var izmantot:
- Logotipi
- Foni, raksti un faktūras
- Animācija
- Atsaucīgi attēli
- Ikonas
Dizaineri var izmantot SVG jebkuram dizaina elementam, ja vektora formāts ir piemērojams risinājums. Starp citiem formātiem var aizstāt JPG, PNG un GIF.
Vektoru formātu noteikums
Pastāv liela iespēja, ka izmantosit vairāk vektora formātu. SVG ir neatkarīga no izšķirtspējas. Un tas ir milzīgs bonuss, jo jūs zināt, ka jūsu attēli lieliski izskatīsies jebkur.
Īpaši patīkami darbā ar SVG attēliem ir tas, ka, lai tos ieviestu, jums faktiski nav jāmaina sava darbplūsma. Ja projektējat programmatūrā, piemēram, Illustrator vai Sketch, process, izņemot galīgo eksportu, ir identisks. Vienīgais ir tas, ka jūs, iespējams, vēlēsities pārvērst visus teksta elementus Illustrator kontūrās, taču daudzi cilvēki to jau dara.
Gatavojot SVG failus, ir jāatceras viena galvenā lieta. Lai tās būtu pēc iespējas mazākas, noteikti izdzēsiet visu nevajadzīgo. (Skaidrs, ka tā ir!) SVG tīmeklī ir daži lieliski padomi elementu zīmēšanai un SVG failu saglabāšanai vislabākajā iespējamajā veidā.
Teksta bāzes formāts ir piemērots SEO
SVG lietošana nāk ar nelielu prēmiju arī meklētājprogrammu prasmīgiem dizaineriem. Tā kā SVG formatējumā izmanto faktisko tekstu, meklētājprogrammas var labāk nolasīt attēlus.
Jā, jūs varat pievienot informāciju par citiem parametriem kopā ar citiem attēliem, taču atslēgvārdiem ir tikai tik daudz vietas. Izmantojot SVG, jūs varat izveidot meklēšanai draudzīgākus attēlus un vienkārši augšupielādēt. Google indeksē visu SVG saturu, ieskaitot atsevišķus failus un kad SVG ir iegulti tieši HTML.
SVG ir viegls
Atšķirībā no dažiem citiem uz vektoriem balstītiem failu tipiem, kas var ātri kļūt smagi, SVG ir kods. Kods ir ātrs. Tas ir tik vienkārši. Nu… gandrīz.
Runājot par izdomātajiem vektoru zīmējumiem, kurus esat saglabājis kā SVG, pārbaudiet failu izmērus, pirms esat pārāk tālu nokļuvis. Kaut arī PNG formāti var pieaugt gandrīz eksponenciāli, ja tiek pievienota caurspīdīgums, SVG ir tendence pieaugt, balstoties uz attēla ceļu un aizpildījumu skaitu.
Ja SVG ir milzīgs, apsveriet iespēju to eksportēt un JPG vai PNG. (Pat ja tas šķiet pretrunīgi. Realitāte ir tāda, ka vairums dizaineru turpinās izmantot failu tipu sajaukumu ar attēliem; vienkārši jārēķinās, ka izmantos vairāk SVG, nekā jums ir bijis iepriekš.)
Rediģēt ir viegli
Ja esat pieradis zīmēt ikonas, logotipus vai ko citu vektoru zīmēšanas programmatūrā, nekas par rediģēšanas procesu nemainās.
Bet, ja jūs rakstāt SVG, jūs esat ārstējies. Vienkārši mainiet vārdu vai koordinātas vai krāsu teksta redaktorā un uzplaukumā, izmaiņas tiek veiktas. Grūti padarīt rediģēšanu vienkāršāku.
Izveidojiet nekustīgus vai animētus attēlus, izmantojot SVG
Atšķirībā no vairuma citu attēlu formātu, kas ļauj jums izveidot nekustīgu vai kustīgu attēlu, SVG pieļauj kādu no tiem. Varat izveidot nekustīgu attēlu vai animāciju. Un tas viss darbojas gandrīz vienādi. (Šis modes piemērs ir apmācība, kā animēt elementu pa SVG ceļu!)
Šīs mazās priekšrocības palīdz SVG virzīties uz priekšu dizaineru prātos. Jums nav jāiemācās jauns rīks vai tehnika; SVG rīcībā jau ir viss nepieciešamais.
Secinājums
Lūk, iemesls, kāpēc 2018. gads būs gads, kad SVG sāk pārņemt: tas ir praktiski.
Tā kā visi izmanto augstas izšķirtspējas displejus, vektora formāti tiešām ir tas ceļš. Viss mērogojas nevainojami, un jums nav jāuztraucas par pixelāciju. SVG veido lieliskus logotipus (statiskus vai reaģējošus), grafikus un fonus, ikonas un mazus attēlus un animācijas. Faili ir mazi un ātri ielādējas, un SVG ieviešanai jūsu vietnes dizainā nav lielas mācīšanās līknes.
Jūs burtiski varat sākt izmantot SVG attēlus tūlīt.
 SVG gatavojas pārņemt 2018. gadā){kind=link}