SVG

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Co to jest SVG?

SVG (Scalable Vector Graphics) to format grafiki wektorowej używany głównie na stronach internetowych. Obraz SVG nie jest opisany siatką pikseli, lecz za pomocą figur geometrycznych, ścieżek, krzywych, tekstu i współrzędnych.

Najważniejsze cechy SVG

  • jest formatem wektorowym,
  • można go skalować bez utraty jakości,
  • dobrze nadaje się do ikon, logo, schematów i prostych ilustracji,
  • może być zapisany jako plik .svg,
  • opiera się na składni XML,
  • może być osadzany bezpośrednio w kodzie HTML.

SVG a JPG/PNG

Formaty JPG i PNG są formatami rastrowymi, czyli przechowują obraz jako piksele. SVG przechowuje opis obiektów geometrycznych, dlatego po powiększeniu nadal zachowuje ostre krawędzie.

Przykład SVG

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

Ten kod rysuje czerwone koło o środku w punkcie (50, 50) i promieniu 40.

Zastosowanie

SVG stosuje się najczęściej do elementów interfejsu strony: ikon, logotypów, wykresów, map i prostych ilustracji, które muszą dobrze wyglądać na różnych rozdzielczościach ekranów.