Co to jest format pliku SVG?
Skrót .svg oznacza Scalable Vector Graphics i jest to format plików graficznych 2D. SVG to język oparty na XML, zaprojektowany do opisywania grafiki 2D w formie zwykłego tekstu. Format .svg został opracowany przez *World Wide Web Consortium (W3C)* i jest standardowym formatem wyświetlania grafiki wektorowej w sieci, stając się rekomendacją W3C w 2001 roku (w 2011 roku pojawił się SVG 1.1).
Ponieważ do opisu grafiki wektorowej używany jest tekst, skala pliku .svg może być zmieniana bez żadnej utraty jakości. Mówiąc prościej - zawartość pliku, czyli obraz, może być wyświetlana w dowolnym rozmiarze bez efektu pikselizacji, co czyni .svg idealnym rozwiązaniem dla ikon, logo, ilustracji i elementów interfejsu użytkownika (UI), które muszą wyglądać ostro w każdej rozdzielczości.
Pliki .svg mogą być również kompresowane przy użyciu kompresji GZIP, po czym format zmienia się na .svgz, a końcowy rozmiar zostaje zredukowany o około 50-80%.
Ze względu na swój tekstowy charakter oparty na XML, pliki .svg mogą być przeszukiwane, indeksowane, kompresowane i skryptowane, co czyni je idealnie dopasowanymi do udostępniania grafiki w Internecie. Wszystkie nowoczesne przeglądarki natywnie renderują obrazy .svg bez żadnych wtyczek. Pliki .svg są równie dobrze obsługiwane przez edytory tekstu, jak i zaawansowane edytory wektorowe, takie jak Inkscape lub Adobe Illustrator, i mogą zawierać obrazy rastrowe PNG, animacje, style CSS oraz interaktywny JavaScript bezpośrednio wewnątrz pliku. Typ MIME to image/svg+xml.
Bezpieczeństwo
RYZYKO: MEDIUMSVG to XML i może ZAWIERAĆ CSS oraz JavaScript, więc plik .svg otwarty w przeglądarce może uruchamiać skrypty - czyni to złośliwe pliki SVG realnym wektorem ataków cross-site-scripting, przekierowań i phishingu. Załączniki e-mail SVG były wykorzystywane w kampaniach złośliwego oprogramowania (jako „nieszkodliwy obrazek”, który w rzeczywistości zawiera skrypt lub formularz HTML). Traktuj nieoczekiwane pliki .svg jak strony internetowe, a nie obrazy: nie otwieraj ich od nieznanych nadawców, a na stronach internetowych oczyszczaj przesłane pliki SVG (usuwaj skrypty/programy obsługi zdarzeń) przed ich udostępnieniem. Otwieranie SVG w przeglądarce bez obsługi skryptów lub w edytorze kodu w celu sprawdzenia XML jest bezpieczne. Unikaj podejrzanych stron z „darmowymi konwerterami SVG”, które dołączają oprogramowanie reklamowe - przeglądarka i Inkscape w pełni wystarczają.
Szczegóły formatu
w pigułceProgramy otwierające pliki SVG
Windows4 apps
Adobe Illustrator
Płatny Plik -> Otwórz .svg do edycji; Plik -> Eksportuj dla PNG/JPG. Standardowy w branży edytor wektorowy. 
Web browser (Chrome, Edge, Firefox)
Darmowy Kliknij dwukrotnie .svg lub przeciągnij go do okna przeglądarki, aby wyświetlić go w pełnej jakości.
Code editor (VS Code / Notepad++)
Darmowy Otwórz .svg jako tekst, aby bezpośrednio czytać/edytować znaczniki XML (i podglądać za pomocą rozszerzenia SVG). 
macOS3 apps
Adobe Illustrator
Płatny Plik -> Otwórz .svg do edycji; Plik -> Eksportuj dla PNG/JPG. Standardowy w branży edytor wektorowy.
Web browser / Preview
Wbudowany Otwórz .svg w Safari/Chrome, aby go wyświetlić; macOS Preview również renderuje SVG. 
Linux3 apps
GIMP
Open-source Importuj .svg (rasteryzuje go w wybranej rozdzielczości) do edycji pikseli/eksportu.
SVG-Edit / boxy-svg (online editors)
Freemium Otwieraj i edytuj SVG w przeglądarce bez instalacji (Boxy SVG lub open-source'owy SVG-Edit). Szczegóły techniczne
specyfikacja| Struktura pliku | Zwykły tekst XML; czytelny dla człowieka i edytowalny w dowolnym edytorze tekstu bez specjalistycznego oprogramowania |
| Typ MIME | image/svg+xml |
| Kodowanie znaków | UTF-8 (deklarowane w nagłówku XML); plik jest zwykłym tekstem Unicode bez zawartości binarnej |
| Skalowalność | Nieskończone bezstratne skalowanie - geometria jest zdefiniowana matematycznie, więc przy żadnym rozmiarze nie występuje pikselizacja |
| Wariant skompresowany | .svgz - ten sam XML SVG opakowany w gzip; rozmiar pliku zazwyczaj o 50-80% mniejszy |
| Obsługa animacji | Obsługiwane są zarówno deklaratywne animacje SMIL, jak i animacje/przejścia CSS |
| Skryptowanie | JavaScript może odpytywać i modyfikować elementy SVG poprzez standardowe API DOM, umożliwiając interaktywność |
| Stylizacja | CSS można stosować poprzez atrybuty stylu inline, osadzone bloki <style> lub zewnętrzne arkusze stylów |
| Układ współrzędnych | Nieskończone płótno z jednostkami zdefiniowanymi przez użytkownika; atrybut viewBox mapuje współrzędne dokumentu na rzutnię |
| Prymitywy kształtów | path, circle, rect, ellipse, polygon, polyline, line - plus gradienty, wzorce, maski i efekty filtrów |
| Renderowanie w przeglądarce | Natywna obsługa we wszystkich nowoczesnych przeglądarkach (Chrome, Firefox, Edge, Safari) - wtyczka nie jest wymagana |
| Osadzanie w HTML | Może być używany bezpośrednio jako <svg>, wywoływany przez <img>, <object>, <embed> lub jako CSS background-image |
| Dostępność | Węzły tekstowe są czytelne dla maszyn; obsługuje elementy <title> i <desc> oraz atrybuty ARIA |
| Osadzanie rastrów | Zewnętrzne obrazy rastrowe (PNG, JPEG) mogą być osadzane za pomocą elementów <image> przy użyciu ścieżek plików lub danych URI |
| Identyfikacja pliku | Brak binarnych magicznych bajtów; identyfikowany przez element główny <svg, opcjonalnie poprzedzony deklaracją XML lub DOCTYPE |
| Wydano | 2001 (SVG 1.0 W3C Recommendation); SVG 1.1 (2011); SVG 2 in development |
| Otwarty standard | Tak · bezpłatny (royalty-free) |
| Specyfikacja | www.w3.org |
Konwersje SVG
Pytania i odpowiedzi społeczności
pytania użytkownikówBrak pytań - bądź pierwszą osobą, która zapyta o pliki SVG.
