Datoteke SVG

Spoznali boste:

• Kaj je datoteka SVG?
• Zgodovina datoteke SVG
• Za kaj se uporabljajo datoteke SVG?
• Prednosti in slabosti datotek SVG
• Kako odpreti datoteko SVG?
• Kako ustvariti in urejati datoteke SVG?
• Datoteke SVG: pogosta vprašanja

Kaj je datoteka SVG?

SVG (Scalable Vector Graphics) je spletu prijazna vektorska oblika datoteke. Za razliko od rastrskih datotek, ki temeljijo na slikovnih pikah – takšne so na primer datoteke JPEG – vektorske datoteke slike shranjujejo prek matematičnih formul, ki temeljijo na točkah in črtah na mreži. To pomeni, da je slikam v vektorskih datotekah, kot je SVG, mogoče občutno povečati ali zmanjšati velikost brez izgube kakovosti. Zaradi tega so takšne datoteke idealne za logotipe in zahtevne spletne grafike.

Možnost spreminjanja velikosti pa ni edina stvar, zaradi česar so SVG-ji zelo priljubljeni med spletnimi oblikovalci. SVG-ji so zapisani v obliki kode XML, kar pomeni, da morebitno besedilo shranjujejo kot dejansko besedilo in ne kot obliko. S tem lahko spletni iskalniki, kot je Google, v grafikah SVG prebirajo ključne besede, kar lahko spletnemu mestu pomaga k višji uvrstitvi med rezultati iskanja.

Datoteko SVG lahko enostavno prepoznate po končnici .svg.

Zgodovina datoteke SVG

Leta 1994 je nizozemski programski inženir Martijn Koster prvi predlagal obliko zapisa datotek SVG.

Zgodovina datoteke SVG sega v konec prejšnjega stoletja, ko je Konzorcij World Wide Web (W3C) razvijalce pozvalo k posredovanju predlogov za novo vrsto vektorske oblike zapisa. Oddanih je bilo šest predlogov, na podlagi katerih je W3C nato oblikoval obliko zapisa SVG.

Preden je SVG postal priljubljen, je minilo nekaj časa. Do leta 2017, ko so ljudje začeli spoznavati prednosti uporabe SVG-jev v sodobnih spletnih brskalnikih, je bila podpora za to obliko datotek relativno skromna. Danes se datoteke SVG na široko uporabljajo za 2D-slike na spletnih mestih, saj večina brskalnikov in programov za risanje vektorskih slik z njimi nima težav.

Prednosti in slabosti datotek SVG

Preden začnete svoje slike shranjevati v obliki SVG, je pametno, da raziščete njene prednosti in slabosti.

Prednosti datotek SVG

• Za razliko od rastrskih datotek, ki so sestavljene iz slikovnih pik, vektorske grafike, kot so SVG-ji, vedno obdržijo svojo ločljivost – ne glede na to, koliko jih povečate ali pomanjšate. Ni vam treba skrbeti, da bi slike v obliki SVG v nekaterih brskalnikih ali pri spreminjanju velikosti za objavo na različnih mestih izgubile svojo kakovost.
• Osnovne datoteke SVG, ki uporabljajo matematične algoritme, so običajno manjše od rastrskih slik, ki jih sestavlja veliko število barvnih slikovnih pik.
• Ker datoteke SVG besedilo shranjujejo kot besedilo (in ne kot obliko), lahko bralniki zaslona preberejo morebitne besede, vsebovane v tako shranjenih slikah. To je zelo koristno za ljudi, ki potrebujejo pomoč pri branju spletnih strani. Poleg tega lahko besedilo v slikah SVG preberejo in indeksirajo tudi iskalniki.
• SVG podpira interaktivnost prek skriptnih jezikov, kot je JavaScript, kar omogoča dinamično in zanimivo grafiko.
• SVG je programski jezik XML, ki omogoča enostavno obdelavo in integracijo z drugimi spletnimi tehnologijami.

Slabosti datotek SVG

• Datoteke SVG so odlične za spletne grafike, kot so logotipi, ilustracije in preglednice. Toda zaradi odsotnosti slikovnih pik imajo težave s prikazovanjem visoko kakovostnih digitalnih fotografij. Za fotografije, polne podrobnosti, so na splošno primernejše datoteke JPEG.
• Slike SVG podpirajo samo sodobni brskalniki. Morda boste naleteli na izziv, če boste želeli datoteke SVG uporabiti z Internet Explorerjem 8 in ostalimi starejšimi brskalniki.
• Če se prvič srečujete s to obliko datotek, boste morda imeli težave tudi z razumevanjem kode, ki jo vsebujejo slike SVG.

Kako odpreti datoteko SVG?

Vsi pomembnejši brskalniki – med drugim Chrome, Edge, Safari in Firefox – dandanes omogočajo odpiranje datotek SVG, ne glede na to, ali uporabljate sistem Mac ali Windows. Zaženite brskalnik in kliknite Datoteka.

Odprite in izberite datoteko, ki si jo želite ogledati. Ta se bo prikazala v samem brskalniku.

Prav tako je enostavno odpreti sliko SVG z drugim programom v računalniku. Dvokliknite ime datoteke in odprl se vam bo seznam programov, s katerimi jo lahko odprete – ali pa se bo kar samodejno odprla v združljivem programu.

Kako ustvariti in urejati datoteke SVG?

Pri uporabi programa Adobe Photoshop sledite tem korakom:

1. Ko ste v Photoshopu zaključili z oblikovanjem slike, kliknite Datoteka > Izvozi > Izvozi kot.
2. V oknu, ki se prikaže, kliknite spustni meni za izbiro oblike zapisa ter izberite možnost SVG.
3. Izberite Izvozi vse in shranite datoteko.

Koristna opomba: ker je Photoshop program za obdelavo rastrskih grafik, mnogi za ustvarjanje in obdelavo datotek SVG raje uporabljajo Adobe Illustrator, program za obdelavo vektorskih grafik.

Navodila za ustvarjanje datoteke SVG v programu Illustrator

Pri uporabi programa Adobe Illustrator sledite tem korakom:

1. Ko v programu Illustrator sestavite umetniško delo, izberite besedilo, da ustvarite obrise. S tem se boste lažje izognili težavam z zamenjavo pisav ob ogledu svojega umetniškega dela v drugih računalnikih. Izberite Vrsta – Ustvari obrise
2. Shranite datoteko tako, da izberete Datoteka > Shrani kot. V oknu, ki se prikaže, kliknite spustni meni za izbiro oblike zapisa ter izberite možnost SVG.
3. Lahko tudi izvozite urejeno datoteko SVG tako, da izberete Datoteka > Izvoz > Izvozi kot in nato kot obliko zapisa izberete SVG. To vam omogoča, da prilagodite nastavitve izvoza, kot sta natančnost in združljivost.

Navodila za urejanje datoteke SVG v programu Illustrator

1. Izberite datoteko in svojo datoteko SVG odprite v programu Illustrator. Ali pa uvozite datoteko SVG v obstoječ dokument programa Illustrator tako, da izberete Datoteka > Postavi.
2. Z orodjem za izbiro (ali orodjem za neposredno izbiranje) izberite posamezne poti, oblike ali skupine znotraj SVG. Lahko spreminjate velikost, obliko, pretvorite ali urejate poti, dodajate barve in učinke.