Kas yra SVG?

SVG, arba Skaliojamos Vektorinės Grafikos, yra vektorinės vaizdo formato, pagrįsto XML, dviejų matmenų grafikai.

Pagrindinės savybės:

• Skalavimas: Vaizdai išlieka aiškūs bet kokiu masteliu, nes jie aprašyti matematinėmis formulėmis, o ne pikseliais.
• XML formatas: SVG failų struktūra aprašyta žymėmis, panašiai kaip HTML. Tai juos daro skaitomais ir redaguojamais tekste.
• Interaktyvumas: Galimybė pridėti interaktyvių elementų naudojant JavaScript.
• Animacija: Palaikymas elementų animacijai naudojant CSS arba JavaScript.
• Pasiekiamumas: Galimybė aprašyti turinį žmonėms su negalia.
• Lengvumas: SVG failai gali būti mažesni nei rastro vaizdai su ta pačia kokybe.

SVG naudojimo būdai:

• Įterpimas į HTML naudojant <svg> žymę:

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

• Naudojimas kaip fonas CSS:

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

• Per <img> žymę:

  <img src="image.svg" alt="Mano SVG vaizdas">
  

• Per <object> arba <iframe> žymes.

SVG yra idealus logotipams, piktogramoms, iliustracijoms, grafikams ir diagramoms, kur svarbi aiškumas įvairiuose dydžiuose ir galimybė interaktyvumo.