Kas ir SVG?

SVG, jeb Skalējamas Vektoru Grafikas, ir vektoru attēla formāts, kas balstīts uz XML, divdimensiju grafikām.

Galvenās īpašības:

• Skalējamība: Attēli paliek skaidri jebkurā mērogā, jo tie ir aprakstīti ar matemātiskām formulām, nevis pikseļiem.
• XML formāts: SVG failu struktūra ir aprakstīta ar tagiem, līdzīgi kā HTML. Tas padara tos lasāmus un rediģējamus tekstā.
• Interaktivitāte: Iespēja pievienot interaktīvus elementus ar JavaScript.
• Animācija: Atbalsts elementu animācijai ar CSS vai JavaScript.
• Pieejamība: Iespēja aprakstīt saturu cilvēkiem ar ierobežojumiem.
• Vieglums: SVG faili var būt mazāki nekā rastra attēli ar tādu pašu kvalitāti.

SVG lietošanas veidi:

• Iekļaušana HTML ar <svg> tagu:

  <svg width="100" height="100">
    <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
  </svg>
  

• Kā fona attēls CSS:

  .element {
    background-image: url('image.svg');
  }
  

• Ar <img> tagu:

  <img src="image.svg" alt="Mana SVG bilde">
  

• Ar <object> vai <iframe> tagiem.

SVG ir ideāls logotipiem, ikonām, ilustrācijām, grafikām un diagrammām, kur svarīga ir skaidrība dažādos izmēros un interaktivitātes iespēja.