Konwerter SVG na GIF
Zamień SVG na obraz GIF o wybranej szerokości, gdy dane miejsce przyjmuje GIF, ale nie wyświetla plików wektorowych. Wynikiem jest nieruchomy obraz z paletą do 256 kolorów, przezroczysty wszędzie tam, gdzie w SVG nic nie narysowano.
Konwerter obrazów
lub upuść Pliki JPG, JPEG, JPE … tutaj ·
Maks. 95 MB na plik· Do 20 plików· Usuwane po 30 min
Pliki są przetwarzane na naszych serwerach i usuwane po 30 min.
85 zachowuje zdjęcia wizualnie identyczne z oryginałem. Obniż tylko wtedy, gdy potrzebujesz mniejszego pliku.
JPG, BMP i EPS nie obsługują przezroczystości. Przezroczyste piksele zostaną wypełnione tym kolorem.
Kolor szesnastkowy użyty za przezroczystymi pikselami, np. #FFFFFF.
Ten format przechowuje pojedynczy obraz. Wybierz wyjście GIF lub WebP, jeśli chcesz zachować animację.
Ikona wielorozmiarowa zawiera kilka rozdzielczości w jednym pliku; przeglądarki i systemy operacyjne wybierają potrzebną.
Zachowaj oryginalne wymiary albo podaj jeden bok, a proporcje zostaną zachowane.
Piksele dla wybranego wyżej boku.
Procent oryginalnych wymiarów.
sRGB jest właściwy dla ekranów i internetu. Zachowaj oryginał w procesach drukarskich; skala szarości odrzuca kolor.
Tylko metadane, 0 zachowuje oryginalną wartość. Drukarki i niektóre portale odczytują tę liczbę; nie zmienia ona wymiarów w pikselach.
Jak korzystać z narzędzia
- 1
Prześlij pliki SVG
Dodaj do 20 plików .svg, każdy do 95 MB, ze swojego komputera lub przeciągnij je na pole przesyłania.
- 2
Ustaw szerokość w pikselach
Ta strona rysuje grafikę wektorową o szerokości 600 px. Zmień liczbę w polu Zmień rozmiar obrazu wynikowego w sekcji Ustawienia zaawansowane; wysokość dopasuje się do proporcji rysunku.
- 3
Konwertuj do GIF
Kliknij Konwertuj na GIF i pobierz każdy obraz osobno lub cały zestaw jako ZIP. Zanim użyjesz pliku, sprawdź jeden na tle, na którym będzie wyświetlany.
Konwersja SVG na GIF zamienia rysunek niezależny od rozdzielczości na stałą siatkę pikseli z co najwyżej 256 kolorami, co sprawdza się przy płaskich logotypach i ikonach, a słabo przy gradientach.
Rasteryzacja SVG do GIF w potrzebnej szerokości
SVG to zestaw instrukcji: narysuj tę ścieżkę, wypełnij ją tym kolorem, umieść ten tekst. GIF jest odwrotnością: siatką pikseli, z których każdy wskazuje jeden z maksymalnie 256 wpisów palety. Konwersja polega na jednorazowym narysowaniu instrukcji w wybranej szerokości w pikselach i zapisaniu wyniku, dlatego szerokość w polu Zmień rozmiar obrazu wynikowego jest tu ważniejsza niż jakiekolwiek inne ustawienie. Ta strona zaczyna od 600 px.
GIF powstał w 1987 roku, gdy opublikowała go firma CompuServe, a jego wersja z 1989 roku, GIF89a, dodała przezroczystość i opóźnienia klatek. Ten wiek jest dziś jego główną zaletą: GIF wyświetlają programy, które odrzucają nowsze formaty, od starszych silników forów po niektóre programy pocztowe i sieci reklamowe. SVG z kolei jest blokowany w wielu formularzach przesyłania, ponieważ to XML, który może zawierać skrypty.
Ponieważ źródło jest wektorowe, możesz narysować je w dowolnej szerokości bez utraty ostrości. Wybierz rozmiar, w jakim GIF faktycznie będzie wyświetlany; późniejsze powiększanie małego GIF-a przywraca rozmycie, którego SVG nigdy nie miał.
| from ↓ · to → | Przezroczyste tło | Miękkie, półprzezroczyste krawędzie | Więcej niż 256 kolorów | Animation |
|---|---|---|---|---|
| GIF | GIF to Przezroczyste tło: yes | – GIF to Miękkie, półprzezroczyste krawędzie: no | – GIF to Więcej niż 256 kolorów: no | GIF to Animation: yes |
| PNG | PNG to Przezroczyste tło: yes | PNG to Miękkie, półprzezroczyste krawędzie: yes | PNG to Więcej niż 256 kolorów: yes | – PNG to Animation: no |
| WEBP | WEBP to Przezroczyste tło: yes | WEBP to Miękkie, półprzezroczyste krawędzie: yes | WEBP to Więcej niż 256 kolorów: yes | WEBP to Animation: yes |
| JPG | – JPG to Przezroczyste tło: no | – JPG to Miękkie, półprzezroczyste krawędzie: no | JPG to Więcej niż 256 kolorów: yes | – JPG to Animation: no |
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
GIF
Graphics Interchange Format
GIF został wprowadzony przez CompuServe w 1987 roku i nadal jest najszerzej obsługiwanym formatem krótkich, zapętlonych animacji. Jest bezstratny, ale ograniczony do palety 256 kolorów na klatkę, więc zdjęcia i gradienty wykazują pasma i dithering. Obsługuje tylko przezroczystość typu włącz/wyłącz (1-bitową), co powoduje poszarpane krawędzie zaokrąglonych kształtów. Animowane GIF-y są często znacznie większe niż ten sam fragment w MP4 lub WebP. Każda przeglądarka, komunikator i platforma społecznościowa odtwarza GIF-y.
- Kompresja
- Bezstratna
- Przezroczystość
- Tak
- Animacja
- Tak
- Rok powstania
- 1987 · CompuServe
SVG na GIF służy do miejsc, które wymagają GIF-a, takich jak podpisy e-mail, stare fora i miejsca reklamowe, gdzie potrzebny jest mały, płaski obraz logo wektorowego; zamiana GIF-a na SVG to wektoryzacja, której celem jest odzyskanie skalowalnej grafiki.
Animowany SVG na GIF: czego nie da się przekonwertować
Animacje SMIL, CSS i skryptowe są pomijane
SVG, który porusza się w przeglądarce dzięki elementom animate, klatkom kluczowym CSS lub JavaScriptowi, staje się jedną nieruchomą klatką GIF pokazującą stan początkowy. Aby uzyskać ruchomy GIF, nagraj animację jako wideo i skonwertuj ją narzędziem wideo na GIF.
256 kolorów i jednobitowa przezroczystość w praktyce
Większość logotypów SVG używa kilku płaskich kolorów, więc limit palety nic nie kosztuje. Problemem są wygładzone krawędzie i gradienty. Każda zakrzywiona krawędź w wyrenderowanym SVG zawiera piksele pośrednie, częściowo przezroczyste; GIF musi każdy z nich uczynić w pełni widocznym albo w pełni przezroczystym, co może dać schodkowy kontur lub jasną obwódkę.
Rozwiązaniem jest wybór tła przed konwersją. Jeśli GIF trafi na biały treść e-maila, dodaj do SVG biały prostokąt tła; na ciemnym motywie forum użyj koloru tego motywu. Piksele krawędzi połączą się wtedy z właściwym kolorem, a kontur pozostanie gładki. Jeśli nie możesz tego wiedzieć z góry, bezpieczniejszy jest PNG.
Pytania o konwersję SVG na GIF
Dlaczego warto wybrać GIF zamiast PNG dla logo SVG?
Tylko wtedy, gdy miejsce docelowe wymaga GIF-a, na przykład stary CMS, podpis na forum albo szablon reklamy, w którym GIF jest wskazanym typem obrazu. PNG zachowuje miękkie krawędzie i nieograniczoną liczbę kolorów, więc SVG na PNG to lepszy wybór domyślny, gdy dozwolone są oba formaty.
Czy animowany SVG stanie się animowanym GIF-em?
Nie. Konwerter rysuje SVG jeden raz, w stanie początkowym, więc elementy animacji SMIL, animacje klatek kluczowych CSS i skrypty nie działają, a wynikiem jest jedna nieruchoma klatka. Aby uchwycić ruch, nagraj animację odtwarzaną w przeglądarce jako wideo, a potem użyj narzędzia wideo na GIF.
Dlaczego krawędzie logo są poszarpane lub mają jasną poświatę?
Przezroczystość w GIF-ie jest włączona lub wyłączona dla każdego piksela, więc gładkie, częściowo przezroczyste piksele krawędzi SVG trzeba albo zachować, albo odrzucić. Krawędzie wygładzone pod jedno tło na innym tle pokazują obwódkę. Przed konwersją dodaj prostokąt tła w kolorze docelowej strony, a krawędzie połączą się z nim czysto.
Co dzieje się z gradientami w SVG?
Paleta GIF zawiera maksymalnie 256 kolorów, więc płynne gradienty trzeba przybliżać. Krótkie gradienty wyglądają dobrze, a duże i subtelne pokazują stopnie lub kropkowany wzór ditheringu. Logotypy i ikony w jednolitych kolorach, czyli typowa zawartość SVG, bez trudu mieszczą się w palecie.
Czy mogę użyć GIF-a w stopce e-mail?
Tak, i to jeden z głównych powodów, dla których ta konwersja jest potrzebna. Gmail i Outlook nie wyświetlają obrazów SVG w wiadomościach, a GIF programy pocztowe wyświetlają od dziesięcioleci. Wybierz niewielką szerokość, około 300–600 px, aby podpis był lekki.
Które ustawienia rozmiaru SVG odczytuje konwerter?
Korzysta z szerokości, wysokości i viewBox rysunku, aby obliczyć proporcje, a następnie rysuje go w ustawionej szerokości w pikselach. Ponieważ źródło jest wektorowe, większa szerokość nie obniża ostrości, zwiększa tylko rozmiar pliku.
Powiązane narzędzia do SVG i GIF
- Konwerter SVG na PNGZamień logo i ikony SVG na PNG o wybranej szerokości (domyślnie 1024 px) z zachowaniem przezroczystego tła. Sprawdź, jak DPI ma się do pikseli.
- Konwerter PNG na GIFZamień PNG na GIF dla narzędzi i szablonów obsługujących tylko GIF. Zobacz, co paleta 256 kolorów i 1-bitowa przezroczystość zmienią w obrazie.
- Konwerter JPG na GIFZamień zdjęcia JPG na pliki GIF do awatarów na forach, podpisów e-mail i programów czytających tylko GIF. Do 20 plików, 256 kolorów, bez konta.
- Konwerter obrazów na GIFKonwertuj JPG, PNG, WebP, HEIC, SVG i inne obrazy do GIF na fora, do podpisów e-mail i starych systemów. 20 plików naraz, bez konta i znaku wodnego.
- Konwerter SVG na JPEGKonwertuj SVG do JPEG dla portali i CMS-ów, które odrzucają grafikę wektorową. Białe tło, domyślnie 1920 px, 20 plików naraz, bez konta.
- Konwerter GIF na PNGKonwertuj GIF na PNG z zachowaniem przezroczystości: zapisz pierwszą klatkę jako obraz lub wyeksportuj każdą klatkę animacji jako osobny plik PNG.