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.

SVG marquee image

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.

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

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

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.

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

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. Kompleksne grafike z veliko potmi in sidrišči bodo zavzele več prostora za shranjevanje kot preprostejše in čistejše zasnove. Č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.

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

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

PNG file image

Datoteke PNG

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

JPEG file image

Datoteke JPEG

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

HEIC file image

Datoteke HEIC

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

AI file image

Datoteke AI

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

Primerjajte datoteke SVG z drugimi vrstami datotek.

SVG vs PNG file image

Primerjava datotek SVG in PNG

Katera oblika prevladuje pri spletnem oblikovanju?

SVG vs EPS file image

Primerjava datotek SVG in EPS

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

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