Otwórz plik SVG, wklej kod SVG lub wczytaj przykład, aby zobaczyć go tutaj.
Otwórz plik SVG, aby sprawdzić jego elementy.
Ten SVG viewer online wyświetla pliki SVG w bezpiecznym podglądzie: można je powiększać, sprawdzić rozmiar i viewBox oraz przejrzeć każdy element. Wystarczy otworzyć plik .svg albo wkleić kod SVG – nic nie trafia na serwer.
Ostatnia aktualizacja:
Jak to działa
Otwórz lub wklej SVG
Plik .svg lub .svgz można upuścić na panel kodu, otworzyć przyciskiem „Otwórz plik” albo wkleić sam kod.
Powiększ i sprawdź szczegóły
Kółko myszy lub rozsunięcie palców powiększa, przeciąganie przesuwa, a „Dopasuj” pokazuje całość. Kliknięty element wyświetla swoje atrybuty.
Edytuj, oczyść lub przekonwertuj
Zmiany w kodzie od razu widać na podglądzie. „Optymalizuj (SVGO)” odchudza plik, „Pobierz czysty SVG” zapisuje bezpieczną kopię, a „→ PNG” przenosi rysunek do konwertera SVG na PNG.
Funkcje
Bezpieczny podgląd
Przed wyświetleniem usuwane są skrypty, procedury obsługi zdarzeń, foreignObject, linki javascript: i odwołania zewnętrzne, więc złośliwy plik SVG nie uruchomi żadnego kodu.
Ostry obraz przy każdym powiększeniu
Rysunek jest renderowany jako wektor na nowo przy każdej skali – od 1% do 6400%.
Tło i siatka
Przezroczystość widać na szachownicy; tło może też być białe, czarne lub w dowolnym kolorze. Siatka pomaga wyrównywać ikony.
Rozmiar i viewBox od razu
Pasek stanu pokazuje szerokość, wysokość, viewBox, rozmiar pliku oraz liczbę elementów i ścieżek.
Inspektor elementów
Drzewo elementów pozwala podświetlić kształt na podglądzie i odczytać jego atrybuty.
Panel kodu na żywo
Kod jest kolorowany i edytowalny, a podgląd nadąża za zmianami. SVGO działa w tle.
Limity i prywatność
Podgląd wektorowy, edycja kodu i inspektor elementów działają dla plików do 5 MB. Pliki od 5 MB do 50 MB (duże mapy, wykresy) są wyświetlane jako obraz: powiększenie i wybór tła działają, a panel kodu i inspektor są wyłączone. Powyżej 2 MB wyłączane jest podświetlanie składni.
Tekst jest rysowany czcionkami zainstalowanymi na urządzeniu. Zewnętrzne obrazy, arkusze stylów i czcionki nigdy nie są pobierane, więc podgląd może się różnić od przeglądarki, która je wczytuje. Do zapisu w PNG służy konwerter SVG na PNG. Więcej na stronie o prywatności.
Najczęstsze pytania
Jak otworzyć plik SVG online?
Wystarczy kliknąć „Otwórz plik” albo przeciągnąć plik .svg lub .svgz na stronę. Podgląd pojawia się od razu, a plik nie jest wysyłany na serwer.
Czy oprócz obrazu można zobaczyć kod SVG?
Tak. Panel kodu pokazuje kolorowany kod obok podglądu, a każda zmiana w kodzie natychmiast aktualizuje rysunek.
Czym otworzyć SVG w Windows 10, Windows 11 lub na Macu bez instalowania programu?
Choćby tą stroną: działa w Chrome, Edge, Firefoksie i Safari na Windows, macOS i Linuksie, bez aplikacji i rozszerzeń.
Jak otworzyć plik SVG na telefonie z Androidem lub na iPhonie?
Wystarczy otworzyć tę stronę w przeglądarce telefonu i dotknąć „Otwórz plik”. Rozsuwanie palców powiększa rysunek, a przeciąganie go przesuwa.
Czy bezpiecznie jest otworzyć SVG z nieznanego źródła?
Plik SVG może zawierać skrypty. Tutaj przed wyświetleniem są usuwane razem z procedurami obsługi zdarzeń i linkami zewnętrznymi, a oczyszczoną kopię można pobrać.
Dlaczego obrazy lub czcionki w moim SVG się nie wyświetlają?
Odwołania do innych serwerów i do plików leżących obok są blokowane ze względu na prywatność i bezpieczeństwo. Obrazy i czcionki trzeba osadzić w pliku jako adresy data:.
Jak zamienić SVG na PNG?
Przycisk „→ PNG” otwiera plik w narzędziu SVG na PNG, gdzie można wybrać skalę, tło i format.