Darmowy konwerter online GIF do SVG

Czym jest format GIF

GIF, czyli Graphics Interchange Format, to format rastrowy, który przechowuje każdą klatkę jako obraz indeksowany zawierający do 256 kolorów. Używa bezstratnej kompresji LZW, obsługuje jednobitową przezroczystość i może przechowywać wiele klatek wraz z informacjami o czasie ich wyświetlania na potrzeby animacji.

Przeglądarki internetowe, aplikacje do obsługi wiadomości, narzędzia do przechwytywania ekranu i edytory obrazów powszechnie używają plików GIF. Logotypy, ikony, diagramy, pixel art i krótkie animacje to typowe zastosowania GIF. GIF ma stałe wymiary w pikselach, więc jego powiększanie powoduje powstawanie kanciastych krawędzi; ograniczona paleta sprawia również, że format ten nie nadaje się do większości fotografii.

Czym jest format SVG

SVG, czyli Scalable Vector Graphics, to format oparty na XML, który matematycznie opisuje ścieżki, kształty, tekst, gradienty i inne elementy rysunkowe. Przeglądarki i aplikacje wektorowe mogą renderować te elementy w różnych rozmiarach bez utraty rozdzielczości charakterystycznej dla obrazów rastrowych.

SVG nadaje się do logotypów, ikon, diagramów, map, ilustracji, grafiki przeznaczonej do druku i ścieżek dla ploterów tnących. Jego tekstową strukturę można edytować w Inkscape lub edytorze tekstu, stylizować za pomocą CSS i osadzać w HTML. SVG może również zawierać oryginalny GIF jako osadzony bitmap; zachowuje to piksele wewnątrz kontenera SVG, ale nie sprawia, że obraz staje się skalowalny ani użyteczny jako ścieżki cięcia.

Jak przekonwertować GIF do SVG

Aby uzyskać prawdziwy wynik wektorowy, użyj trasowania bitmapy w komputerowym edytorze wektorowym, takim jak Inkscape:

1. Otwórz plik za pomocą File → Open. Animowane pliki GIF nie są konwertowane jako kompletne animacje przez standardowe trasowanie; wybierz lub wyodrębnij potrzebną klatkę.
2. Wybierz zaimportowaną bitmapę i użyj polecenia Path → Trace Bitmap.
3. Użyj opcji Brightness cutoff w przypadku grafiki czarno-białej. W przypadku logotypu lub ilustracji o jednolitych kolorach wybierz Multiple scans → Colors. Większa liczba skanów może zachować więcej kolorów, ale tworzy również więcej ścieżek i węzłów.
4. Dostosuj próg, liczbę skanów i opcje czyszczenia, obserwując podgląd, a następnie kliknij Apply. Inkscape umieści wytrasowane ścieżki nad oryginalną bitmapą.
5. Przesuń wytrasowaną grafikę poza GIF lub usuń oryginalną bitmapę. Sprawdź krawędzie i węzły przy dużym powiększeniu, a następnie użyj File → Save As i wybierz Plain SVG, gdy ważna jest zgodność z innymi programami.

Aby przekonwertować plik bez instalowania oprogramowania, prześlij go do 101convert.com i wybierz SVG. Następnie sprawdź pobrany plik: automatyczna konwersja może wytrasować obraz, zachować GIF jako osadzoną bitmapę lub przetworzyć tylko jedną klatkę animacji.

Aby wyodrębnić konkretną klatkę przed trasowaniem, użyj FFmpeg, na przykład:

ffmpeg -i input.gif -frames:v 1 frame.png

Spowoduje to wyodrębnienie pierwszej klatki. Aby wyodrębnić inną klatkę, określ jej znacznik czasu i dodaj odpowiednią wartość -ss przed plikiem wejściowym, a następnie wytrasuj wynikowy plik PNG w Inkscape.

Ograniczenia jakości i zgodności

Trasowanie nie może przywrócić szczegółów usuniętych w wyniku redukcji palety GIF, niewielkich wymiarów lub kompresji. Grafika o jednolitych kolorach i ostrych granicach tworzy czystsze ścieżki niż fotografie, gradienty, teksturowane ilustracje i antyaliasowane zrzuty ekranu. Fotografia przekształcona w ścieżki może utworzyć niepotrzebnie duży, trudny w edycji plik SVG o słabych rezultatach wizualnych.

Użyj najmniejszej liczby skanów, która zachowuje wymagane kształty. Nadmierna liczba skanów może utworzyć tysiące węzłów, zwiększyć rozmiar pliku i spowolnić renderowanie. Używaj polecenia Path → Simplify ostrożnie, ponieważ może zaokrąglać narożniki lub usuwać drobne szczegóły.

Trasowanie nie zachowuje automatycznie animacji GIF. Każdą klatkę trzeba przekonwertować osobno, a następnie połączyć za pomocą animacji SVG, JavaScript lub innej aplikacji. Obsługa SVG w przeglądarkach i edytorach wektorowych jest szeroka, ale maszyny tnące i starsze programy mogą akceptować tylko ograniczony zestaw funkcji SVG. Usuń nieobsługiwane filtry i efekty, a tekst zamień na ścieżki, gdy oprogramowanie docelowe nie może używać czcionek lub gdy wymagane jest dokładne odwzorowanie liter.