Przejdź do treści

Konwertuj SVG na PNG i PNG na SVG

Zamień plik SVG na ostry obraz PNG w dowolnym rozmiarze albo przekształć plik PNG lub JPG w wektor SVG – konwersja odbywa się w przeglądarce.

Upuść pliki SVGlub kliknij, aby wybrać · wklej kod SVG skrótem Ctrl+V
Wybierz SVGPrzetwarzane na urządzeniu – pliki nie opuszczają urządzenia
Działa w przeglądarce · bez przesyłania na serwerJak to działa

Jak korzystać: Konwerter SVG ↔ PNG

  1. 1

    Wczytaj SVG

    Upuść jeden lub kilka plików .svg, wklej kod SVG w dowolnym miejscu strony albo wpisz go w polu kodu i kliknij Renderuj SVG.

  2. 2

    Wybierz rozmiar wyniku

    Wybierz 1×, 2×, 4× lub 8× oryginalnego rozmiaru SVG albo wpisz dokładną szerokość do 16 384 pikseli; wysokość dopasuje się sama.

  3. 3

    Wybierz format i tło

    PNG zachowuje przezroczyste tło; JPG i WebP mają suwak jakości, a każdy format możesz wypełnić dowolnym kolorem.

  4. 4

    Pobierz

    Zapisz plik PNG z nazwą zawierającą nazwę pliku i rozmiar, np. logo-512x512.png, albo wszystkie pliki naraz jako svg-to-png.zip.

Limity i Pro

SVG na PNG: dowolna liczba plików SVG, każdy eksportowany do 16 384 px na bok i 120 megapikseli. PNG na SVG: jeden obraz do 25 MB naraz.

Pro podnosi limit wejściowy dla PNG na SVG do plików o rozmiarze do 4 GB. Zobacz Pro

O narzędziu: Konwerter SVG ↔ PNG

SVG na PNG zamienia grafikę wektorową w zwykły obraz złożony z pikseli. Wbudowany w przeglądarkę silnik SVG rysuje plik od razu w żądanym rozmiarze, więc ośmiokrotny eksport ikony o szerokości 64 pikseli daje ostry obraz o szerokości 512 pikseli, a nie powiększony i rozmyty. Rozmiar wyniku wynika z atrybutów width i height pliku SVG (jednostki takie jak mm, pt czy in są przeliczane przy 96 pikselach na cal) albo z viewBox, gdy rozmiaru nie podano. PNG zachowuje pełną przezroczystość kanału alfa i jest bezstratnie optymalizowany przez OxiPNG; JPG nie obsługuje przezroczystości, więc tło jest wypełniane na biało, chyba że wybierzesz inny kolor. Podgląd odświeża się po każdej zmianie ustawień, więc przed pobraniem widzisz dokładny wynik.

PNG przydaje się wszędzie tam, gdzie SVG nie jest akceptowany: w mediach społecznościowych i komunikatorach, w starszych wersjach Worda i PowerPointa, w podpisach e-mail, w sklepach z aplikacjami i w wielu kreatorach stron. Eksport w 2× lub 4× daje też ostre obrazy na ekranach telefonów o dużej gęstości pikseli.

Ponieważ SVG jest renderowany jako samodzielny obraz, nie może niczego pobierać z internetu: obrazy podlinkowane i czcionki internetowe wskazane przez URL się nie wczytają, a tekst zostanie wyświetlony czcionką zainstalowaną na urządzeniu. Przed eksportem osadź czcionki i obrazy jako data URI albo zamień tekst na krzywe. Skrypty i animacje nie działają, więc dostajesz pojedynczą klatkę. Karta PNG na SVG robi coś odwrotnego: zamienia obraz w ścieżki wektorowe.

Prywatność

Renderowanie odbywa się w wbudowanym silniku SVG przeglądarki, a obraz jest kodowany przez kodeki jSquash WebAssembly w Web Workerze w tej karcie, wczytywane z tej witryny dopiero po dodaniu pliku. Kod SVG i wyeksportowane obrazy zostają na urządzeniu; nic nie jest przesyłane na serwer, a sam renderer nie może wysyłać żadnych zapytań sieciowych w imieniu pliku SVG.

Funkcje

Ostre w każdym rozmiarze

Wektory są renderowane od nowa w docelowej rozdzielczości – eksportuj w 1×, 2×, 4×, 8× lub w dokładnej szerokości w pikselach.

Przezroczyste tło

PNG i WebP zachowują przezroczystość, a tło możesz też wypełnić dowolnym kolorem.

Wklej kod SVG

Wklej kod prosto z edytora lub programu graficznego – plik nie jest potrzebny.

Eksport wsadowy

Przekonwertuj cały zestaw ikon z tymi samymi ustawieniami i pobierz archiwum ZIP.

Także PNG na SVG

Przełącz kartę, aby zamienić logo PNG lub JPG w czyste ścieżki wektorowe.

Konwerter SVG ↔ PNG: najczęstsze pytania

Jak przekonwertować SVG na PNG z przezroczystym tłem?
Zostaw format PNG i tło ustawione na przezroczyste, bo to ustawienia domyślne, a potem pobierz plik. Każdy obszar, którego SVG nie zamalowuje, pozostaje w PNG w pełni przezroczysty, a półprzezroczyste wypełnienia i miękkie krawędzie zachowują wartości alfa. JPG nie przechowuje przezroczystości, więc w tym formacie puste miejsca są wypełniane bielą lub kolorem wybranym w polu Tło.
W jakim rozmiarze eksportować SVG?
Na stronę internetową eksportuj w 2× rozmiaru wyświetlania, np. 600 pikseli szerokości dla miejsca 300 pikseli, żeby obraz był ostry na ekranach o dużej gęstości. Ikony aplikacji i sklepy zwykle wymagają kwadratu 512 lub 1024 pikseli. Do druku pomnóż szerokość w calach przez 300. Wektor jest rysowany od nowa w każdym rozmiarze, więc większy eksport nigdy nie jest rozmyty, tylko większy.
Dlaczego czcionki lub obrazy w moim SVG wyglądają źle?
SVG rysowany jako obraz nie może niczego pobierać, więc czcionki podlinkowane z Google Fonts lub innego serwera oraz obrazy wskazane przez URL nie są dostępne; tekst zostaje wyświetlony czcionką zainstalowaną na urządzeniu. Otwórz plik w programie graficznym i zamień tekst na krzywe albo osadź czcionki i obrazy jako dane base64, potem wyeksportuj SVG ponownie i wyrenderuj go tutaj.
Czy mogę przekonwertować kilka plików SVG naraz?
Tak. Upuść dowolną liczbę plików SVG; pojawią się na liście, a zaznaczony zobaczysz w podglądzie. Ustawienia rozmiaru, formatu i tła dotyczą wszystkich plików, więc cały zestaw ikon wyeksportujesz w 4× za jednym razem. Przycisk pobierania utworzy wtedy plik svg-to-png.zip, w którym każdy PNG ma nazwę pliku źródłowego i końcowy rozmiar w pikselach.
Dlaczego PNG ma inny rozmiar, niż się spodziewałem?
Rozmiar bazowy wynika z atrybutów width i height pliku SVG, przeliczonych na piksele przy 96 na cal, a skala go mnoży. Jeśli SVG ma tylko viewBox, jego liczby są traktowane jak piksele; gdy nie ma żadnego z nich, przeglądarki przyjmują 300 × 150. Aby uzyskać dokładny wynik niezależnie od pliku, wybierz opcję px i wpisz potrzebną szerokość; wysokość zachowa proporcje.

Inne zadania z tym narzędziem