Otwórz obszar roboczy GIF i wybierz Create a GIF/MP4. Ustawienia eksportu pojawią się obok zaznaczonych klatek i podglądu. GIF Editor ma ustawienia dla wczytanego pliku we własnym obszarze roboczym.

Poradnik wideo: tworzenie animowanych GIF-ów

Ten film pokazuje, jak za pomocą wtyczki TinyImage animować i eksportować GIF-y z własnych projektów bezpośrednio z Figmy.

Poradnik wideo: dodawanie efektów przejścia do animowanych GIF-ów eksportowanych z Figmy

Ten film pokazuje, jak za pomocą wtyczki TinyImage dodawać efekty przejścia (zanikanie, przesunięcie, wymazanie) do animowanych GIF-ów eksportowanych z Figmy.

Ustawianie wymiarów

Domyślnie wymiary GIF-a odpowiadają pierwszej klatce. Możesz ręcznie zmienić wartości width i height.

Ustawianie skali

Użyj listy scale, aby eksportować w przeskalowanych rozmiarach (na przykład @2x lub @0.5x).

Wybór dopasowania obrazu

Wybierz jedną z opcji:

• Cover Images
• Contain Images (domyślnie)

Ustawianie koloru tła

Ustaw jednolite tło, podając kolor w formacie HEX.

Jeśli klatki wejściowe zawierają przezroczystość, a potrzebujesz przezroczystego GIF-a, włącz Transparent Background.

Konfiguracja kompresji i jakości

Za pomocą suwaka jakości (1-100) sterujesz kompresją stratną.

Włącz Lossless, jeśli chcesz kompresować GIF bez utraty jakości.

Optymalizacja do docelowego rozmiaru pliku

Włącz Size Target i wpisz maksymalny rozmiar w KB, gdy Twoja platforma reklamowa, system e-mailowy lub proces publikacji ma sztywny limit rozmiaru pliku GIF. TinyImage testuje coraz większą stratność i palety 256, 128, 64 i 32 kolorów, a potem używa najmniej agresywnego przetestowanego wyniku, który mieści się w limicie.

Gdy opcja Size Target jest włączona, TinyImage zastępuje ręczne ustawienia Quality docelowym rozmiarem w KB i ukrywa opcję Lossless, ponieważ sam dobiera te ustawienia. Ten sam cel jest dostępny w Create a GIF/MP4, GIF Editor i Figma Motion Export. Dotyczy tylko animowanych GIF-ów, a nie APNG, animowanego WebP, MP4 ani WebM.

Niektórych animacji nie da się zmieścić w bardzo małym limicie bez zmiany ich wymiarów, liczby klatek lub czasu. Jeśli żadne z przetestowanych ustawień nie spełni limitu, TinyImage eksportuje najmniejszy znaleziony prawidłowy wynik. Przed przesłaniem pliku sprawdź jego ostateczny rozmiar.

Konfiguracja wspólnej palety kolorów

Włącz All frames have the same color palette, aby używać palety z pierwszej klatki we wszystkich klatkach.

Używaj tej opcji tylko wtedy, gdy musisz usunąć artefakty lub pasmowanie. Może powodować problemy z kolorami, gdy późniejsze klatki zawierają kolory, których nie ma w pierwszej klatce.

Wybór ditheringu obrazu

Wybierz algorytm ditheringu z listy Image Dithering.