Datoteke SVG.

Datoteke SVG so priljubljeno orodje za prikazovanje dvodimenzionalnih grafik, preglednic in ilustracij na spletnih mestih. Zaradi vektorskega zapisa jih je mogoče povečevati ali zmanjševati brez izgube ločljivosti. Izvedite več o ključnih lastnostih slik SVG, spoznajte njihove prednosti in slabosti ter kako se je oblika zapisa SVG razvijala.

Slika izbora datoteke SVG

Spoznali boste:

 

  • Kaj je datoteka SVG?
     
  • Zgodovino datotek 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.

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.

 

 

Za kaj se uporabljajo datoteke SVG?

Vektorske grafike, ki jim je mogoče spreminjati velikost, so v minulih letih naredile velik korak naprej. Toda za kaj se SVG-ji uporabljajo v praksi?

 

Spletne ikone in logotipi.

Oblikovalci pogosto uporabljajo SVG-je za prikaz spletnih ikon, kot so gumbi, pa tudi za logotipe podjetij. Možnost povečevanja in zmanjševanja brez izgube kakovosti pomeni, da so datoteke SVG idealne za grafike, ki jih želimo prikazati na različnih mestih v različnih velikostih.

 

Infografike in ilustracije.

Ker je besedilo v datotekah SVG zapisano v obliki XML-ja, lahko iskalniki, kot je Google, preberejo preglednice in grafikone, kar pomaga pri optimizaciji vsebine za spletne iskalnike. Ker lahko Google v SVG-jih zazna ključne besede, se takšno spletno mesto lahko uvrsti višje na seznamu zadetkov iskanja. Poleg tega SVG-ji podpirajo tudi animacijo, s čimer lahko postanejo spletna mesta zanimivejša.

 

Odkrijte več vektorskih datotek

 

 

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.

 

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. Samo odprite brskalnik, kliknite Datoteka > Odpri 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.

Če uporabljate Adobe Photoshop, sledite naslednjim korakom: 

 

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

 

Opomba v pomoč: ker je Photoshop program za urejanje rastrskih grafik, mnogi za ustvarjanje in urejanje datotek SVG raje uporabijo urejevalnik vektorskih grafik Adobe Illustrator.

 

 

Datoteke SVG: pogosta vprašanja.

Ali datoteke SVG podpirajo animacijo?

Oblika datoteke SVG ni namenjena samo statičnim slikam. V spletu lahko najdete mnoga orodja, s katerimi boste lahko svojim spletnim grafikam dodali gibanje. Animacije SVG lahko vključujejo relativno osnovne elemente, kot je funkcija drsnika za premikanje med dvema diapozitivoma na infografiki. Tudi ilustracijam lahko dodate premikanje, na primer premikanje urinih kazalcev.

 

Kako lahko prepoznam datoteko SVG?

Najenostavnejši način, kako prepoznati datoteko SVG je, da preverite njeno končnico. Datoteka SVG ima končnico .svg. Vektorske slike, kot je SVG, lahko prepoznate tudi tako, da jih na zaslonu povečate za 200 % ali več. Če je slika vektorska, bo ohranila čiste linije in polne barve. pri čemer ne boste opazili slikovnih pik ali zamegljenosti.

 

Ali se datoteke SVG lahko uporablja samo v internetu?

Čeprav se slike v obliki SVG večinoma uporabljajo v spletu, jih srečamo tudi izven spletnega sveta. Ker pri spreminjanju njihove velikosti ne pride do popačenja, se uporabljajo tudi kot predloge za tiskanje na oblačila, na primer majice s kratkimi rokavi. Datoteka JPEG, ki je sestavljena iz množice slikovnih pik, se ne bi tako jasno prenesla na tekstil.

 

Kako velike so datoteke SVG?

Velikost datoteke SVG je odvisna od tega, koliko slikovnih podatkov vsebuje. Običajno je velikost manjša od večine ostalih vrst datotek. Zahtevne grafike, ki vsebujejo mnoge poti in sidrne točke, bodo zavzele več prostora kot preprostejši oblikovni izdelki. Če je vaš cilj majhna velikost, poskusite zmanjšate število zahtevnih navodil v datoteki.

 

Kakšna je razlika med datotekami SVG in PNG?

Na kratko: SVG-ji so vektorske datoteke, medtem ko so PNG-ji rastrske datoteke. Če PNG preveč raztegnete ali pomanjšate, bo postal zamegljen in videle se bodo slikovne pike. SVG-ji ne vsebujejo slikovnih pik, zato nikoli ne izgubijo ločljivosti. Poleg tega PNG-ji ne podpirajo animacije.

Izvedite več o vrstah datotek, ki so podobne datotekam SVG.

Slika datoteke PNG

Datoteke PNG

Izvedite več o še eni priljubljeni obliki zapisa za spletne grafike in logotipe.

Slika datoteke JPEG

Datoteke JPEG

Poglejte, zakaj so datoteke JPEG oblikovane z mislijo na zahtevne digitalne fotografije.

Slika datoteke HEIC

Datoteke HEIC

Spoznajte to novo obliko rastrske datoteke, ki so jo ustvarili v podjetju Apple.

Slika datoteke AI

Datoteke AI

Raziščite široko uporabljano vektorsko obliko zapisa za Adobe Illustrator.

Primerjajte datoteke SVG z drugimi vrstami datotek.

Slika primerjave datotek SVG in PNG

Primerjava datotek SVG in PNG

Katera oblika prevladuje pri spletnem oblikovanju?

Slika primerjave datotek SVG in EPS

Primerjava datotek SVG in EPS

Poglejte si od bliže, kako se obnesejo pri tiskanju.

Poiščite naročnino, ki je prava za vas.

Lightroom

Vsi programi

Zagotovite si celotno zbirko ustvarjalnih programov in še več.
7 dni brezplačno, nato 63,51 € na mesec.