Jak używać
- Wybierz plik .svg (do 5 MB) lub wklej kod SVG w polu.
- Wybierz współczynnik skali, np. 2× dla ekranów o wysokiej gęstości, albo podaj dokładną szerokość w pikselach.
- Pozostaw przezroczyste tło lub wybierz kolor.
- Sprawdź podgląd i pobierz PNG lub WebP, jeśli obsługuje go Twoja przeglądarka.
Jak to działa
SVG to format wektorowy: kształty są opisywane matematycznie, dzięki czemu można je wyświetlać ostro w dowolnym rozmiarze. PNG to siatka pikseli wymagana przez wiele aplikacji, dokumentów, klientów poczty i serwisów społecznościowych. To narzędzie renderuje SVG w przeglądarce, używając jej własnego mechanizmu, w wybranym rozmiarze, a następnie zapisuje obraz jako PNG.
Początkowy rozmiar jest określany na podstawie atrybutów width i height pliku SVG. Jednostki bezwzględne są przeliczane na piksele (1 in = 96 px, 1 pt = 1.33 px). Jeśli podano tylko jeden wymiar lub nie podano żadnego, proporcje i rozmiar są ustalane na podstawie viewBox; jeśli nie ma żadnego z tych elementów, przeglądarka używa rozmiaru 300 × 150. Wartości względnych, takich jak 100%, nie można określić dla samodzielnego pliku, dlatego używany jest viewBox.
SVG jest wczytywany jako obraz — to bezpieczny sposób renderowania niezaufanych plików: skrypty nie są uruchamiane, a zasoby zewnętrzne, takie jak podlinkowane obrazy, czcionki internetowe i pliki CSS, nie są pobierane. Tekst wymagający czcionki, której nie masz zainstalowanej, zostanie wyświetlony przy użyciu czcionki zastępczej. Najpierw sprawdzana jest składnia XML, więc błąd w kodzie powoduje wyświetlenie czytelnego komunikatu zamiast pustego obrazu.
Przykłady
Ikona aplikacji z logo SVG
Logo z viewBox="0 0 64 64" wyeksportowane z szerokością 1024 daje obraz PNG o wymiarach 1024 × 1024 z ostrymi krawędziami, gotowy do sklepu z aplikacjami lub generatora favicon.
Obraz Retina na stronę internetową
Ilustracja o wymiarach 400 × 300 przy skali 1× wyeksportowana ze skalą 2 daje obraz PNG o wymiarach 800 × 600, który pozostaje ostry na ekranach o wysokiej gęstości pikseli.
Slajd lub dokument
Wyeksportowanie wykresu SVG ze skalą 3 i białym tłem tworzy obraz PNG, który można wkleić do programu do prezentacji nieobsługującego SVG.
Często zadawane pytania
Dlaczego tekst jest wyświetlany inną czcionką?
Czcionki podlinkowane z internetu nie są wczytywane, gdy SVG jest renderowany jako obraz. Używane są pasujące czcionki zainstalowane na urządzeniu. Aby mieć pewność, zamień tekst na krzywe w programie graficznym albo osadź czcionkę w SVG jako data URL.
Dlaczego podlinkowane obrazy się nie wyświetlają?
Obrazy wskazane w SVG przez URL są blokowane ze względów bezpieczeństwa podczas renderowania SVG jako obrazu. Obrazy osadzone (adresy data:) działają.
Jaki jest maksymalny rozmiar obrazu wynikowego?
Maksymalnie 16 384 px na bok i 50 megapikseli łącznie. Eksport bardzo dużych, złożonych plików SVG może potrwać kilka sekund i może się nie powieść na telefonach z małą ilością pamięci.
Czy konwersja SVG z nieznanego źródła jest bezpieczna?
Renderowanie tutaj jest bezpieczne: SVG wyświetlany jako obraz nie może uruchamiać skryptów ani wczytywać zasobów zewnętrznych. Przekonwertowany PNG zawiera wyłącznie piksele.
Prywatność
Plik SVG jest przetwarzany i renderowany w Twojej przeglądarce. Nie jest przesyłany na serwer, przechowywany ani uwzględniany w statystykach.