SVG failai.
SVG failo formatas yra populiarus įrankis, skirtas dvimatei grafikai, diagramoms ir iliustracijoms svetainėse. Be to, jį, kaip vektorinį failą, galima padidinti arba sumažinti ir neprarasti skiriamosios gebos. Sužinokite daugiau apie pagrindines SVG atvaizdų savybes, jų privalumus ir trūkumus bei kaip keitėsi SVG formatas.
Kas yra SVG failas?
Keičiamo dydžio vektorinė grafika (SVG) yra internetinis vektorinių failų formatas. Skirtingai nuo pikselinių rastrinių failų, pvz., JPEG, vektoriniai failai saugo atvaizdus matematinėmis formulėmis, kurios grindžiamos tinklelio taškais ir linijomis. Tai reiškia, kad vektorinių failų, tokių kaip SVG, dydį galima labai išdidinti ir neprarasti kokybės, todėl jie puikiai tinka logotipams ir sudėtingai internetinei grafikai.
SVG yra labai populiarūs tarp žiniatinklio dizainerių ne tik dėl jų keičiamo dydžio galimybių. SVG yra parašyti XML kodu. Tai reiškia, kad jie saugo bet kokią tekstinę informaciją kaip žodinę formuluotę, o ne kaip formas. Todėl paieškos sistemos, pvz., „Google“, gali skaityti raktinių žodžių SVG grafiką, ir tai gali padėti svetainei pakilti paieškos reitinguose.
Galite lengvai pastebėti SVG failą pagal jo .svg plėtinį.
SVG failo istorija.
1994 m. olandų programinės įrangos inžinierius Martijn Koster pirmą kartą pasiūlė SVG failo formatą.
SVG failo istorija siekia 1990-ųjų metų pabaigą, kai Žiniatinklio konsorciumas (W3C) pakvietė kūrėjus teikti pasiūlymus dėl naujo tipo vektorinės grafikos formato. Buvo pateikti šeši konkuruojantys pasiūlymai, kurie padėjo pateikti informaciją. Tai galiausiai tapo W3C SVG formatu.
SVG prireikė šiek tiek laiko, kol jis išpopuliarėjo. SVG sulaukė palyginti mažai dėmesio iki 2017 m., kai žmonės pastebėjo SVG naudojimo šiuolaikinėse žiniatinklio naršyklėse privalumus. SVG failai dabar dažnai naudojami 2D svetainių atvaizdams, nes dauguma naršyklių ir vektorinių failų braižymo programų gali lengvai juos apdoroti.
SVG failų pliusai ir minusai.
Prieš išsaugant atvaizdus šiuo failo formatu, verta sužinoti apie SVG privalumus ir trūkumus.
SVG pliusai.
- Skirtingai nuo rastrinių failų, kurie sudaryti iš pikselių, vektorinė grafika, pvz., SVG, visada išlaiko savo skiriamąją gebą – nesvarbu, kiek juos išdidinate ar sumažinate. Nereikia jaudintis, kad SVG atvaizdai praras savo kokybę tam tikrose naršyklėse arba pakeitus jų dydį, norint juos pateikti skirtingose vietose.
- Pagrindiniai SVG failai dažnai yra mažesni nei rastriniai atvaizdai, kurie sukurti iš daugybės spalvotų pikselių, o ne naudojant matematinius algoritmus.
- Kadangi SVG failai tekstą traktuoja kaip tekstą (o ne kaip dizainą), ekrano skaitytuvai gali nuskaityti bet kokius žodžius, esančius SVG atvaizduose. Tai labai naudinga žmonėms, kuriems reikia pagalbos skaitant tinklalapius. Paieškos sistemos taip pat gali skaityti ir indeksuoti SVG atvaizdo tekstą.
- SVG palaiko interaktyvumą naudojant scenarijų kalbas, pavyzdžiui, „JavaScript“, todėl galima kurti dinamišką ir įdomią grafiką.
- SVG – tai XML kalba, kurią lengva valdyti ir integruoti su kitomis žiniatinklio technologijomis.
SVG trūkumai.
- SVG failai puikiai tinka žiniatinklio grafikai, pvz., logotipams, iliustracijai ir diagramoms. Tačiau dėl pikselių nebuvimo sunku pateikti aukštos kokybės skaitmenines nuotraukas. JPEG failai paprastai labiau tinkami detalioms nuotraukoms.
- Tik šiuolaikinės naršyklės gali palaikyti SVG vaizdus. SVG failų naudojimas su „Internet Explorer 8“ ir kitomis senesnėmis naršyklėmis gali būti sudėtingas.
- SVG atvaizduose esantį kodą gali būti sunku suprasti, jei nesate susipažinę su jo failo formatu.
Kaip atidaryti SVG failą.
Nuo „Chrome“ ir „Edge“ iki „Safari“ ir „Firefox“ šiais laikais visos pagrindinės naršyklės leidžia atidaryti SVG failus – nesvarbu, ar naudojate „Mac“, ar „Windows“. Tiesiog paleiskite naršyklę ir spustelėkite „Failas“
Atidarykite ir pasirinkite norimą peržiūrėti failą. Tada jis bus matomas jūsų naršyklėje.
Taip pat paprasta atidaryti SVG atvaizdą naudojant kompiuteryje integruotą programą. Dukart spustelėkite failo pavadinimą ir gausite programų, kurios jį atidarys, sąrašą arba jis bus automatiškai atidarytas suderinamoje programoje.
Kaip sukurti ir redaguoti SVG failą.
„Adobe Photoshop“programoje atlikite toliau nurodytus veiksmus.
- Sutvarkę atvaizdą „Photoshop“, spustelėkite „Failas“ > „Eksportuoti“ > „Eksportuoti kaip“.
- Pasirodžiusiame laukelyje spustelėkite išskleidžiamąjį meniu „Format“ (formatas) ir pasirinkite „SVG“.
- Pasirinkite „Eksportuoti viską“ ir išsaugokite failą.
Pastaba. Kadangi „Photoshop“ yra rastrinės grafikos redagavimo programa, todėl daugelis žmonių renkasi kurti ir redaguoti SVG failus naudodami „Adobe Illustrator“, vektorinės grafikos redagavimo programą.
Kaip sukurti SVG failą programoje „Illustrator“
„Adobe Illustrator“ programoje atlikite toliau nurodytus veiksmus.
- Kai „Illustrator“ programoje parengsite meno kūrinį, pasirinkite tekstą, kad sukurtumėte kontūrus. Tai padės išvengti šrifto pakeitimo problemų, kai savo kūrinį peržiūrėsite kituose kompiuteriuose. Pasirinkite tipą – kurkite kontūrus
- Išsaugokite failą, pasirinkite „File“ (failas) > „Save As“ (išsaugoti kaip). Pasirodžiusiame laukelyje spustelėkite išskleidžiamąjį meniu „Format“ (formatas) ir pasirinkite „SVG“.
- Taip pat galite eksportuoti redaguotą SVG naudodami „File“ (failas) > „Export“ (eksportuoti) > „Export As“ (eksportuoti kaip) ir pasirinkdami SVG kaip formatą. Taip galite koreguoti eksporto nustatymus, pvz., tikslumą ir suderinamumą.
Kaip redaguoti SVG failą „Illustrator“ programoje
- Atverkite pasirinktą SVG failą programoje „Illustrator“. Arba galite importuoti SVG failą į esamą „Illustrator“ dokumentą naudodami „File“ (failas) > „Place“ (vieta).
- Naudokite „Selection Tool“ (pasirinkimo įrankį) (arba „Direct Selection Tool“ (tiesioginio pasirinkimo įrankį), kad pasirinktumėte atskirus kelius, figūras arba grupes SVG. Galite keisti dydį, formą, transformuoti ar redaguoti kelius, pridėti spalvų ir efektų.
SVG failai: dažnai užduodami klausimai.
Kas yra SVG failas?
Keičiamo dydžio vektorinė grafika (SVG) yra internetinis vektorinių failų formatas. Skirtingai nuo pikselinių rastrinių failų, pvz., JPEG, vektoriniai failai saugo atvaizdus matematinėmis formulėmis, kurios grindžiamos tinklelio taškais ir linijomis. Tai reiškia, kad vektorinių failų, tokių kaip SVG, dydį galima labai išdidinti ir neprarasti kokybės, todėl jie puikiai tinka logotipams ir sudėtingai internetinei grafikai.
SVG yra labai populiarūs tarp žiniatinklio dizainerių ne tik dėl jų keičiamo dydžio galimybių. SVG yra parašyti XML kodu. Tai reiškia, kad jie saugo bet kokią tekstinę informaciją kaip žodinę formuluotę, o ne kaip formas. Todėl paieškos sistemos, pvz., „Google“, gali skaityti raktinių žodžių SVG grafiką, ir tai gali padėti svetainei pakilti paieškos reitinguose.
Galite lengvai pastebėti SVG failą pagal jo .svg plėtinį.
Kam naudojami SVG failai?
Pastaraisiais metais keičiamo dydžio vektorinė grafika nuėjo ilgą kelią, bet kam SVG faktiškai naudojami?
Svetainės piktogramoms ir logotipams.
Dizaineriai dažnai naudoja SVG, norėdami pateikti svetainių piktogramas, pvz., mygtukus, ir įmonės logotipus. Šio failų tipo teikiama galimybė didinti arba mažinti mastelį nepakenkiant kokybei reiškia, kad jie puikiai tinka grafikai, kuri turi būti keliose vietose ir įvairių dydžių.
Infografika ir iliustracijos.
Dėl XML naudojimo SVG failuose tokios paieškos sistemos kaip „Google“, gali skaityti daug teksto turinčias diagramas ir grafikus. Tai gali padėti optimizuoti paieškos sistemas. Kadangi „Google“ gali aptikti raktinius žodžius SVG, ji gali padidinti tinklalapio reitingą paieškos rezultatuose. Be to, kad tinklalapiai būtų įdomesni, SVG taip pat palaiko animaciją.