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.

SVG marquee image

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.

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 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ą.

Atlikite šiuos veiksmus „Adobe Photoshop“programoje:

  1. Sutvarkę atvaizdą „Photoshop“, spustelėkite „Failas“ > „Eksportuoti“ > „Eksportuoti kaip“.
  2. Pasirodžiusiame laukelyje spustelėkite išskleidžiamąjį meniu „Formatas“ ir pasirinkite „SVG“.
  3. Pasirinkite „Eksportuoti viską“ ir išsaugokite failą.

Naudinga pastaba: kadangi „Photoshop“ yra rastrinės grafikos redagavimo programa, daugelis žmonių renkasi kurti ir redaguoti SVG failus naudodami „Adobe Illustrator“, vektorinės grafikos redagavimo programą.

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ą.

Atraskite daugiau vektorinių failų

Ar SVG failai palaiko animaciją?

SVG failo formatas skirtas ne tik statiškiems atvaizdams. Sužinosite apie daugybę internetinių įrankių, padėsiančių į savo žiniatinklio grafiką įtraukti judančius elementus. SVG animacija gali apimti palyginti paprastus elementus, pvz., šliaužiklio funkciją, kuri skirta pereiti nuo vienos skaidrės į kitą infografikoje. Iliustracijos taip pat gali judėti, pavyzdžiui, rodyklės tiksėti ant laikrodžio ciferblato.

Kaip rasti SVG failą?

Lengviausias būdas aptikti SVG failą yra patikrinti plėtinio kodą. SVG failas pateikiamas kaip .svg failas. Taip pat galite pastebėti vektorinius atvaizdus, pvz., SVG, padidindami juos iki 200 % ar daugiau savo kompiuterio ekrane. Vektorinis atvaizdas išsaugos aiškias linijas ir vientisas spalvas, vietoje to, kad taptų pikseliuotu ar neryškiu.

Ar SVG failus galima naudoti tik internete?

Nors SVG atvaizdai dažniausiai naudojami žiniatinklyje, jie gali būti naudojami ne tik internetiniame pasaulyje. Pavyzdžiui, kadangi SVG failai neiškraipomi pakeitus jų dydį nuo pradinių išmatavimų, jie yra naudingi kaip šablonai spaudai ant drabužių, pavyzdžiui, marškinėlių. JPEG failas, sudarytas iš daugybės pikselių, nebūtų perkeliamas taip lengvai.

Kokio dydžio yra SVG failai?

SVG failo dydis priklauso nuo to, kiek jame yra atvaizdo duomenų, tačiau paprastai jis yra mažesnis nei daugelis kitų failų tipų. Sudėtinga grafika su daugybe takų ir tvirtinimo vietų užims daugiau vietos saugykloje nei paprastesnis ir aiškesnis dizainas. Stenkitės sumažinti faile esančių sudėtingų komandų skaičių.

Koks skirtumas tarp SVG ir PNG failų?

Trumpai tariant, SVG yra vektoriniai failai, o PNG yra rastriniai failai. Jei per daug ištempsite PNG failą arba pernelyg jį suspausite, jis taps neryškus ir pikseliuotas. SVG neturi pikselių, todėl jie niekada nepraras skiriamosios gebos. Be to, PNG nepalaiko animacijos.

https://main--cc--adobecom.hlx.page/cc-shared/fragments/seo-articles/express-blade

Sužinokite daugiau apie panašius į SVG failo tipus.

PNG file image

PNG failai

Sužinokite daugiau apie kitą populiarų žiniatinklio grafikos ir logotipų formatą.

JPEG file image

JPEG failai

Sužinokite, kodėl JPEG failai sukurti atsižvelgus į sudėtingas skaitmenines nuotraukas.

HEIC file image

HEIC failai

Susipažinkite su šio naujo tipo rastriniu failu, kurį sukūrė „Apple“.

AI file image

AI failai

Atraskite šį dažnai naudojamą vektorinį formatą, sukurtą „Adobe Illustrator“ programai.

Palyginkite SVG su kitų failų tipais.

SVG vs PNG file image

SVG ir PNG

Kuris failo formatas vyrauja interneto dizaino srityje?

SVG vs EPS file image

SVG ir EPS

Atidžiau susipažinkite su spausdinimo kredencialais.

https://main--cc--adobecom.hlx.page/cc-shared/fragments/discovery-hub/products-photoshop-segment-blade