Upuść obraz do 10 MB lub kliknij, aby go wybrać. Podgląd pojawi się po kilku sekundach.
02
Dopasuj
Zacznij od presetu, np. Logo & Icon, Zdjęcie lub Czarno-biały, a potem dopracuj szczegóły, kolory i narożniki, patrząc na odświeżający się podgląd.
03
Pobierz
Gdy podgląd wygląda dobrze, pobierz plik SVG. Możesz go swobodnie używać, bez znaku wodnego.
PNG i SVG w skrócie
PNG to format rastrowy: stała siatka pikseli, kompresowana bez utraty szczegółów, z opcjonalnym kanałem alfa dla przezroczystości. Gdy powiększysz PNG ponad jego oryginalny rozmiar, krawędzie stają się rozmyte i schodkowe, bo nie ma dodatkowych pikseli do wyświetlenia.
SVG opisuje kształty jako ścieżki w małym pliku tekstowym, więc pozostaje ostry w każdym rozmiarze i można zmieniać jego kolory w Figmie, Illustratorze, Inkscape lub za pomocą CSS. Konwersja PNG polega na zamianie obszarów o podobnym kolorze na takie ścieżki. Odtwarza ona to, co już jest na obrazie; nie dodaje szczegółów, których tam nigdy nie było.
Co dzieje się z przezroczystością, gdy PNG zamienia się w SVG
Kanał alfa zapisuje dla każdego piksela, jak bardzo jest przezroczysty, od całkowicie przezroczystego do całkowicie nieprzezroczystego. SVG nie ma pikseli, które mogłyby przenosić tę wartość, więc algorytm wektoryzacji decyduje obszar po obszarze, czy narysować kształt, czy zostawić puste miejsce. Zrozumienie, jak podejmuje tę decyzję, wyjaśnia większość niespodzianek, na jakie trafiają użytkownicy.
Całkowicie przezroczyste obszary pozostają puste
Tam, gdzie PNG jest całkowicie przezroczysty, nie rysuje się żadnych kształtów. Logo na przezroczystym tle wychodzi jako logo na przezroczystym tle, gotowe do umieszczenia na dowolnym kolorze lub zdjęciu.
Półprzezroczyste piksele stają się pełne
Każdy kształt po wektoryzacji ma jeden nieprzezroczysty kolor wypełnienia. Miękkie cienie, poświaty i półprzezroczyste nakładki zamieniają się w pełne kształty, często ciemniejsze, niż wyglądały. Usuń je przed konwersją albo ukryj ich kolor w palecie po wektoryzacji.
Miękkie krawędzie mogą zostawiać obwódkę
Piksele wygładzonych krawędzi są częściowo przezroczyste, a niektóre z nich zamieniają się w cienkie paski w nieco innym odcieniu. Przybliż obrys. Jeśli widzisz obwódkę, ukryj ten kolor w palecie albo przesuń suwak Szczegółowość w stronę Czyściej.
Białe tło to nie przezroczystość
Jeśli PNG ma jednolite białe lub kolorowe tło, zostanie ono zwektoryzowane jak każdy inny kształt. Użyj w edytorze opcji Usuń tło przed wektoryzacją albo ukryj kolor tła w palecie po konwersji.
Zrzuty ekranu oraz eksporty z Canvy i Figmy
Większość plików PNG, które ludzie chcą mieć jako wektory, nigdy nie powstała jako PNG. To zrzuty ekranu lub eksporty z narzędzia graficznego, a każde źródło zostawia na obrazie swoje ślady.
Zrzuty ekranu
Tekst i ikony na ekranie są wygładzane antyaliasingiem, więc drobne napisy po wektoryzacji zamieniają się w zaokrąglone plamki. Przybliż stronę lub aplikację przed zrobieniem zrzutu, a potem przytnij go do potrzebnej grafiki zamiast wektoryzować całe okno.
Pobrania z Canvy
To, czy Canva pozwala pobrać PNG z przezroczystym tłem, zależy od Twojego planu. Jeśli masz dostępną opcję pobrania SVG, skorzystaj z niej: projekt jest eksportowany jako wektory i wektoryzacja nie jest potrzebna.
Eksporty z Figmy
Figma potrafi wyeksportować dowolną ramkę lub warstwę jako SVG, co dokładnie zachowuje oryginalne kształty wektorowe. Wektoryzuj PNG tylko wtedy, gdy nie masz już pliku źródłowego, a jeśli się da, użyj eksportu w skali 2x lub 3x, by krawędzie były czystsze.
Małe eksporty
Ikony wyeksportowane w rozmiarze 16 lub 32 pikseli mają tak mało pikseli na krzywą, że wektoryzacja odwzorowuje schodki pikseli. Przed konwersją wyeksportuj je ponownie w największym dostępnym rozmiarze.
PNG-8 i PNG-24: dlaczego głębia kolorów ma znaczenie
PNG-8 przechowuje paletę do 256 kolorów, a każdy piksel wskazuje jeden z nich. PNG-24 przechowuje pełny kolor każdego piksela, a z kanałem alfa często nazywa się go PNG-32. Większość narzędzi graficznych domyślnie zapisuje PNG-24; PNG-8 zwykle pochodzi z narzędzi do optymalizacji i starszych grafik internetowych.
Płaskie logo w PNG-8 po wektoryzacji daje garść czystych kształtów, bo jest tylko kilka kolorów do rozdzielenia. Z PNG-8 zrobionym ze zdjęcia lub gradientu jest inaczej: brakujące odcienie są zwykle udawane ditheringiem, czyli wzorem kropek, który algorytm wektoryzacji zamienia w skupiska drobnych kształtów. PNG-24 zachowuje gładkie krawędzie i gradienty, a preset Logo & Icon lub suwak Kolory scalają je w płaskie obszary, gdy chcesz prostszy SVG.
Które obrazy PNG dobrze się konwertują
Dobrze się nadają
Logo i ikony wyeksportowane z przezroczystym tłem
Naklejki, clipart i płaskie ilustracje z wyraźnymi konturami
Podpisy, ręczne liternictwo i rysunki kreskowe
Wykresy i diagramy wyeksportowane z prezentacji lub arkuszy kalkulacyjnych
Zdjęcia zapisane jako PNG, które po wektoryzacji dają tysiące małych plam
Zrzuty ekranu całych stron z drobnym tekstem
Grafiki, w których miękkie cienie, poświaty lub gradienty muszą pozostać bez zmian
Ikony dostępne tylko w rozmiarze od 16 do 32 pikseli
Jeśli pracujesz w Adobe Illustrator, Image Trace wykonuje to samo zadanie z ręczną kontrolą każdego ustawienia. Nasz przewodnik jak przekonwertować PNG na SVG w Illustratorze omawia ustawienia, które mają znaczenie.
PNG na SVG: pytania
Czy przezroczyste tło zostaje zachowane?
Tak. Całkowicie przezroczyste obszary PNG nie dostają żadnych kształtów, więc tło SVG też jest przezroczyste. Półprzezroczyste piksele, takie jak miękkie cienie i poświaty, stają się pełnymi kształtami.
Dlaczego mój SVG ma białe tło?
PNG ma jednolite białe tło zamiast przezroczystego, więc jest ono wektoryzowane jak każdy inny kolor. Użyj opcji Usuń tło przed wektoryzacją albo ukryj biel w palecie, aby usunąć te kształty.
Skąd się biorą cienkie paski wokół krawędzi mojego logo?
Pochodzą z wygładzonych pikseli krawędzi, które są częściowo przezroczyste i mają nieco inny kolor. Ukryj zbędny kolor w palecie albo przesuń suwak Szczegółowość w stronę Czyściej.
Czy mogę zamienić zrzut ekranu na SVG?
Tak, ale najpierw przytnij go do grafiki. Drobny tekst na ekranie jest rozmyty przez antyaliasing i po wektoryzacji wygląda słabo, więc jeśli to możliwe, rób zrzut przy większym powiększeniu.
Który format konwertuje się lepiej: PNG-8 czy PNG-24?
PNG-8 z płaskimi kolorami daje po wektoryzacji kilka czystych kształtów. PNG-24 jest lepszy zawsze wtedy, gdy wersja PNG-8 miałaby dithering, bo kropki ditheringu zamieniają się w skupiska drobnych kształtów.
Czy SVG będzie mniejszy niż PNG?
W przypadku logo, ikon i płaskich grafik zwykle tak. W przypadku zdjęć często jest większy. Przesyłane pliki mogą mieć do 10 MB, a obrazy o dłuższym boku powyżej 4096 pikseli są przed wektoryzacją pomniejszane.
W jakim formacie jest Twój plik?
Ta strona przyjmuje pliki JPG, WebP, GIF, BMP i TIFF, a także PNG. Każdy format ma swoje niuanse, o których warto wiedzieć przed wektoryzacją, i własną stronę z przewodnikiem.
