Konwerter SVG na WebP Online
Konwertuj grafiki wektorowe SVG na rastry WebP. Idealne do e-maili, mediow spolecznosciowych i Open Graph. Bezplatnie, w Twojej przegladarce.
.webp, .png, .jpg · do 50 MB
Glowne zastosowania
SVG do WebP: od wektora do internetu w kilka sekund
Open Graph i karty Twitter
Generuj zasoby og:image 1200x630 px z projektu SVG dla doskonalych podgladow na Facebooku, Twitterze/X i LinkedIn.
Kompatybilne e-maile HTML
Klienci pocztowi nie renderuja SVG. Konwertuj logo i ilustracje do WebP dla maksymalnej kompatybilnosci.
Bez instalacji
Internetowa alternatywa dla eksportu z Figmy, Illustratora lub Sketcha. Bez wtyczek, kont i limitow.
Niestandardowa rozdzielczosc
Wybierz dokladnie taki rozmiar w pikselach, jakiego potrzebujesz. Idealne do banierow, favikonow i miniatur.
Jak to działa
Trzy kroki, żadnych komplikacji
Przeslij plik SVG
Przeciagnij lub wybierz plik SVG wyeksportowany z Figmy, Illustratora, Sketcha lub dowolnego edytora wektorowego.
Wybierz rozdzielczosc i jakosc
Okresl rozmiar wyjsciowy w pikselach. Dla Open Graph (og:image) standard to 1200x630 px.
Pobierz plik WebP
Gotowy raster WebP do uzytku w e-mailach HTML, kartach Twitter/X, Facebook og:image lub na platformach bez obslugi SVG.
FAQ
Masz pytania?
SVG to format wektorowy (matematycznie zdefiniowany, skalowalny bez strat), a WebP to format rastrowy (oparty na pikselach). Konwersja polega na rasteryzacji wektora do siatki pikseli. Nie ma utraty matematycznej precyzji wektora, powstaje jedynie obraz o stalej rozdzielczosci. Renderowanie w rozdzielczosci 2000x2000 px lub wyzszej zapewnia doskonala jakosc na kazdym ekranie. Kompresja WebP stosuje kodowanie stratne, ale przy jakosci 90% roznica wzgledem oryginalu SVG jest niewidoczna na ekranie.
Klienci pocztowi (Gmail, Outlook, Apple Mail, Yahoo Mail) nie renderuja osadzonych plikow SVG ze wzgledow bezpieczenstwa: SVG moze zawierac JavaScript, zewnetrzne skrypty i inne wektory atakow XSS. To ograniczenie jest udokumentowane w przewodnikach Litmus i Campaign Monitor od 2016 roku. Jedyna powszechnie kompatybilna opcja dla e-maili to obrazy rastrowe (PNG, JPG lub WebP). Konwersja logo lub ilustracji SVG do WebP to prawidlowy sposob postepowania przy szablonach e-maili HTML.
Zalecane rozmiary na 2025 rok: Facebook og:image i Twitter/X Card 1200x630 px (proporcje 1.91:1); LinkedIn 1200x627 px; Instagram feed 1080x1080 px (kwadrat) lub 1080x1350 px (portret); Pinterest 1000x1500 px (proporcje 2:3). Dla favikonow uzyj 32x32 lub 64x64 px, a dla banierow e-mailowych standardowa szerokosc to 600 px. Eksport SVG w dokladnie docelowej rozdzielczosci zapobiega przeskalowywaniu przez platformy, ktore moze wprowadzac artefakty interpolacji.
SVG jest lepszy tam, gdzie wymagana jest nieskonczona skalowalosc i minimalny rozmiar pliku: logotypy na stronach (tag img lub inline), ikony interfejsu, interaktywne ilustracje z CSS/JavaScript oraz mapy. W tych przypadkach SVG to wlasciwy wybor. Konwersja do WebP ma sens, gdy cel nie obsluguje SVG (e-maile, wiekszosc platform spolecznosciowych, podstawowe edytory WYSIWYG) lub gdy potrzebujesz przewidywalnego, stalego rozmiaru pliku.
Tak. WebP obsluguje pelny kanal alfa, rownowazny kanalowi alfa PNG. Jesli Twoj SVG ma przezroczyste tlo (brak elementu background rect lub fill="none"), wynikowy WebP zachowa te przezroczystosc. Jest to szczegolnie przydatne dla logo i elementow interfejsu, ktore musza byc nakladane na rozne tla w e-mailach lub prezentacjach. W odroznieniu od JPG (bez obslugi przezroczystosci, wypelniajacego bialym), WebP zachowuje informacje alfa.
Konwerter renderuje SVG za pomoca silnika renderowania przegladarki (tego samego, ktorego Chrome lub Firefox uzywaja do wyswietlania SVG). Czcionki systemowe sa dostepne. Czcionki ladowane przez @font-face z zewnetrznych adresow URL moga byc niedostepne, jesli serwer ma restrykcje CORS lub adresy prowadza do zasobow trzecich. Aby zagwarantowac prawidlowe renderowanie czcionek, najbardziej niezawodne jest przekonwertowanie tekstu na kontury (sciezki) w Figmie lub Illustratorze przed eksportem SVG.
Konwertuj SVG do WebP: od projektu wektorowego do zoptymalizowanego obrazu web
SVG (Scalable Vector Graphics) to oparty na XML format obrazow wektorowych, standaryzowany przez W3C w specyfikacji SVG 1.1 (drugie wydanie, sierpien 2011), a SVG 2 jest aktualnie w fazie opracowywania. Grafiki wektorowe sa idealne do logo, ikon i ilustracji, poniewaz skaluja sie doskonale do dowolnej rozdzielczosci bez utraty jakosci, a ich pliki sa stosunkowo male w przypadku grafik geometrycznych. Jednak SVG ma istotne ograniczenia w dzisiejszym ekosystemie webowym: klienci pocztowi (Gmail, Outlook, Yahoo Mail) blokuja SVG ze wzgledow bezpieczenstwa od okolo 2016 roku; platformy spolecznosciowe nie akceptuja SVG jako zdjec profilowych, zdjec okladkowych ani metatekstow og:image; a wiele systemow zarzadzania trescia, edytorow rich text i platform e-commerce nie zezwala na przesylanie SVG. WebP, format obrazow internetowych Google (specyfikacja opublikowana w 2010 roku, oparta na VP8), spelnia wszystkie te wymagania: jest rastrowy (kompatybilny z kazdym systemem), obsluguje przezroczystosc (kanal alfa) i osiaga 97% kompatybilnosc z przegladarkami w 2025 roku.
Przeplywy pracy SVG do WebP sa szczegolnie istotne dla zespolow projektowych pracujacych w Figmie, Adobe Illustratorze lub Sketchu. Zespoly te eksportuja zasoby jako SVG, aby zachowac jakosc wektorowa podczas procesu projektowania, ale potrzebuja formatow rastrowych do finalnej dostawy w wielu kanalach. Tradycyjna alternatywa polegala na eksporcie do PNG (bezstratny, ale duze pliki) lub JPG (stratny i bez przezroczystosci). WebP oferuje to, co najlepsze z obu: 25-34% lepsza kompresje stratna niz JPEG (z kanalem alfa w razie potrzeby) lub kompresje bezstratna z mniejszymi plikami niz PNG. Dla metatekstow og:image (Open Graph, specyfikacja Facebooka opublikowana w 2010 roku i powszechnie przyjeta) zalecany rozmiar to 1200x630 px; generowanie tego zasobu bezposrednio z projektu SVG w Figmie gwarantuje maksymalna jakosc i precyzyjna kontrole kompozycji.
Technicznie konwersja SVG do WebP w przegladarce uzywa HTML5 Canvas API (standaryzowanego przez W3C w specyfikacji HTML5 z 2014 roku): SVG jest renderowany na elemencie canvas w zadanej rozdzielczosci za pomoca drawImage(), a nastepnie canvas jest serializowany do WebP przez toBlob() z typem MIME image/webp. Proces ten uzywa natywnego silnika renderowania przegladarki, gwarantujac pelna wierne odwzorowanie wizualne i kompatybilnosc ze wszystkimi funkcjami SVG 1.1. Ograniczenia sa takie same jak w przegladarce: pliki SVG ze skryptami, zewnetrznymi czcionkami z restrykcjami CORS lub bardzo zlozonym filtrowaniem SVG moga byc renderowane inaczej niz oczekiwano. Dla prostych SVG (logo, ikony, plaskie ilustracje) wiernsc jest doskonala. Convertir.ai wykonuje caly proces lokalnie, bez wysylania SVG na jakikolwiek serwer.