Darmowy konwerter online SVG do WEBP

Czym jest format SVG

SVG (Scalable Vector Graphics) to format vector oparty na XML, który przechowuje kształty, ścieżki, tekst, gradienty i filtry jako instrukcje rysowania, a nie jako stałe piksele. Logotypy, ikony, diagramy, ilustracje i grafiki interfejsu często korzystają z SVG, ponieważ grafikę można skalować bez jej pikselizacji.

Adobe Illustrator, Inkscape, Figma, Affinity Designer, CorelDRAW oraz internetowe narzędzia do projektowania mogą tworzyć pliki SVG. Projektanci i deweloperzy używają ich do edytowalnych grafik, responsywnych grafik internetowych oraz zasobów, które muszą być renderowane w wielu rozmiarach.

Czym jest format WEBP

WEBP to format obrazu raster opracowany przez Google. Obsługuje lossy compression dla mniejszych obrazów fotograficznych lub ilustrowanych, lossless compression dla grafik wymagających dokładnego odwzorowania szczegółów oraz alpha channel dla przezroczystych teł.

WEBP może w wielu przypadkach zmniejszyć rozmiar pliku w porównaniu z JPEG lub PNG, ale wynik jest bitmapą o określonej szerokości i wysokości w pikselach. Powiększenie jej ponad ten rozmiar może ujawnić rozmycie lub artefakty kompresji, w przeciwieństwie do vector SVG.

Jak przekonwertować plik SVG

Użyj 101convert.com

Możesz bezpłatnie przekonwertować plik na stronie 101convert.com, bez instalowania oprogramowania. Otwórz konwerter SVG-to-WEBP, prześlij plik źródłowy, wybierz dostępne ustawienia wyjściowe, rozpocznij konwersję i pobierz wynikowy plik .webp. Przed użyciem sprawdź wynik pod kątem brakujących fontów, zmienionych filtrów, nieprawidłowych kolorów i utraconej przezroczystości.

Użyj GIMP

1. Otwórz SVG w GIMP za pomocą File → Open.
2. Ustaw szerokość i wysokość renderowanego obrazu, gdy GIMP wyświetli monit dotyczący importu SVG. Wartości te określają wymiary obrazu WEBP w pikselach.
3. Wybierz File → Export As…, wprowadź nazwę pliku kończącą się na .webp i wybierz Export.
4. W oknie dialogowym eksportu WEBP wybierz poziom jakości lub kodowanie lossless, a następnie potwierdź eksport.

GIMP rasteryzuje SVG podczas jego otwierania, dlatego późniejsza zmiana rozmiaru obrazu nie może przywrócić szczegółów vector. Zaimportuj SVG w największym wymaganym rozmiarze wyświetlania albo użyj renderu źródłowego o wyższej rozdzielczości, jeśli obraz ma być później skalowany.

Użyj narzędzi wiersza poleceń

ImageMagick może zrasteryzować SVG i zapisać WEBP za pomocą jednego polecenia, gdy jego instalacja zawiera renderer SVG, taki jak librsvg:

magick -background none -density 192 input.svg -resize 1200x1200 -quality 85 output.webp

-background none zachowuje przezroczyste obszary, gdy SVG i renderer obsługują alpha. -density steruje początkową rozdzielczością rasteryzacji, natomiast -resize ustawia praktyczny rozmiar wyjściowy. Dostosuj wymiary do planowanego rozmiaru wyświetlania; sama wartość density nie gwarantuje określonej końcowej szerokości i wysokości.

Inkscape może wyrenderować SVG do PNG, a następnie encoder cwebp firmy Google może utworzyć WEBP:

inkscape input.svg --export-type=png --export-filename=rendered.png --export-width=1600

cwebp -q 85 rendered.png -o output.webp

Użyj zamiast tego --export-height albo ustaw oba wymiary, gdy jest to wymagane. Pośredni PNG zachowuje przezroczystość, jeśli Inkscape eksportuje obraz bez koloru tła. Użyj cwebp -lossless rendered.png -o output.webp do kodowania lossless.

Ograniczenia jakości i zgodności

• Wybierz wymiary w pikselach przed konwersją. SVG nie ma wbudowanej rozdzielczości raster, dlatego każdy konwerter musi zdecydować, na ile pikseli wyrenderować obraz.
• W przypadku wielu obrazów internetowych użyj wartości lossy quality w zakresie około 80–90. Wybierz WEBP lossless dla małego tekstu, cienkich linii, zrzutów ekranu i grafik o płaskich kolorach, w których artefakty kompresji są niedopuszczalne.
• Osadzone fonty, zewnętrzne arkusze stylów, połączone obrazy, JavaScript, animacje i nieobsługiwane filtry SVG mogą być renderowane inaczej lub znikać. Zamień tekst na ścieżki albo osadź wymagane zasoby, gdy istotny jest spójny wynik.
• Przezroczyste tła SVG zazwyczaj stają się przezroczystymi tłami WEBP, gdy renderer zachowuje alpha. Ustaw jawny kolor tła, jeśli miejsce docelowe wymaga nieprzezroczystego obrazu.
• WEBP jest obsługiwany przez obecne główne przeglądarki i wiele aplikacji graficznych, ale starsze oprogramowanie oraz wyspecjalizowane systemy publikowania mogą go nie akceptować. Zachowaj oryginalny SVG jako edytowalny master i używaj WEBP jako stałej kopii dystrybucyjnej.