Konwerter SVG na PNG

Jak przekonwertować SVG na PNG

1. Upuść jeden lub więcej plików SVG na pole albo kliknij je, aby je wybrać. Możesz też otworzyć Albo wklej kod SVG, wkleić kod i kliknąć Dodaj kod SVG.
2. Wybierz Rozmiar wyjściowy: - Współczynnik skali mnoży własny rozmiar pliku SVG (2 daje obraz dwa razy szerszy i dwa razy wyższy); - Szerokość (wysokość dopasuje się) lub Wysokość (szerokość dopasuje się) zachowuje proporcje; - Dokładna szerokość i wysokość wymusza oba wymiary; - Rozdzielczość (DPI) renderuje wymiary fizyczne, takie jak 2in czy 50mm, przy wybranym DPI.
3. Wybierz Format: PNG, JPG lub WebP. JPG i WebP mają też suwak Jakość.
4. W sekcji Tło zostaw Przezroczyste albo wybierz Kolor i ustaw Kolor tła.
5. Kliknij Konwertuj na obraz. Każdy plik dostaje wiersz z podglądem, nowym rozmiarem w pikselach i przyciskiem Pobierz. Pobierz wszystkie zapisuje pliki jeden po drugim; Pobierz ZIP umieszcza je w jednym archiwum.

Jak liczony jest rozmiar

SVG opisuje kształty, a nie piksele, więc można go narysować ostro w dowolnym rozmiarze. Jego „naturalny” rozmiar wynika z atrybutów width i height głównego elementu <svg>. Gdy ich brakuje, narzędzie korzysta z viewBox (na przykład viewBox="0 0 24 24" daje 24 × 24), tak jak robią to przeglądarki. Jeśli SVG nie ma ani jednego, ani drugiego, używany jest domyślny rozmiar przeglądarki, czyli 300 × 150.

Długości w jednostkach fizycznych są przeliczane według reguły CSS – 96 pikseli na cal: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Dlatego pole DPI (96 = oryginalny rozmiar) podaje 96: przy 300 DPI ikona zadeklarowana jako width="1in" ma 300 pikseli szerokości, czego oczekuje drukarnia.

Przy Dokładna szerokość i wysokość rysunek o innych proporcjach niż prostokąt docelowy jest wyśrodkowywany z pustymi pasami, zgodnie z własną regułą preserveAspectRatio pliku SVG; nigdy nie jest rozciągany, chyba że plik tego wymaga.

Przeglądarki nie potrafią utworzyć płótna większego niż około 16,7 mln pikseli (na przykład 4096 × 4096). Jeśli poprosisz o więcej, rozmiar zostanie zmniejszony do największego mieszczącego się obrazu, a komunikat poda ostateczny rozmiar.

PNG, JPG czy WebP?

• PNG jest bezstratny i zachowuje przezroczystość: najlepszy wybór do ikon, logo i diagramów.
• JPG nie obsługuje przezroczystości, więc przezroczyste obszary są wypełniane kolorem tła. Używaj go do dużych ilustracji, w których waga pliku jest ważniejsza niż ostre krawędzie.
• WebP zachowuje przezroczystość i zwykle jest mniejszy od PNG; wyświetla go każda aktualna przeglądarka.

Bezpieczeństwo i ograniczenia

Twój plik SVG nigdy nie jest wstawiany do strony. Jest rysowany jako zwykły obraz z prywatnego adresu blob – w tym trybie przeglądarki nie uruchamiają skryptów i niczego dodatkowo nie wczytują. W efekcie zewnętrzne odwołania nie są wczytywane: fonty z Google Fonts, obrazy podlinkowane adresem URL i zewnętrzne pliki CSS są ignorowane, więc tekst może pojawić się w domyślnej czcionce. Aby zachować dokładny wygląd, przed konwersją zamień tekst na krzywe w edytorze albo osadź obrazy jako data URI. Czcionki zainstalowane na twoim komputerze nadal mogą zostać użyte.

Nic nie jest przesyłane: renderowanie i kodowanie odbywają się w twojej przeglądarce.