Drop SVG files here, or click to choose
Akceptuje SVG, SVGZ · Możesz też wkleić przez Ctrl+V / ⌘V
Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.
Otwieraj pliki SVG albo wklejony kod i oglądaj je bezpiecznie: powiększaj, przesuwaj, zmieniaj tło i odczytuj wyrenderowany rozmiar, szerokość, wysokość, viewBox oraz liczbę elementów. Edytuj źródło z podglądem na żywo; skrypty w pliku nigdy się nie uruchamiają.
Upuść pliki SVG albo SVGZ na stronę albo wklej kod do pola i kliknij Dodaj SVG. Ctrl+V w dowolnym miejscu strony też działa.
Przełączaj tło między Szachownicą, Białym i Czarnym i powiększaj przyciskami, Ctrl/⌘ + przewijaniem albo klawiszami + − 0 1; przeciągaj, aby przesuwać, i kliknij dwukrotnie, aby dopasować.
Odczytaj panel Szczegóły: Wyrenderowany rozmiar, szerokość, wysokość, viewBox, Rozmiar pliku i Elementy. Najedź na rysunek, aby zobaczyć współrzędne w jednostkach SVG.
Edytuj kod w Źródle. Podgląd aktualizuje się w trakcie pisania, a błędy składni podają wiersz i kolumnę.
W Eksporcie kliknij Pobierz SVG albo Kopiuj data URI.
Tak. SVG jest pokazywany tylko jako obraz, więc skrypty i procedury zdarzeń w nim nigdy się nie uruchamiają, a pliki, do których odsyła w sieci (obrazy, czcionki, arkusze stylów), nie są wczytywane. Nic nie jest przesyłane.
Prawdopodobnie brakuje deklaracji xmlns. Podgląd dodaje ją automatycznie i pokazuje notatkę; kliknij Dodaj to do kodu, aby poprawić źródło, a potem je pobierz.
SVG nie ma ani szerokości i wysokości, ani viewBox, więc obowiązuje domyślna przeglądarki. Gdy brakuje tylko szerokości i wysokości, rozmiar pochodzi z viewBox.
Ciąg data:image/svg+xml zakodowany w URL, który możesz wkleić w CSS background-image albo w src znacznika img. Dla wersji Base64 albo mniejszego pliku przepuść go przez Optymalizator SVG.
Tak. Pliki SVGZ skompresowane Gzipem są rozpakowywane w przeglądarce, a Pobierz SVG zapisuje kod jako zwykły plik .svg.
