Pliki SVG: czym są oraz jak je otwierać, tworzyć i konwertować
Plik SVG opisuje grafikę wektorową za pomocą XML. Zawiera ścieżki, kształty, wypełnienia i obrysy zamiast stałej siatki pikseli, dlatego logo, ikony, wykresy i ilustracje pozostają ostre w każdym rozmiarze.
Czym jest SVG
SVG to skrót od Scalable Vector Graphics i otwarty standard W3C. PNG przechowuje piksele, a SVG instrukcje rysowania. viewBox określa wewnętrzny układ współrzędnych, a width i height domyślny rozmiar.
Kiedy używać SVG
Format sprawdza się dla logo, ikon interfejsu, map, diagramów, rysunków liniowych i animacji. Zdjęcia i tekstury lepiej zapisać jako PNG lub JPG. Złożona wektoryzacja może dać większy plik niż zoptymalizowany raster.
Jak otworzyć plik SVG
Przeciągnij plik do Chrome, Firefox, Safari lub Edge. Do sprawdzenia powiększenia, przycięcia i viewBox użyj SVG Viewer. Inkscape, Illustrator i Figma służą do edycji, a edytor kodu pokazuje XML.
Jak utworzyć SVG
Możesz wyeksportować grafikę z programu wektorowego albo zapisać proste kształty ręcznie:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 80" role="img" aria-labelledby="title">
<title id="title">Blue circle and orange square</title>
<circle cx="35" cy="40" r="24" fill="#2563eb" />
<rect x="68" y="18" width="36" height="44" rx="6" fill="#f97316" />
</svg>
Przestrzeń nazw jest wymagana w samodzielnym pliku. Dodaj title, jeśli grafika przekazuje informacje.
Edycja i konwersja
Węzły i krzywe edytuj w programie wektorowym; kolory, viewBox i ścieżki możesz zmienić bezpośrednio w XML. Sprawdź wynik w SVG Editor i SVG Viewer. Pliki z zewnętrznych źródeł oczyść przez SVG Sanitizer.
- SVG to PNG do przezroczystych obrazów rastrowych.
- SVG to JPG do podglądów bez przezroczystości.
- SVG to PDF do recenzji i druku.
- SVG to Data URI do CSS lub HTML.
Kontrola przed publikacją
Sprawdź renderowanie, viewBox, proporcje, przycięcie i kontrast. Usuń zbędne metadane, oczyść niezaufane pliki i skompresuj wynik przez SVG Optimizer. Źródło do edycji przechowuj osobno.
FAQ
Czy SVG jest lepszy od PNG?
SVG pasuje do skalowalnych kształtów, a PNG do zdjęć, tekstur i stałych rozmiarów pikseli.
Czy można otworzyć SVG bez programu graficznego?
Tak. Wystarczy przeglądarka lub SVG Viewer.
Czy PNG można zamienić na SVG?
Tracing tworzy przybliżenie złożone ze ścieżek. Najlepiej działa dla prostych rysunków.
Dlaczego SVG jest pusty?
Sprawdź viewBox, przycięcie, tło, filtry i składnię XML.
Czy SVG jest bezpieczny?
Traktuj przesłane pliki jak niezaufany XML i oczyść je przed osadzeniem.
Workflow SVGView
Podejrzyj plik w SVG Viewer, edytuj w SVG Editor, oczyść przez SVG Sanitizer, zoptymalizuj w SVG Optimizer, a następnie konwertuj tylko wtedy, gdy wymaga tego miejsce docelowe.