Pliki z rozszerzeniem .svg to obrazy wektorowe zapisane w formacie Scalable Vector Graphics,
które można skalować bez utraty jakości i edytować jako tekst XML.

Charakterystyka plików SVG

Plik SVG jest grafiką wektorową, co oznacza, że obraz opisany jest za pomocą matematycznych kształtów, linii i krzywych, a nie pikseli, jak w przypadku plików rastrowych (JPEG, PNG),

Dzięki temu pliki SVG można dowolnie powiększać lub pomniejszać bez utraty ostrości, co sprawia, że idealnie nadają się do logo, ikon, wykresów i ilustracji na stronach internetowych.

Pliki SVG są tekstowe i oparte na XML, co oznacza, że można je otwierać w edytorach tekstu i modyfikować ręcznie lub generować automatycznie

Zawierają informacje o kształtach, kolorach, wypełnieniach gradientowych, maskach przezroczystości, filtrach i animacjach, a także mogą korzystać z CSS i JavaScript do interaktywności

Zastosowania:

Web design i UI/UX – ikony, przyciski, ilustracje, wykresy,
Druk i grafika – skalowalne logo i elementy graficzne, które zachowują jakość w różnych rozmiarach,

Animacje i interaktywność
– dzięki integracji z JavaScript i CSS można tworzyć dynamiczne elementy graficzne,

ADOBE i dostępność

Tekst zapisany w SVG może być odczytywany przez wyszukiwarki i czytniki ekranu.

Rozszerzenia i kompresja:

Standardowe rozszerzenie to .svg,
a skompresowana wersja pliku przy użyciu GZIP ma rozszerzenie .svgz
i zajmuje mniej miejsca przy zachowaniu pełnej funkcjonalności.

Typ MIME dla SVG to image/svg+xml

Programy do otwierania i edycji:

Pliki SVG można otwierać w przeglądarkach internetowych (Chrome, Firefox, Edge, Safari),
lub w programach graficznych, takich jak Adobe Illustrator, Inkscape, GIMP, CorelDRAW.

Można je również konwertować do formatów rastrowych, np. PNG lub JPG,
jeśli potrzebna jest kompatybilność z innymi aplikacjami.

Podsumowanie.

Pliki SVG są uniwersalnym formatem grafiki wektorowej,
który łączy skalowalność, edytowalność i możliwość integracji z technologiami internetowymi.
Są szczególnie przydatne w projektowaniu stron internetowych,
tworzeniu logo, ikon i ilustracji,
a także w animacjach i interaktywnych elementach graficznych.