WebP na SVG
Konwertuj WebP na SVG - wektoryzuj nowoczesne obrazy webowe
Prześledź obrazy WebP do czystych, skalowalnych ścieżek SVG. Obsługuje przezroczyste i stratne WebP, z regulowanym poziomem szczegółu.
Podgląd
Czym jest WebP?
WebP to nowoczesny format obrazu rastrowego stworzony przez Google, który obsługuje kompresję stratną i bezstratną oraz pełną przezroczystość alfa. Pliki WebP są zwykle 25–35% mniejsze niż równoważne PNG lub JPG przy porównywalnej jakości, co czyni go popularnym wyborem do publikacji w sieci.
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ć WebP na SVG
Konwertuj WebP na SVG, gdy chcesz wykorzystać nowoczesny obraz webowy jako logo, ikonę lub zasób do druku. Stratny tryb WebP może wprowadzać subtelne wygładzenie, które tracer podąża; bardzo słabej jakości WebP może wymagać wyższej redukcji szumu. Przezroczysty WebP traceuje się czysto, a kanał alfa jest zachowywany na wyjściu.
WebP na SVG: rozmiar pliku i kompromisy jakości
Rozmiar pliku
Bezstratny WebP zachowuje się jak PNG podczas tracingu: ikona 100 KB zwykle staje się SVG o rozmiarze 5–30 KB. Stratny WebP zachowuje się jak JPG: fotograficzny WebP o rozmiarze 300 KB produkuje SVG o rozmiarze 100–400 KB z uproszczonym szczegółem. Przezroczystość przechodzi do SVG w obu przypadkach.
Kiedy SVG jest właściwym wyborem
Konwertuj na SVG, gdy WebP jest logiem, naklejką lub ikoną, zwłaszcza przezroczystą. Skalowanie, przekolorowywanie i stylizacja stają się trywialne, gdy zasób jest wektorem. SVG osadza się też inline w HTML, co eliminuje round-trip w porównaniu z serwowaniem osobnego pliku WebP.
Kiedy zachować oryginalny WebP
Zachowaj WebP dla fotografii lub każdego obrazu, w którym kompaktowe bajty na łączu liczą się bardziej niż skalowalność. Stratny tryb WebP jest zwykle mniejszy niż równoważny SVG dla złożonych dzieł, a przeglądarka dekoduje go znacznie szybciej niż SVG z dużą liczbą ścieżek.
Kompromisy jakości
Bezstratny WebP trace się czysto: SVG jest tak ostry, jak pozwala źródło. Stratny WebP niesie subtelne wygładzenie, które tracer może odczytać jako dodatkowe obszary koloru; zwiększ krok gradientu, aby je połączyć. Przezroczystość jest zachowywana dosłownie, włącznie z półprzezroczystymi pikselami.
Jak konwertować WebP 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 przezroczystość WebP przechodzi do SVG?
Tak. WebP obsługuje pełną przezroczystość alfa, a tracer zachowuje przezroczyste obszary w SVG, więc wynik czysto kładzie się na dowolnym tle.
Tryb Kolor czy Czarno-biały dla WebP?
Kolor sprawdza się najlepiej dla logo, ilustracji i wszystkiego z wieloma wypełnieniami. Czarno-biały daje czystą sylwetkę dla grafiki kreskowej i skanów. Suwak progu Cz/B wybiera, gdzie znajduje się granica między czernią a bielą.
Czy SVG będzie mniejszy niż oryginalny WebP?
Dla prostych grafik (logo, ikony) zwykle tak, a SVG skaluje się bez utraty jakości. Dla fotograficznego WebP SVG może być większy, ponieważ każdy prześledzony kształt dodaje ścieżkę. Użyj presetu Kompakt lub zwiększ redukcję szumu, aby zachować mały SVG.