Konwersja SVG na PNG

Ten darmowy konwerter renderuje logo, ikony i wykresy SVG jako obrazy PNG w rozmiarze samego pliku SVG, dwa lub cztery razy większym albo w dokładnej szerokości, z zachowaniem przezroczystego tła. Twoja przeglądarka rysuje SVG i tworzy PNG, więc plik nie jest wysyłany na serwer. Czcionki i obrazy dołączane z innych plików się nie wczytują, a białe tło nie jest dodawane.

Przeciągnij tutaj pliki SVG lub kliknij, aby wybrać

Plik nie przekonwertował się poprawnie? Napisz na [email protected], najlepiej z małym przykładowym plikiem, a błąd zostanie naprawiony.

Najważniejsze informacje

Wejście: SVG (.svg). Wyjście: PNG (.png).
Pliki nie są wysyłane: praca odbywa się w przeglądarce, na Twoim urządzeniu.
Rozmiar obrazu: do 16 384 pikseli na bok (na iPhonie i iPadzie ok. 16 megapikseli).
Wymaga aktualnej przeglądarki (Chrome, Edge, Firefox lub Safari) na komputerze, tablecie lub telefonie; nic nie trzeba instalować.
Bezpłatnie i bez rejestracji.

Po co konwertować SVG na PNG

Plik SVG to zestaw instrukcji rysowania, więc można go wyrenderować ostro w dowolnym rozmiarze, ale wiele miejsc przyjmuje tylko piksele: prezentacje, edytory tekstu, media społecznościowe, sklepy z aplikacjami, stopki e-mail i większość formularzy przesyłania. Konwersja na PNG oznacza decyzję, ile pikseli potrzebujesz, i to jest tutaj jedyne ustawienie: rozmiar z samego pliku SVG, dwa lub cztery razy większy albo dokładna szerokość. Rysunek jest renderowany od nowa w tym rozmiarze, a nie powiększany z małego obrazka, więc krawędzie pozostają ostre, a przezroczyste tło zostaje przezroczyste. Obsługiwane są też pliki SVG, które mają tylko viewBox, bez szerokości i wysokości. Twoja przeglądarka rysuje SVG i zapisuje PNG, więc pliki nigdy nie opuszczają Twojego urządzenia. Czcionki i obrazy dołączane z innych plików nie mogą się w tym trybie wczytać, a lista ostrzega, gdy SVG z nich korzysta.

Jak przekonwertować SVG na PNG

Przeciągnij pliki .svg do pola albo kliknij, aby je wybrać.
Wybierz rozmiar PNG, domyślnie 2×, albo wpisz szerokość w pikselach. Lista pokazuje wynikowy rozmiar każdego PNG.
Kliknij „Konwertuj na PNG” i pobierz plik PNG albo zip ze wszystkimi plikami.

Warto wiedzieć

Liczą się piksele, nie DPI

PNG ma szerokość i wysokość w pikselach; wartość DPI to tylko zapisana w pliku wskazówka, jak duży ma być wydruk. O ostrości decyduje liczba pikseli. Dla logo drukowanego na szerokość 5 cm przy 300 pikselach na cal potrzebujesz około 590 pikseli szerokości, więc wybierz tę szerokość, zamiast szukać ustawienia DPI. Na ekranach dwukrotność własnego rozmiaru SVG wygląda ostro na wyświetlaczach o wysokiej rozdzielczości.

SVG bez szerokości i wysokości

Wiele ikon i wyeksportowanych grafik ma tylko viewBox, na przykład viewBox="0 0 24 24". Przeglądarki same wybrałyby wtedy 300 × 150 pikseli; konwerter zamiast tego używa viewBox jako rozmiaru bazowego, czyli 24 × 24 przy 1× i 48 × 48 przy 2×. Rozmiary w calach, milimetrach lub punktach są przeliczane przy 96 pikselach na cal, zgodnie ze standardem CSS.

Dołączane czcionki i obrazy się nie wczytują

Gdy przeglądarka rysuje SVG jako obraz, ze względów bezpieczeństwa nie pobiera niczego spoza pliku. Tekst złożony czcionką webową jest zastępowany czcionką zainstalowaną na Twoim urządzeniu, a obrazy dołączane przez adres są pomijane. Czcionki i obrazy osadzone w SVG jako dane działają. Jeśli tekst musi wyglądać dokładnie tak samo, przed eksportem zamień go na krzywe w swoim programie graficznym.

Tło pozostaje przezroczyste

Obszary, których SVG nie zamalowuje, są w PNG przezroczyste. Tego właśnie chcesz dla logo na kolorowych slajdach, ale białe tło nie jest dodawane; niektóre przeglądarki obrazów pokazują przezroczystość jako czerń lub szachownicę.

Bardzo duże rozmiary

Element canvas w przeglądarce ma ograniczony rozmiar; ta strona pozwala na maksymalnie 16 384 piksele na bok. Telefony i tablety mogą zawieść wcześniej, więc pliki PNG w rozmiarze plakatu renderuj na komputerze.

O formatach plików

SVG

SVG (Scalable Vector Graphics) to oparty na XML format rysunków wektorowych organizacji W3C, będący jej rekomendacją od 2001 roku. Zamiast pikseli przechowuje kształty, ścieżki, tekst i gradienty jako instrukcje, więc SVG pozostaje ostry w każdym rozmiarze. Logo, ikony, wykresy i ilustracje eksportowane z Figmy, Illustratora czy Inkscape'a to często pliki SVG.

Zwykły plik tekstowy, który można otworzyć i edytować w dowolnym edytorze tekstu.
Nie ma stałego rozmiaru w pikselach: width, height i viewBox określają tylko, jak duży jest domyślnie rysowany.
Może linkować czcionki i obrazy z innych plików lub stron, które wtedy też muszą być dostępne.
Otwiera się w każdej przeglądarce, ale wiele programów biurowych, serwisów społecznościowych i formularzy przesyłania przyjmuje tylko PNG lub JPG.

PNG

PNG (Portable Network Graphics) to bezstratny format obrazów z 1996 roku i typowy format zrzutów ekranu, logo, diagramów i obrazów z przezroczystością. Każdy piksel jest zapisywany dokładnie, więc tekst i ostre krawędzie pozostają wyraźne.

Bezstratny: ponowny zapis nigdy nie obniża jakości.
Obsługuje pełną przezroczystość (kanał alfa).
Zdjęcie zapisane jako PNG jest zwykle kilka razy większe niż jako JPG.

Najczęściej zadawane pytania

Czy moje pliki SVG są wysyłane na serwer?

Nie. Twoja przeglądarka renderuje SVG i tworzy PNG na Twoim urządzeniu.

Jaki rozmiar powinien mieć mój PNG?

Na stronę internetową lub slajd dwukrotność rozmiaru, w jakim będzie wyświetlany. Do druku pomnóż drukowaną szerokość w calach przez 300. Ikony aplikacji i favikony mają zwykle stałe rozmiary podane przez daną platformę.

Dlaczego tekst w moim PNG wygląda inaczej?

SVG prawdopodobnie używa czcionki webowej, która jest dołączana, a nie osadzona, i przeglądarka zastępuje ją inną czcionką. Zamień tekst na ścieżki w Illustratorze, Inkscape lub Figmie albo osadź czcionkę i przekonwertuj plik ponownie.

Czy mogę uzyskać białe tło zamiast przezroczystego?

Nie za pomocą ustawienia na tej stronie. Dodaj biały prostokąt jako pierwszy element SVG albo umieść PNG na białym tle w edytorze grafiki.

Czy PNG nadal jest grafiką wektorową?

Nie. PNG składa się z pikseli w wybranym rozmiarze. Zachowaj SVG jako oryginał i twórz nowy PNG za każdym razem, gdy potrzebujesz innego rozmiaru.