Jak otworzyć plik SVG: komputer, telefon i przeglądarka

1. Cztery sposoby otwarcia pliku SVG na komputerze

• Przeglądarka (najłatwiej): przeciągnij plik SVG do okna Chrome, Edge, Firefox lub Safari, a zostanie wyświetlony; możesz też kliknąć plik prawym przyciskiem, wybrać „Otwórz za pomocą” i wskazać przeglądarkę;
• Ustawienie aplikacji domyślnej: jeśli często pracujesz z SVG, powiąż pliki .svg z przeglądarką lub programem do projektowania, aby dwuklik otwierał je od razu;
• Program do projektowania: Illustrator, Figma i darmowy Inkscape otwierają oraz edytują SVG — sprawdzi się przy głębszej pracy;
• Edytor kodu: SVG to w istocie tekst XML, więc otwarcie go w VS Code pozwala podejrzeć i zmodyfikować źródło, co znacznie ułatwia diagnozowanie problemów.

Ustawienie aplikacji domyślnej: w Windowsie kliknij plik SVG prawym przyciskiem, wybierz „Otwórz za pomocą → Wybierz inną aplikację” i zaznacz „Zawsze używaj tej aplikacji”; w systemie macOS kliknij prawym przyciskiem i wybierz „Informacje”, wskaż przeglądarkę w polu „Otwórz za pomocą” i kliknij „Zmień wszystko”, aby od teraz dwuklik pokazywał podgląd pliku.

2. Jak otworzyć plik SVG na telefonie

Android: niektóre menedżery plików nie wyświetlają SVG — przytrzymaj plik, wybierz „Otwórz za pomocą” i wskaż przeglądarkę. iPhone: zapisz SVG w aplikacji Pliki, gdzie nowsze systemy pokażą podgląd bezpośrednio; jeśli nie, udostępnij plik i otwórz go w Safari. Pliki SVG otrzymane w WeChat lub QQ przychodzą jako zwykłe pliki — wybór „Otwórz za pomocą” przeglądarki wyświetli je poprawnie.

Ogólnie przeglądarka mobilna jest najpewniejszą przeglądarką SVG — nie trzeba instalować dodatkowej aplikacji. Tablety działają tak samo: otwórz plik w wbudowanej przeglądarce, bez dedykowanej przeglądarki plików.

3. Co jeśli po dwukliku widać kod albo puste okno?

Widok ściany kodu: plik jest powiązany z Notatnikiem lub innym edytorem tekstu. SVG to tekst, więc to normalne — otwórz go w przeglądarce, a zobaczysz grafikę. Puste okno: najpierw sprawdź, czy plik nie jest uszkodzony. Otwórz go w edytorze kodu: poprawny SVG zaczyna się znacznikiem <svg> albo deklaracją <?xml. Jeśli zamiast tego widzisz <html>, prawdopodobnie zapisałeś stronę błędu jako .svg podczas pobierania — pobierz plik ponownie. Ponadto jeśli plik odwołuje się do zewnętrznych obrazów lub czcionek, brakujące zasoby sprawią, że grafika będzie niekompletna.

Kolejna uwaga: SVG to format tekstowy, który może zawierać skrypty, więc nie otwieraj plików z nieznanych źródeł od razu w przeglądarce. Najpierw sprawdź je w edytorze kodu, upewnij się, że plik zaczyna się znacznikiem svg i nie zawiera podejrzanych skryptów, a dopiero potem wyświetl podgląd.

4. Chcesz coś zmienić po otwarciu? Skorzystaj z edytora online

aby przekolorować logo, usunąć tło albo skasować kilka elementów, nie potrzebujesz ciężkiej aplikacji. Otwórz edytor SVG online PolySVG (bezpośredni link: /editor), wgraj plik, a będziesz mógł klikać ścieżki, aby je usuwać, usuwać tło jednym kliknięciem, zmieniać kolory, malować pędzlem, kasować gumką, cofać i ponawiać w każdej chwili, a następnie wyeksportować SVG lub PNG. Bez opłat, bez instalacji i bez rejestracji.

5. Chcesz tylko obejrzeć? Najprościej przekonwertować do PNG

Jeśli urządzenie rozmówcy nie otwiera SVG, najprostszym rozwiązaniem jest konwersja do PNG: wyeksportuj PNG w edytorze albo zrób zrzut ekranu w przeglądarce. Aby zrozumieć sam format SVG, przeczytaj Czym jest SVG; jeśli masz bitmapę, którą chcesz zamienić w SVG, zrobi to narzędzie Obraz na SVG w kilku krokach.

Jeśli jesteś programistą, możesz też osadzić SVG bezpośrednio w HTML albo wskazać go znacznikiem img, a przeglądarka narysuje go natychmiast — to najczęstszy sposób oglądania SVG w sieci.