SVG na WebP
Konwertuj SVG na WebP z pełną przezroczystością alfa
Eksportuj SVG do nowoczesnego WebP, mniejsze pliki niż PNG przy podobnej jakości, z pełną alfą. Stworzony dla programistów webowych dostarczających szybko ładujące się zasoby produkcyjne.
Edytowanie ustawień domyślnych dla nowych plików
Podgląd
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.
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.
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ć SVG na WebP
WebP daje przezroczystość klasy PNG przy rozmiarach klasy JPG, zwykle 25-35% mniejszy niż PNG i 10-25% mniejszy niż JPG przy porównywalnej widzialnej jakości. Konwertuj SVG na WebP przy dostarczaniu grafik na nowoczesną stronę lub aplikację. Każda aktualna przeglądarka go obsługuje (Chrome, Firefox, Safari ≥ 14, Edge), a użytkownicy widzą zauważalnie mniejsze payloady bez dostrzegalnej utraty jakości.
SVG na WebP: rozmiar pliku i kompromisy jakości
Rozmiar pliku
WebP jest zwykle 25-35% mniejszy od równoważnego PNG i 10-25% mniejszy od JPG przy porównywalnej widzialnej jakości. SVG 1920×1080, który eksportuje się do 800 KB jako PNG, ląduje przy około 500 KB jako WebP, z zachowaną pełną przezroczystością alfa.
Kiedy WebP jest właściwym wyborem
WebP to najlepszy wybór dla nowoczesnej dostawy webowej. Wsparcie przeglądarek jest powszechne w Chrome, Firefox, Safari (≥14) i Edge. Używaj go dla ikon strony, obrazów hero, zdjęć produktów i ilustracji: każdego zasobu, w którym liczy się przepustowość i kontrolujesz konsumenta.
Kiedy zachować SVG
Zachowaj SVG, gdy zasób jest mały, natywnie wektorowy (ikony, logo, wykresy) lub musi skalować się i animować. SVG osadza się inline w HTML i zwykle jest mniejszy nawet od WebP dla treści klasy ikona. Zachowaj SVG też wtedy, gdy konsumentem jest CMS lub klient e-mail bez niezawodnego wsparcia WebP.
Kompromisy jakości
WebP ma tryby stratny i bezstratny. Stratny przy 0.9 wygląda identycznie jak bezstratny dla niemal całej treści. Stratny przy 0.7 wprowadza lekkie wygładzenie ostrych krawędzi, mniej wyraźne niż w JPG. Pełna przezroczystość alfa jest zachowywana w obu trybach; wybierz bezstratny dla ikon i logo, stratny dla zdjęć i gradientów.
Jak konwertować SVG na WebP 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 WebP obsługuje przezroczystość?
Tak. WebP ma pełną przezroczystość kanału alfa i obsługuje SVG-i z prześwitującymi obszarami tak samo jak PNG. Przy eksporcie wybierz opcję tła Przezroczyste.
Kiedy warto użyć WebP zamiast PNG?
Pliki WebP są zwykle o 25-35 % mniejsze od równoważnych PNG-ów przy podobnej jakości, z tą samą obsługą przezroczystości. Świetny wybór dla webu. Wsparcie przeglądarek jest już powszechne w Chrome, Firefox, Safari i Edge.
Czy WebP ma ustawienie jakości?
Tak. Ten sam suwak, który kontroluje jakość JPG, kontroluje WebP, a WebP obsługuje zarówno tryb stratny, jak i niemal bezstratny. Około 0,9 to dobre ustawienie domyślne dla większości treści.