Podglądarka SVG
Wklej surowy kod SVG i od razu zobacz wyrenderowany wynik.
Podgląd wyłącza skrypty i zewnętrzne odwołania, ale nadal pozwala sprawdzić viewBox i szczegóły rozmiaru.
Podgląd SVG: wklej surowy kod i sprawdź wynik natychmiast
Sprawdzenie viewBox i rozmiaru: przejrzyj przezroczystość i potencjalnie niebezpieczne treści
Jak korzystać
- Wklej kod SVG lub wczytaj plik `.svg`.
- Przełącz tło i poziom powiększenia, aby sprawdzić renderowanie.
- Sprawdź viewBox, szczegóły rozmiaru i ostrzeżenia, a potem w razie potrzeby zapisz SVG.
Przykład
Prosty ikoniczny SVG
Dane wejściowe
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
Wynik
Renderowana jest niebieska okrągła ikona, a viewBox jest pokazany jako `0 0 120 120` w panelu informacji.
FAQ
Czy mój SVG jest gdzieś wysyłany?
Nie. Wklejony SVG i wczytane pliki pozostają w Twojej przeglądarce i nie są wysyłane na serwer.
Co się dzieje z SVG zawierającymi script lub foreignObject?
Bezpieczny podgląd usuwa te elementy przed renderowaniem i pokazuje ostrzeżenie w panelu informacji.
Czy SVG z zewnętrznymi obrazami lub czcionkami będzie wyglądać dokładnie tak samo?
Nie zawsze. Zewnętrzne odwołania są wyłączone, więc wygląd może różnić się od oryginalnego środowiska. To narzędzie stawia na bezpieczną lokalną inspekcję.
Dlaczego mój SVG się nie renderuje?
Najczęstsze przyczyny to nieprawidłowy XML, złe wartości atrybutów albo element główny inny niż `svg`. Sprawdź komunikat błędu pokazany przez narzędzie.
Dlaczego miałbym przełączyć tło?
Przezroczyste obszary i jasne ikony mogą wyglądać bardzo różnie w zależności od tła, więc narzędzie pozwala szybko testować tło szachownicy, białe i ciemne.
Uwagi
- Ze względów bezpieczeństwa zewnętrzne odwołania URL i niebezpieczne elementy są wyłączane przed renderowaniem.
- SVG zależne od zewnętrznych czcionek lub obrazów mogą nie wyglądać tak samo jak w oryginalnym środowisku.
- Bardzo duże pliki SVG automatycznie przechodzą poza tryb podglądu na żywo i proszą o ręczne renderowanie.