UltKit

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

Plik wynikowy

Pliki są przetwarzane na naszych serwerach i usuwane po 30 min.

Jak korzystać z narzędzia

  1. 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. 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. 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łoMiękkie, półprzezroczyste krawędzieWięcej niż 256 kolorówAnimation
GIFGIF to Przezroczyste tło: yes– GIF to Miękkie, półprzezroczyste krawędzie: no– GIF to Więcej niż 256 kolorów: noGIF to Animation: yes
PNGPNG to Przezroczyste tło: yesPNG to Miękkie, półprzezroczyste krawędzie: yesPNG to Więcej niż 256 kolorów: yes– PNG to Animation: no
WEBPWEBP to Przezroczyste tło: yesWEBP to Miękkie, półprzezroczyste krawędzie: yesWEBP to Więcej niż 256 kolorów: yesWEBP to Animation: yes
JPG– JPG to Przezroczyste tło: no– JPG to Miękkie, półprzezroczyste krawędzie: noJPG to Więcej niż 256 kolorów: yes– JPG to Animation: no
supported not offeredCo może zawierać każdy format rastrowy po narysowaniu w nim SVG. Tylko GIF jest ograniczony do 256-kolorowej palety i przezroczystości typu włącz/wyłącz.

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
Konwerter SVG

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
Konwerter GIF

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.