Czym jest SVG
SVG opisuje grafikę jako zestaw kształtów, linii, ścieżek i tekstu zapisanych w formacie XML. W przeciwieństwie do obrazów rastrowych (JPEG, PNG, WebP), SVG nie składa się z pikseli, więc może być powiększane bez utraty ostrości.
Zastosowania
- ikony i logotypy,
- wykresy i wizualizacje danych,
- proste ilustracje i dekoracje,
- animacje interfejsu.
Zalety
- idealna ostrość na ekranach Retina i 4K,
- możliwość stylowania przez CSS,
- niewielki rozmiar dla prostych grafik,
- łatwość osadzania bezpośrednio w HTML.
Ryzyka i ograniczenia
Bardzo skomplikowane ilustracje SVG mogą być cięższe niż ich odpowiedniki rastrowe. Ponieważ SVG jest XML-em, może też zawierać skrypty lub odwołania zewnętrzne, dlatego przy uploadzie należy go traktować ostrożnie i filtrować.