Jak zrobić GIF-a z wideo

GIF-y to wciąż wspólny język czatów, dokumentacji, zgłoszeń błędów i plików README. Odtwarzają się same, zapętlają bez końca, nie potrzebują odtwarzacza ani kliknięcia i pojawiają się tam, gdzie wideo w ogóle nie jest akceptowane. Haczyk to rozmiar: GIF to format z końca lat 80. z limitem 256 kolorów i bez nowoczesnej kompresji, więc naiwna konwersja 20-sekundowego klipu z telefonu bez trudu daje 50 MB.

Ten poradnik opisuje całą drogę: zdobycie dobrego klipu źródłowego, przycięcie do właściwego momentu, wybór ustawień, które utrzymają mały plik, i co zrobić, gdy wynik nadal jest za duży.

Zdecyduj, czy potrzebujesz GIF-a

GIF to dobry wybór, gdy miejsce docelowe przyjmuje tylko obrazy albo gdy chodzi właśnie o autoodtwarzanie bez dźwięku:

• Odtworzenie błędu dołączone do zgłoszenia lub pull requesta.
• Krótkie demo interfejsu w changelogu, na stronie wiki albo w README.
• Klip-reakcja do czatu.
• Animacja w e-mailu, gdzie wideo się nie odtwarza.
• Slajd w prezentacji, który ma się zapętlać bez elementów sterujących.

Przy wszystkim dłuższym niż mniej więcej 10–15 sekund, wszystkim, gdzie liczy się dźwięk, albo przy zapętlonym tle na własnej stronie krótki MP4 bez dźwięku jest wielokrotnie mniejszy i wygląda lepiej. Używaj GIF-a, gdy musisz, a nie z przyzwyczajenia.

Krok 1: zdobądź dobry klip źródłowy

Nagrania ekranu

• Windows 11. Narzędzie Wycinanie nagrywa ekran do MP4. Zaznacz tylko potrzebny obszar zamiast całego monitora; mniejszy obszar to mniejszy GIF.
• macOS. Naciśnij Cmd+Shift+5 i wybierz „Nagraj zaznaczony fragment”. Wynikiem jest plik MOV, który konwerter przyjmuje bezpośrednio.
• iPhone i Android. Nagrywanie ekranu jest w centrum sterowania lub w szybkich ustawieniach. Nagrania trafiają do Zdjęć albo galerii jako zwykłe filmy.

Przed nagraniem powiększ tekst, który chcesz pokazać, zamknij niezwiązane powiadomienia i ukryj kursor, jeśli nie jest częścią demonstracji. Poruszający się kursor zmienia piksele w każdej klatce i dodaje wagi.

Nagrania z aparatu

Trzymaj telefon nieruchomo albo go o coś oprzyj. Niezmienne obszary kadru w GIF-ie prawie nic nie kosztują, a drżenie ręki sprawia, że każdy piksel zmienia się w każdej klatce. Jednolite tło i stałe światło pomagają palecie 256 kolorów.

Krok 2: przytnij do właściwego momentu

Limit czasu trwania w konwerterze zawsze liczy się od samego początku filmu. Jeśli interesujący cię moment jest w środku, najpierw wytnij go w Przytnij wideo online: odtwórz klip, ustaw suwaki początku i końca (krok 0,1 sekundy) i pobierz krótki MP4.

Krótszy klip to największa pojedyncza oszczędność. Pętla-reakcja rzadko potrzebuje więcej niż 3–5 sekund; demo interfejsu zwykle mieści się w 5–10. Jeśli demo jest z natury powolne, jak pasek postępu, przyspieszenie klipu w Zmień prędkość wideo przed konwersją skraca czas o połowę, nie gubiąc sensu.

Krok 3: konwersja

1. Otwórz Konwertuj wideo na GIF i upuść klip. Akceptowane są MP4, MOV (także nagrania z iPhone’a) i WebM do 500 MB.
2. Wybierz liczbę klatek: 5, 10, 15 lub 20 fps. Domyślne 10 pasuje do większości klipów.
3. Wybierz szerokość: 320, 480, 640 lub 800 px. Wysokość dopasowuje się automatycznie, więc proporcje się nie zmieniają.
4. Ustaw maksymalny czas trwania: 5, 10, 15, 30 lub 60 sekund, liczony od początku klipu.
5. Kliknij „Konwertuj na GIF” i pobierz GIF-a. Przed wysłaniem otwórz go raz, żeby sprawdzić pętlę.

Konwersja działa w przeglądarce na FFmpeg skompilowanym do WebAssembly, więc nagrania ekranu z wewnętrznymi panelami czy danymi klientów nie są nigdzie wysyłane. Przebiega w dwóch przejściach: najpierw buduje paletę 256 kolorów z faktycznych kolorów twojego klipu, a potem odwzorowuje każdą klatkę na tę paletę z ditheringiem. Dlatego wynik wygląda znacznie lepiej niż GIF zrobiony z ogólną paletą webową. Ścieżka dźwiękowa jest odrzucana, a GIF zapętla się bez końca.

Wybór ustawień

Rozmiar GIF-a rośnie mniej więcej jak liczba klatek pomnożona przez liczbę pikseli, więc trzy ustawienia działają razem.

Liczba klatek

• 5 fps. Szarpane, jak kartkowany notes. Wystarczy do pokazów slajdów i klikania krok po kroku w interfejsie.
• 10 fps. Wystarczająco płynne dla nagrań ekranu, „gadających głów” i większości reakcji.
• 15–20 fps. Tylko przy szybkim ruchu, jak sport czy rozgrywka. Plik będzie 1,5–2 razy większy niż przy 10 fps.

Szerokość

• 320 px. Reakcje w czatach i urządzenia mobilne.
• 480 px. Wpisy na blogu i ogólna dokumentacja.
• 640–800 px. Nagrania ekranu, na których drobny tekst musi pozostać czytelny.

Nie wybieraj szerokości większej niż w filmie źródłowym; powiększanie dodaje rozmiaru, nie dodając szczegółów.

Typowe wyniki

10-sekundowy klip przy 480 px i 10 fps zwykle mieści się w kilku megabajtach w przypadku prostego materiału, takiego jak nagranie ekranu z płaskimi kolorami. Zaszumiony materiał z aparatu z ruchem może być kilka razy większy. Jeśli wynik musi zmieścić się w konkretnym limicie, za pierwszym razem celuj nisko i podnoś ustawienia tylko wtedy, gdy jakość jest nie do przyjęcia.

Uwagi o platformach

• Czaty. Wiele komunikatorów zamienia wgrane GIF-y na własny zapętlony format wideo, więc plik, który widzisz później, nie jest twoim oryginałem. Limity wgrywania nadal dotyczą tego, co wysyłasz.
• Hosting kodu i systemy zgłoszeń. GIF-y osadzone w zgłoszeniach i plikach README odtwarzają się automatycznie, dlatego są tak popularne w raportach błędów. Obowiązują limity wgrywania obrazów, więc trzymaj dema krótkie.
• E-mail. Niektóre programy pocztowe pokazują tylko pierwszą klatkę animowanego GIF-a. Upewnij się, że pierwsza klatka ma sens sama w sobie.
• Prezentacje. Aplikacje biurowe odtwarzają GIF-y na slajdach. Przy długich lub dużych animacjach wstawienie MP4 utrzyma rozsądny rozmiar pliku.

Gdy GIF nadal jest za duży

Nie zaczynaj od ponownej konwersji w malutkiej szerokości. Przepuść istniejącego GIF-a przez Kompresja GIF online: jej trzy poziomy jednocześnie zmniejszają liczbę klatek, wymiary i liczbę kolorów, a poziom Wysoki schodzi do 10 fps, zmniejsza o połowę szerokość i wysokość i ogranicza paletę do 64 kolorów. Nagrania ekranu z płaskimi kolorami znoszą to dobrze; na zdjęciach i gradientach szybciej pojawiają się pasy.

Jeśli nadal masz film, powrót do niego z krótszym czasem trwania albo szerokością 320 px zwykle daje lepszy efekt niż mocniejsza kompresja. Więcej o limitach i kompromisach znajdziesz w poradniku o zmniejszaniu GIF-ów do czatu.

Rozwiązywanie problemów

• Konwersja kończy się błędem albo karta pada. Długie klipy przy 800 px i 20 fps mogą wyczerpać pamięć na telefonach i starszych laptopach. Przytnij klip i zmniejsz szerokość.
• GIF zaczyna się w złym momencie. Limit czasu trwania liczy się od 0:00. Najpierw przytnij.
• Pasy albo plamisty szum na gradientach. To limit 256 kolorów plus dithering. Wytnij niebo i miękkie tła albo zamiast tego wybierz krótki MP4.
• Tekst jest nieczytelny. Przy nagraniach ekranu używaj 640 lub 800 px i nagrywaj mniejszy obszar przy większym powiększeniu.
• Kolory wyglądają trochę inaczej. Każda klatka GIF-a korzysta z palety najwyżej 256 kolorów. Odcienie skóry i kolory marki mogą się lekko przesunąć; to cecha formatu, nie ustawień.

Lista kontrolna

1. Upewnij się, że miejsce docelowe wymaga GIF-a, a nie MP4 bez dźwięku.
2. Nagrywaj tylko potrzebny obszar, ze stabilnym kadrem i bez zabłąkanego kursora.
3. Przytnij do 3–10 sekund, które się liczą.
4. Konwertuj przy 10 fps i 480 px, potem dostosuj.
5. Sprawdź rozmiar względem limitu miejsca docelowego; w razie potrzeby skompresuj lub skróć.
6. Przy e-mailu upewnij się, że pierwsza klatka broni się sama.