PNG na SVG
Konwertuj PNG na SVG - wektoryzuj obrazy rastrowe
Prześledź obrazy PNG do czystych, skalowalnych ścieżek SVG. Wektoryzacja kolorowa lub w ostrym kontraście czerni i bieli, z regulowanym poziomem szczegółu. Działa w całości w przeglądarce.
Podgląd
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 jest standardowym formatem wektorowym sieci. Jest natywnie obsługiwany przez wszystkie nowoczesne przeglądarki, można go stylizować za pomocą CSS, animować za pomocą JavaScriptu lub SMIL i jest zwykle ułamkiem rozmiaru równoważnego obrazu rastrowego.
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
Proste logo PNG (32×32 do 512×512) zwykle waży 5–30 KB; wektoryzacja zazwyczaj daje SVG o rozmiarze 2–15 KB, który skaluje się do dowolnego rozmiaru. Fotograficzny PNG (4000×3000 przy 4–8 MB) trace się do SVG o rozmiarze około 50–300 KB, mniejszego niż źródło, ale z wygładzonym szczegółem. Im więcej płaskiego koloru w PNG, tym większy zysk.
Kiedy SVG jest właściwym wyborem
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 tym, co zostało namalowane. Wektoryzacja jest przybliżona: tracer dopasowuje krzywe do obszarów koloru, więc bardzo cienkie linie, gradienty fotograficzne i wzory ditheringu są wygładzone lub schodkowane. Dla logo, ikon i grafiki kreskowej wynik zwykle jest wizualnie identyczny; dla zdjęć spodziewaj się stylizowanego, plakatowego wyglądu.
Jak konwertować PNG na SVG online
- Upuść swój plik (lub kliknij WYBIERZ PLIKI), aby dodać go do kolejki.
- Dostosuj opcje po lewej (format, rozmiar, tło, jakość) i obserwuj, jak aktualizuje się podgląd.
- Kliknij ZAPISZ WSZYSTKO, aby pobrać przekonwertowany plik (lub plik ZIP, jeśli wgrałeś wiele plików).
Prywatność i bezpieczeństwo
Twoje pliki nigdy nie opuszczają Twojego komputera. Konwersja działa całkowicie w Twojej przeglądarce za pomocą JavaScriptu i WebAssembly. Nie ma przesyłania, serwera ani śledzenia zawartości Twoich plików.
Ponieważ nic nie jest przesyłane, narzędzie jest bezpieczne dla poufnych logo, dokumentów wewnętrznych i własnych grafik.
Najczęściej zadawane pytania
Czy wektoryzacja PNG zachowa przezroczystość?
Tak. Przezroczystość PNG jest zachowywana w trakcie wektoryzacji: przezroczyste obszary w źródle pozostają przezroczyste w SVG, więc wektorowe logo lub ikona czysto nakłada się na dowolne tło.
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ą.