UltKit

Konwerter WebP na SVG

WebP składa się z pikseli, a SVG z kształtów, więc nie da się przejść z jednego formatu na drugi bez strat. Ta strona przekształca plik WebP w prawdziwe ścieżki wektorowe, które można skalować, przebarwiać i wycinać. Najlepiej sprawdza się to przy logo, ikonach i płaskich ilustracjach.

Obraz do SVG

lub upuść Pliki JPG, JPEG, JFIF … tutaj ·

Maks. 95 MB na plik· Do 20 plików· Usuwane po 30 min

Wynik
12

Pliki są przetwarzane na naszych serwerach i usuwane po 30 min.

Jak korzystać z narzędzia

  1. 1

    Prześlij plik WebP

    Dodaj logo, ikonę lub naklejkę zapisaną ze strony internetowej, maksymalnie 20 plików po 95 MB każdy. Im większy i czystszy obraz źródłowy, tym lepsza wektoryzacja.

  2. 2

    Ustaw liczbę kolorów

    Liczba kolorów domyślnie wynosi 12, co wystarcza dla większości logo. Zmniejsz ją dla znaku dwukolorowego albo ustaw Tryb kolorów na Czarno-biały, aby uzyskać jednokolorowy plik do cięcia.

  3. 3

    Wektoryzuj do SVG

    Kliknij Wektoryzuj na SVG i pobierz pliki. Otwórz je w Inkscape, Illustratorze, Figmie lub Cricut Design Space, aby sprawdzić kształty.

Odpowiedź

Czy naprawdę można skonwertować WebP na SVG?

Tylko przez wektoryzację. WebP przechowuje piksele, SVG przechowuje kształty. To narzędzie rysuje kolory z WebP na nowo jako ścieżki wektorowe; wszystko, co tylko zmienia nazwę pliku lub osadza bitmapę, daje SVG, który nadal rozmywa się po powiększeniu.

WebP na SVG: wektoryzacja a osadzanie

WebP, wydany przez Google w 2010 roku, to format rastrowy: siatka kolorowych pikseli skompresowana pod kątem szybkiego ładowania w sieci. SVG, standard W3C od 2001 roku, opisuje linie, krzywe i wypełnienia w postaci tekstu. Zamianę pierwszego w drugi można wykonać na dwa bardzo różne sposoby, a większość darmowych konwerterów wybiera ten, który Ci nie pomaga.

Osadzanie tworzy SVG zawierający WebP jako tekst base64. Base64 powiększa obraz o około jedną trzecią, a wynik nadal jest bitmapą z wektorową etykietą. Wektoryzacja, czyli metoda używana tutaj oraz w funkcji Trace Bitmap w Inkscape, opartej na algorytmie Potrace, odczytuje obszary koloru i zapisuje je jako ścieżki. Wynik jest naprawdę skalowalny i edytowalny, kosztem drobnych szczegółów. Nasz poradnik obraz do SVG wyjaśnia wszystkie ustawienia wektoryzacji.

Zwektoryzowany SVG a osadzony WebP: co potrafi każdy plik

Wektoryzowany SVGSVG z osadzonym WebPOryginalny WebP
Ostry przy każdym powiększeniuyesnono
Kształty edytowalne w Illustratorze lub Inkscapeyesnono
Użyteczny jako ścieżki cięcia dla Cricut lub laserayesnono
Zachowuje szczegóły fotograficznenoyesyes
Typowy rozmiar plikuRośnie wraz ze szczegółamiOkoło ⅓ większy niż WebPNajmniejszy
  1. Dekodowanie WebP

    Odczytywane są piksele i kanał alfa; przezroczyste obszary są odkładane na bok.

  2. Grupowanie kolorów

    Podobne piksele są łączone w wybraną Liczbę kolorów.

  3. Rysowanie ścieżek

    Każdy obszar koloru staje się wygładzonymi krzywymi zapisanymi w zoptymalizowanym SVG.

WEBP

Obraz WebP

WebP to format obrazu wydany przez Google w 2010 roku, aby strony internetowe wczytywały się szybciej. Obsługuje w jednym formacie kompresję stratną i bezstratną, przezroczystość alfa oraz animację. Stratne pliki WebP są zwykle o 25–35% mniejsze niż JPEG o podobnej jakości wizualnej, a bezstratny WebP jest zwykle mniejszy niż PNG. Obsługują go wszystkie aktualne przeglądarki, ale część starszego oprogramowania desktopowego, usług drukarskich i formularzy przesyłania plików nadal go odrzuca. Windows, macOS i większość nowoczesnych edytorów grafiki otwiera pliki WebP.

Kompresja
Stratna lub bezstratna
Przezroczystość
Tak
Animacja
Tak
Rok powstania
2010 · Google
Konwerter WEBP

SVG

Scalable Vector Graphics

SVG to format wektorowy oparty na XML, ustandaryzowany przez W3C w 2001 roku. Zamiast pikseli opisuje kształty, ścieżki i tekst, dzięki czemu pozostaje ostry w każdym rozmiarze i zwykle jest malutki w przypadku logo i ikon. Obsługuje przezroczystość, style CSS, skrypty i animacje, a każda przeglądarka renderuje go natywnie. SVG nie nadaje się do zdjęć, a złożone ilustracje mogą się wolno renderować. Otwierają i edytują go Illustrator, Inkscape, Figma i przeglądarki.

Kompresja
–
Przezroczystość
Tak
Animacja
Tak
Rok powstania
2001 · W3C
Konwerter SVG

WebP na SVG wyszukuje się wtedy, gdy logo lub ikona zapisane ze strony muszą stać się skalowalne, edytowalne lub gotowe do cięcia, co zapewnia tylko wektoryzacja; odwrotny kierunek to zwykła rasteryzacja na potrzeby internetu.

Czysty SVG z pliku WebP zapisanego ze strony internetowej

Większość plików WebP, które ktoś chce mieć jako wektory, pobrano ze strony, czyli zostały przeskalowane pod stronę i skompresowane stratnie. Szum kompresji wokół krawędzi zamienia się w drobne zbłąkane kształty, a małe obrazy dają za mało pikseli, by znaleźć gładką krzywą. Zacznij od największej kopii, jaką znajdziesz; strona prasowa lub strona marki często oferuje większą wersję albo oryginalny SVG.

Zostaw Wygładzanie w okolicach wartości domyślnej dla logo z krzywymi, a Krzywe ustaw na Proste linie dla geometrycznych znaków z prostymi krawędziami. Po wektoryzacji usuń pozostałe plamki w edytorze. Jeśli obraz miał się tylko otwierać w jakimś miejscu, a nie skalować, szybszą i dokładną drogą jest WebP na PNG.

Pytania o konwersję WebP na SVG

Dlaczego inne konwertery WebP na SVG dają rozmyty plik?

Wiele z nich umieszcza WebP wewnątrz SVG jako osadzony obraz i zmienia tylko rozszerzenie. Plik otwiera się jako SVG, ale nadal składa się z pikseli, więc po powiększeniu się rozmywa i nie zawiera edytowalnych kształtów. Otwórz plik w edytorze tekstu: długi ciąg data:image oznacza, że nic nie zostało wektoryzowane.

Czy można przekonwertować zdjęcie WebP na SVG?

Można, ale wynik wygląda jak plakat: płynne gradienty i odcienie skóry zmieniają się w płaskie pasy koloru. Do zdjęć służą formaty rastrowe. Zachowaj zdjęcie jako WebP, JPG lub PNG, a wektoryzuj tylko logo, kontur lub ilustrację, które naprawdę potrzebujesz mieć jako wektory.

Czy przezroczyste tło pliku WebP pozostanie przezroczyste?

Tak. Przezroczyste piksele nie tworzą żadnych kształtów, więc za wektoryzowaną grafiką w SVG nie ma niczego. Zwykle dokładnie tego potrzeba w przypadku naklejki lub logo umieszczanego na kolorowych tłach.

Ilu kolorów użyć przy wektoryzacji logo WebP?

Policz widoczne płaskie kolory i dodaj dwa lub trzy na wygładzone krawędzie. Logo dwukolorowe wektoryzuje się czysto przy 4 kolorach, ilustracja maskotki może wymagać od 16 do 24. Zbyt wiele kolorów tworzy cienkie odłamki kształtów wzdłuż każdej krawędzi.

Czy plik SVG nadaje się do Cricut lub plotera laserowego?

Tak, to jeden z głównych powodów wektoryzacji. Cricut Design Space importuje SVG jako osobne warstwy dla każdego koloru, a oprogramowanie do laserów odczytuje ścieżki jako linie cięcia lub grawerowania. Gdy potrzebujesz jednej linii cięcia, użyj ustawienia Czarno-biały z opcją Tylko kontury.

Dlaczego zwektoryzowany SVG wygląda nierówno w porównaniu z oryginalnym logo?

Pliki WebP o niskiej rozdzielczości ze stron internetowych mają często tylko 100–200 px szerokości, więc program zgaduje krzywe na podstawie kilku pikseli. Znajdź większą kopię logo albo najpierw powiększ je za pomocą narzędzia zwiększ rozmiar zdjęcia, a potem wektoryzuj ponownie.