PNG na SVG
Konwertuj PNG na SVG za pomocą wektoryzatora online
Śledź logo, ikony, ilustracje i grafikę PNG w skalowalnych ścieżkach SVG. Przezroczyste obszary pozostają wyraźne, a przed dostrojeniem szczegółów i redukcją szumów można wybrać śledzenie w pełnym kolorze lub czarno-białe.
Edytowanie ustawień domyślnych dla nowych plików
Podgląd
Brak podglądu. Dodaj i wybierz pliki, aby zobaczyć wyniki.
Nie ma jeszcze plików. Upuść pliki powyżej lub kliknij WYBIERZ PLIKI.
Czym jest PNG?
PNG (Portable Network Graphics) to bezstratny format obrazu rastrowego z pełną przezroczystością kanału alfa. Przezroczysty PNG jest idealny dla ikon, zrzutów ekranu, ilustracji i każdej grafiki, która wymaga ostrych krawędzi lub przezroczystego tła.
Czym jest SVG?
SVG (Scalable Vector Graphics) to oparty na XML format obrazu wektorowego. Zamiast pikseli SVG matematycznie opisuje kształty, ścieżki, wypełnienia i obrysy, dzięki czemu może być renderowany w dowolnym rozmiarze bez utraty jakości.
SVG to standardowy format wektorowy dla internetu. Wszystkie nowoczesne przeglądarki obsługują go natywnie; można go stylizować za pomocą CSS oraz animować przez JavaScript lub SMIL. Zwykle jest kompaktowy dla logo, ikon i ilustracji, jednak złożone pliki SVG mogą być duże.
SVG kontra formaty rastrowe
Grafika wektorowa (SVG) i grafika rastrowa (PNG, JPG) rozwiązują różne problemy. Odpowiedni format zależy od tego, do czego obraz będzie używany.
| Cecha | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| Skalowanie | Niezależne od rozdzielczości | Rozmywa się przy powiększaniu | Wstępnie wyrenderowany w stałych rozmiarach |
| Rozmiar pliku | Mały dla kształtów i ikon | Rośnie wraz z rozdzielczością | Pakiet wstępnie wymiarowanych rastrów |
| Edycja | Edytowalny jako tekst lub w narzędziach wektorowych | Tylko edycja na poziomie pikseli | Edytuj każdy rozmiar i przepakuj |
| Animacja | CSS, SMIL, JavaScript | Ograniczona (animowany PNG/GIF) | Nieobsługiwana |
| Przezroczystość | Tak | PNG tak, JPG nie | Tak (na bazie PNG) |
Kiedy konwertować PNG na SVG
Konwertuj PNG na SVG, gdy logo, ikona lub ilustracja musi czysto skalować się do dowolnego rozmiaru. Wektoryzacja PNG daje ostry obraz w rozdzielczości drukowej i na ekranach HiDPI, a także edytowalny plik, który można przekolorować, zmienić rozmiar i animować. Najlepsze wyniki dla plików PNG z płaskimi kolorami i czystymi krawędziami; złożone fotografie również można prześledzić, ale dadzą większe SVG.
PNG na SVG: rozmiar pliku i kompromisy jakości
Rozmiar pliku
Rozmiar pliku SVG zależy od liczby i złożoności ścieżek, a nie tylko od wymiarów PNG w pikselach. Płaskie logo lub ikona często staje się kompaktowym SVG, podczas gdy fotografia może stworzyć tysiące kształtów i plik większy niż źródło. Mniej kolorów, silniejsza redukcja szumów i prostsze ścieżki zwykle zmniejszają rozmiar wyjściowy.
Kiedy SVG wygrywa z oryginalnym PNG
Użyj SVG, gdy zasób musi być wyświetlany w wielu rozmiarach (favicony, ikony retina, logo w jakości drukowej), lub gdy trzeba je przekolorować lub animować. SVG jest edytowalny jak tekst, więc forma wektorowa to też ta, którą wysyłasz do systemu projektowego.
Kiedy zachować oryginalny PNG
Zostań przy PNG dla fotografii, zrzutów ekranu i przechwytów UI z antyaliasingiem. Wektoryzacja zawartości wiernej pikselom daje znacznie większy SVG niż źródłowy PNG, a tracer spłaszcza szum, drobne gradienty i ostry antyaliasing do większych obszarów koloru.
Kompromisy jakości
PNG jest bezstratny: każdy piksel jest dokładnie taki, jak został namalowany. Wektoryzacja jest przybliżona: znacznik dopasowuje krzywe do obszarów kolorów, dzięki czemu bardzo cienkie pociągnięcia, gradienty fotograficzne i rozmazane wzory można wygładzić lub uprościć. Logo, ikony i grafika liniowa zwykle są odwzorowane blisko siebie; fotografie wydają się wyglądać bardziej stylizowane lub plakatowane.
Jak konwertować PNG na SVG online
- 1
Przeciągnij pliki albo kliknij WYBIERZ PLIKI, aby dodać je do kolejki. Do 40 naraz.
- 2
Ustaw opcje wyjścia (rozmiar, DPI, tło, jakość lub poziom szczegółowości wektoryzacji), a podgląd na żywo się odświeży.
- 3
Kliknij ZAPISZ WSZYSTKO, aby pobrać wynik, albo jeden plik ZIP, gdy w kolejce jest więcej niż jeden plik.
Prywatność: Twoje pliki nie opuszczają przeglądarki
Konwersja przebiega lokalnie w przeglądarce przy użyciu JavaScript i WebAssembly. Nie ma przesyłania plików ani konwersji po stronie serwera, więc dodane pliki pozostają na Twoim urządzeniu.
Przetwarzanie lokalne pomaga chronić poufne logo, dokumenty wewnętrzne i niepublikowane grafiki klientów. Strony i kod konwersji są zapisywane w pamięci podręcznej w miarę ich używania, więc narzędzia, które już otworzyłeś, mogą nadal działać bez połączenia sieciowego.
Najczęściej zadawane pytania
Czy wektoryzacja PNG zachowa przezroczystość?
Przezroczyste obszary mogą pozostać wyraźne na wydruku SVG, dzięki czemu PNG jest użytecznym źródłem logo i ikon bez jednolitego tła. Trasowanie jest nadal przybliżeniem, dlatego sprawdź na podglądzie miękkie lub półprzezroczyste krawędzie.
Jakie PNG wektoryzuje się najlepiej?
PNG z płaskimi kolorami, czystymi krawędziami i ograniczoną paletą (logo, ikony, rysunki kreskowe, naklejki) tracą się na małe, czyste SVG. Szczegółowe zdjęcia też działają, ale produkują większe pliki. Dla nich zwiększ redukcję szumu i zmniejsz precyzję kolorów.
Tryb Kolor czy Czarno-biały?
Kolor dla logo, ilustracji i wszystkiego z wieloma wypełnieniami. Czarno-biały dla grafiki kreskowej, zeskanowanych rysunków, podpisów lub wszystkiego, co ma być czystą monochromatyczną sylwetką. Suwak progu Cz/B kontroluje granicę między czernią a bielą.