Šta je SVG?

SVG (Skalabilna vektorska grafika) je format vektorske grafike zasnovan na XML za kreiranje dvodimenzionalne grafike. Za razliku od rastrovih slika, SVG opisuje grafiku pomoću matematičkih formula, što omogućava skaliranje slika bez gubitka kvaliteta.

Glavne karakteristike SVG:

• Vektorski format: Slike se opisuju pomoću geometrijskih primitiva (tačke, linije, krivine, oblici), a ne pomoću piksela.
• XML osnova: Struktura SVG dokumenta zasnovana je na sintaksi XML-a, što ga čini lako čitljivim i uređivim.
• Skalabilnost: Slike se mogu uvećavati ili smanjivati bez gubitka oštrine i kvaliteta.
• Interaktivnost: SVG elementi mogu biti interaktivni, reagovati na događaje (klikovi, prelaženje mišem itd.) pomoću JavaScript-a.
• Stilizacija: Izgled SVG elemenata može biti prilagođen pomoću CSS-a.
• Animacija: SVG podržava animaciju elemenata pomoću ugrađenih sredstava ili CSS/JavaScript.

Prednosti korišćenja SVG na vebu:

• Idealno za ikone i logotipe: Skalabilnost obezbeđuje oštar prikaz na svim rezolucijama ekrana.
• Manja veličina fajlova: Za mnoge tipove grafike, SVG fajlovi mogu biti manji od sličnih rastrovih formata.
• SEO-friendly: Tekst u SVG-u indeksira se od strane pretraživača.
• Pristupačnost: Zahvaljujući tekstualnoj prirodi, SVG je pristupačniji za pomoćne tehnologije.
• Lako za modifikaciju: Pošto je XML, sadržaj se može dinamički menjati.

Primer jednostavne SVG slike (krug):

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>