Konwertuj SVG na PNG natychmiast i za darmo. Ciesz się 100% prywatnością: Twoje pliki są przetwarzane lokalnie i nigdy nie opuszczają Twojego urządzenia. Przenieś swoje projekty na wyższy poziom dzięki pięciu niestandardowym mnożnikom konwersji (1x, 2x, 3x, 4x i 8x), zaprojektowanym w celu rozszerzania, optymalizacji i zwiększania ostrości każdego obrazu zgodnie z Twoimi dokładnymi wymaganiami.
Przeciągnij i upuść swój plik SVG tutaj lub przeglądaj
Obsługuje czysty wektorowy kod SVG (skalowalna grafika wektorowa)
Dobra eksportowana grafika zaczyna się od określenia miejsca jej użycia. Ten przewodnik wyjaśnia, jak wybrać skalę, przygotować plik SVG i sprawdzić wynikowy PNG przed użyciem.
Przed konwersją sprawdź wymiary w pikselach wymagane przez stronę internetową, dokument lub aplikację. Narzędzie skaluje wyrenderowane wymiary SVG za pomocą wybranego mnożnika; nie udostępnia pól własnej szerokości i wysokości. Jeśli platforma wymaga szerokości 1200 pikseli, porównaj ten cel z wyświetlaną szerokością SVG i wybierz mnożnik, który daje zbliżony wynik bez tworzenia zbyt dużego pliku.
Dostępne opcje to 1x, 2x, 3x, 4x i 8x. Mnożnik wpływa zarówno na szerokość, jak i wysokość: obraz źródłowy 200 × 100 wyrenderowany przy 2x staje się obrazem 400 × 200 pikseli. Liczba pikseli rośnie z kwadratem mnożnika, więc opcja 8x generuje 64 razy więcej pikseli niż 1x. Większy rozmiar zużywa znacznie więcej pamięci i może nie wyglądać lepiej, jeśli ekran docelowy tego nie wymaga.
Dla standardowych grafik interfejsu opcja 1x lub 2x jest praktycznym punktem wyjścia; 2x pomaga na ekranach o wysokiej gęstości pikseli. Wybierz 3x lub 4x tylko wtedy, gdy projekt wymaga dodatkowych wymiarów pikselowych. Używaj 8x selektywnie, ponieważ bardzo duże płótna mogą wymagać dłuższego czasu renderowania lub przekroczyć limity przeglądarki.
Wybierz przezroczyste tło, gdy plik PNG ma być umieszczony na kolorowej stronie, w prezentacji lub na innym obrazie. Wybierz białe tło, gdy miejsce docelowe wymaga białego prostokąta lub jednolite tło ułatwia inspekcję grafiki. Format PNG obsługuje przezroczystość, ale aplikacja docelowa może wyświetlać przezroczyste piksele na wzorze szachownicy.
Otwórz plik źródłowy w edytorze wektorowym i sprawdź, czy posiada prawidłowy viewBox oraz widoczną grafikę. Zamień czcionki na krzywe lub osadź je, jeśli projekt musi wyglądać identycznie na urządzeniach bez tych czcionek. Utrzymuj dostępność połączonych obrazów i zasobów zewnętrznych.
Wybierz plik SVG, określ skalę oraz tło, a następnie wykonaj konwersję. Upewnij się, że cały rysunek jest widoczny, tekst i cienkie linie pozostają czytelne, a podgląd ma oczekiwane tło. Jeśli wynik jest przycięty, sprawdź viewBox i wymiary w pliku oryginalnym.
Użyj pliku PNG w docelowym kontekście i sprawdź go w rozmiarze, w jakim faktycznie będzie wyświetlany. Duży wymiar w pikselach nie poprawia automatycznie wyglądu małej ikony na ekranie. Jeśli plik jest zbyt duży, wróć do SVG i wyeksportuj go z niższym współczynnikiem.
Zapisz oryginalny plik SVG obok pliku PNG. Format SVG zachowuje ścieżki wektorowe i najlepiej nadaje się do późniejszej edycji, zmiany kolorów czy skalowania. Plik PNG stanowi wygodną kopię o stałym rozmiarze dla zastosowań rastrowych.
Konwersja jest przydatna, gdy miejsce docelowe wymaga pikseli zamiast wektorów. Zachowaj format SVG, jeśli środowisko docelowe go obsługuje i potrzebujesz skalowalnej grafiki.
Niektóre formularze przesyłania i systemy zarządzania treścią akceptują tylko popularne formaty rastrowe. Plik PNG zapewnia stały rozmiar obrazu przy zachowaniu czystych krawędzi.
Programy pocztowe i aplikacje biurowe nie zawsze obsługują osadzone pliki SVG w ten sam sposób. Plik PNG zapewnia przewidywalny wygląd logo lub diagramu w takich zastosowaniach.
Format PNG jest przydatny, gdy specyfikacja wymaga zasobu rastrowego o znanych wymiarach. Wybierz skalę na podstawie rozmiaru SVG i wymagań odbiorcy.
Niektóre edytory i systemy przetwarzania obrazu akceptują pliki PNG, ale nie obsługują plików wektorowych. Skonwertuj kopię na potrzeby tego procesu.
Format PNG pozwala zachować przezroczyste piksele, co jest pomocne przy umieszczaniu logo lub ikony na różnych tłach. Wybierz opcję przezroczystości i upewnij się, że miejsce docelowe zachowuje przezroczystość alfa.
Wykonaj konwersję dopiero po sprawdzeniu wymiarów w pikselach lub rozdzielczości wymaganej przez drukarnię. Narzędzie oferuje mnożniki skali zamiast ustawień DPI, a większy plik PNG nie przywróci szczegółów, których brakuje w pliku SVG, ani nie uczyni dokładniejszym źródła o niskiej rozdzielczości.
Zrozumienie, jak geometria wektorowa zmienia się w obraz rastrowy, pomaga wyjaśnić rozmiar wyjściowy, przezroczystość, kompatybilność i różnice w renderowaniu.
SVG to format wektorowy oparty na XML opisujący ścieżki, kształty i tekst. PNG przechowuje prostokątną siatkę pikseli. Rasteryzacja SVG polega na narysowaniu instrukcji wektorowych na siatce pikseli o wybranym rozmiarze.
Atrybut viewBox mapuje układ współrzędnych na wyświetlany obszar (viewport). Jeśli viewBox jest nieprawidłowy lub większy niż grafika, obraz może zawierać puste miejsca lub ulec przycięciu.
Jeśli przeglądarka renderuje źródło o wymiarach W na H pikseli, a wybrany współczynnik to S, docelowy obszar wynosi W × S na H × S. Łączna liczba pikseli wynosi W × H × S². Dlatego wysokie mnożniki mogą zużywać znacznie więcej pamięci i dlatego 8x należy wybierać tylko wtedy, gdy miejsce docelowe potrzebuje dodatkowych pikseli.
Strona odczytuje wybrany plik SVG w przeglądarce, tworzy z jego zawartości obraz, rysuje go na elemencie canvas HTML i eksportuje canvas do pliku PNG. Sposób renderowania i maksymalne wymiary canvas różnią się w zależności od przeglądarki i urządzenia. Bardzo duże lub złożone pliki SVG mogą wymagać więcej czasu lub nie zostać wyrenderowane.
Gdy wybrana jest opcja przezroczystości, obszar rysowania jest czyszczony przed renderowaniem. Wynikowy plik PNG zachowuje przezroczystość każdego piksela w kanale alfa. Gdy wybrana jest opcja bieli, konwerter najpierw rysuje biały prostokąt, więc przezroczyste obszary źródła stają się białe w wyeksportowanym obrazie.
PNG stosuje kompresję bezstratną dla otrzymanych pikseli. Jednak wygładzanie krawędzi (antialiasing), zarządzanie kolorami i renderowanie w przeglądarce mogą wpływać na ostateczny wygląd pikseli.
Plik SVG może odwoływać się do czcionek lub obrazów nieosadzonych w pliku. Może też używać filtrów lub funkcji, które przeglądarki obsługują w różny sposób. Aby uzyskać niezawodny eksport, osadź lub zamień na krzywe ważne czcionki, dołącz wymagane obrazy i porównaj podgląd w przeglądarce ze źródłem w edytorze wektorowym.
Pamięć obszaru canvas rośnie wraz z liczbą pikseli wyjściowych, dlatego duże mnożniki mogą wyczerpać dostępną pamięć. Konwertuj tylko zaufane pliki SVG. To narzędzie nie przesyła wybranego pliku źródłowego na serwer konwersji, ale to stwierdzenie nie oznacza audytu samego pliku SVG ani gwarancji, że każde osadzone odwołanie zewnętrzne jest nieszkodliwe. Unikaj niezaufanych plików i przed konwersją usuń zbędne skrypty lub zdalne odwołania w edytorze wektorowym.
Nie. Konwerter odczytuje plik w przeglądarce i generuje osobny plik PNG do pobrania. Oryginalny plik pozostaje bez zmian na Twoim urządzeniu.
Pomnóż szerokość i wysokość wyrenderowaną przez przeglądarkę przez wybrany współczynnik. Na przykład 240 × 120 przy opcji 2x daje 480 × 240 pikseli. Jeśli plik SVG ma nietypowe wymiary lub viewBox, sprawdź podgląd i zweryfikuj wymiary pobranego pliku PNG.
Nie. Tworzy więcej pikseli, a nie więcej detali wektorowych. Może pomóc, gdy wymagana jest większa grafika rastrowa, ale zwiększa też liczbę pikseli do 64-krotności wartości 1x i może zużywać znacznie więcej pamięci. Wybierz najmniejszy współczynnik, który spełnia rzeczywisty rozmiar docelowy.
ViewBox lub viewport pliku SVG może zawierać nadmiarowe miejsce albo odcinać fragmenty rysunku. Dostosuj viewBox w edytorze wektorowym do granic grafiki.
Przeglądarka może nie posiadać czcionki użytej w pliku SVG lub plik może odwoływać się do czcionki, która nie jest osadzona. Osadź czcionkę lub zamień tekst na krzywe w edytorze wektorowym, jeśli możesz modyfikować źródło, a następnie porównaj wynik.
Plik SVG może zależeć od zewnętrznego obrazu, czcionki, filtra lub funkcji, które są niedostępne lub obsługiwane inaczej przez przeglądarkę. W miarę możliwości osadź wymagane obrazy i czcionki, uprość nieobsługiwane efekty i przetestuj plik SVG w przeglądarce przed konwersją.
Tak. Wybierz opcję przezroczystości przed rozpoczęciem konwersji. Narzędzie czyści obszar roboczy przed rysowaniem. Sprawdź pobrany plik PNG w edytorze, który pokazuje przezroczystość; niektóre przeglądarki obrazów wyświetlają przezroczyste piksele na białym tle, przez co mogą one wyglądać na nieprzezroczyste.
Ta wersja oferuje mnożniki 1x, 2x, 3x, 4x i 8x. Nie udostępnia niezależnych pól szerokości i wysokości ani ustawienia DPI. Jeśli potrzebujesz dokładnych wymiarów, użyj najbliższego mnożnika, a następnie zmień rozmiar kopii w edytorze graficznym.
Obecny interfejs wybiera i konwertuje jeden plik SVG na operację. Konwertuj każdy plik osobno i sprawdź wynik, zanim przejdziesz do kolejnego; przetwarzanie wsadowe i pobieranie archiwów ZIP nie są tutaj dostępne.
Pole wczytywania jest przeznaczone dla plików SVG. Jeśli plik zostanie odrzucony lub nie uda się go wyrenderować, upewnij się, że jest poprawnym plikiem SVG i otwiera się w aktualnej przeglądarce lub edytorze wektorowym. To narzędzie nie jest uniwersalnym konwerterem formatów obrazów.
Kod konwersji odczytuje wybrany plik w przeglądarce i nie wysyła pliku źródłowego do interfejsu API konwersji. Nie gwarantuje to, że plik SVG nie zawiera zewnętrznych odnośników; unikaj niezaufanych plików i sprawdź ich odwołania przed otwarciem.
Przeglądarka musi zaalokować canvas dla każdego piksela wyjściowego. Duże źródło w połączeniu z wysokim mnożnikiem może przekroczyć pamięć urządzenia lub limity canvas przeglądarki. Spróbuj użyć niższego współczynnika, uprość plik SVG lub wyeksportuj go w programie graficznym obsługującym większe obszary canvas.
Zależy to od fizycznego rozmiaru druku i wymaganej rozdzielczości. To narzędzie skaluje wymiary w pikselach, ale nie ustawia DPI wydruku. Zapytaj drukarnię o wymagane wymiary w pikselach lub rozdzielczość, a następnie sprawdź, czy wygenerowany plik PNG spełnia te wymagania.
Przeglądarki mogą różnić się dostępnością czcionek, wygładzaniem krawędzi, zarządzaniem kolorami i obsługą funkcji SVG. Gdy zależy Ci na spójności, używaj osadzonego tekstu lub tekstu zamienionego na krzywe, standardowych funkcji SVG i tej samej przeglądarki przy powtarzanych eksportach.
Upewnij się, że plik zawiera widoczną grafikę, ma poprawną strukturę SVG oraz viewBox i wymiary obejmujące cały rysunek. Usuń nieobsługiwane zależności zewnętrzne, przetestuj plik w przeglądarce, a następnie spróbuj ponownie w skali 1x, zanim ją zwiększysz.