Czy przesłał Pan/Pani GIF na stronę, a on wyświetla się jako statyczny obrazek? Znajoma sytuacja. WordPress domyślnie przepuszcza każdy obraz przez trzy rozmiary i przy jednym z przejść animacja jest po prostu usuwana.

Problem nie leży w pliku. Chodzi o to, jak działa biblioteka multimediów: system tworzy miniaturę, średni i duży rozmiar, a dla GIF pobiera tylko pierwszą klatkę. W efekcie zamiast ruchu otrzymuje Pan/Pani statykę. Naprawa zajmuje kilka minut, bez wtyczek i edycji kodu.

Poniżej dwa działające sposoby na przywrócenie animacji. Plus narzędzia do kompresji GIF przed przesłaniem i sprawdzone źródła gotowych animowanych plików.

💡 Szybki przegląd:

• Podczas wstawiania GIF proszę wybrać „Pełny rozmiar" w ustawieniach załącznika, WordPress nie utworzy miniaturek i zachowa wszystkie klatki.
• Proszę wyłączyć wtyczki do optymalizacji obrazów na czas przesyłania, wymuszają one kompresję pliku i niszczą animację.
• Proszę skompresować GIF przed przesłaniem za pomocą EZGIF lub GIF Compressor, rozmiar pliku zmniejszy się bez utraty jakości.

Dlaczego WordPress „psuje" animację GIF

WordPress jest przystosowany do obróbki statycznych obrazów. Podczas każdego przesyłania do biblioteki multimediów system automatycznie tworzy trzy kopie: miniaturę (thumbnail, domyślnie 150×150 px), średni rozmiar (medium, do 768 px szerokości) oraz duży (large, do 2560 px). Wartości te są zdefiniowane w ustawieniach plików multimedialnych i obowiązują dla wszystkich typów obrazów. Dla JPEG i PNG jest to wygodne, otrzymuje Pan/Pani wersje adaptacyjne na różne urządzenia.

Z GIF jest inaczej. Format przechowuje sekwencję klatek, a nie pojedynczy kadr. Gdy WordPress przycina GIF do standardowych rozmiarów, fizycznie wycina tylko pierwszą klatkę. Reszta jest tracona. W efekcie powstaje statyczny obraz, który wygląda jak zrzut ekranu pierwszej klatki animacji.

Wtyczki do optymalizacji, ShortPixel, Imagify, Smush, pogarszają sytuację. Kompresują wszystko po kolei i nie odróżniają statyki od animacji. Algorytmy są takie same jak dla JPEG. Rezultat jest ten sam: pierwsza klatka zamiast ruchu.

Dobra wiadomość: mechanizm obróbki można obejść bez functions.php i dodatkowych wtyczek.

1. Proszę przesyłać GIF w pełnym rozmiarze

Najszybszy sposób to wskazać WordPressowi, aby nie tworzył pomniejszonych kopii dla konkretnego pliku. Dwa kliknięcia podczas wstawiania obrazu do wpisu.

Proszę otworzyć edytor wpisu lub strony. W edytorze blokowym Gutenberg proszę utworzyć blok „Obraz" i przesłać GIF za pomocą przycisku „Prześlij". W edytorze klasycznym proszę kliknąć „Dodaj plik multimedialny" i przeciągnąć plik do okna przesyłania.

Zaraz po przesłaniu proszę spojrzeć na prawy panel ustawień. W bloku „Ustawienia załącznika" (Attachment Display Settings) proszę znaleźć rozwijaną listę z rozmiarami. Domyślnie ustawiony jest tam Medium lub Large. Proszę wybrać „Pełny rozmiar" (Full Size).

Dopiero potem proszę kliknąć „Wstaw do wpisu". WordPress pominie tworzenie miniaturek i wstawi oryginał ze wszystkimi klatkami animacji. W edytorze Gutenberg od razu zobaczy Pan/Pani podgląd, GIF będzie odtwarzany bezpośrednio w panelu administracyjnym.

Dlaczego to działa. Przy wyborze pełnego rozmiaru WordPress używa pliku źródłowego bez obróbki. System nie uruchamia przycinania, więc sekwencjom klatek nic nie zagraża. GIF pozostaje nienaruszony.

2. Proszę wyłączyć wtyczki optymalizacyjne na czas przesyłania

Wtyczki do kompresji to druga najczęstsza przyczyna „zepsutych" GIF po standardowej obróbce WordPressa. Przechwytują one plik w momencie przesyłania i przepuszczają go przez swoje algorytmy. Algorytmy nie odróżniają statyki od animacji.

Rozwiązanie jest proste: przed przesłaniem GIF proszę tymczasowo dezaktywować wtyczki optymalizacyjne. Proszę przejść do Wtyczki → Zainstalowane, znaleźć ShortPixel, Imagify, Smush, EWWW Image Optimizer i kliknąć „Dezaktywuj" dla każdej z nich. Proszę przesłać GIF w pełnym rozmiarze (sposób 1). Następnie proszę ponownie aktywować wtyczki.

Po dezaktywacji proszę wyczyścić cache, zarówno serwerowy, jak i przeglądarkowy. Wtyczki buforujące (WP Rocket, W3 Total Cache, LiteSpeed Cache) mogą przechowywać starą wersję strony z uszkodzonym obrazkiem.

Ważny niuans. Niektóre wtyczki optymalizacyjne kompresują obrazy w procesie działającym w tle, nie w momencie przesyłania, ale po minucie lub dwóch. Jeśli GIF przestał być animowany nie od razu, a po pewnym czasie, proszę sprawdzić ustawienia wtyczki. Prawie wszystkie mają opcję „Wyklucz GIF z obróbki" lub „Pomijaj animowane obrazy". Proszę ją włączyć, a nie będzie trzeba całkowicie wyłączać wtyczki za każdym razem.

Powiązany problem to błąd HTTP podczas przesyłania obrazu. Jeśli po przesłaniu pojawia się komunikat o błędzie, a nie statyka, rozwiązanie znajduje się w osobnym materiale: jak naprawić błąd HTTP w WordPressie.

Jak skompresować GIF przed przesłaniem do WordPressa

Nieskompresowany GIF może ważyć 5, 10, a nawet 20 megabajtów. Przesłanie takiego pliku na stronę oznacza gwarantowane spowolnienie ładowania strony na urządzeniach mobilnych. Core Web Vitals reagują na ciężkie obrazy spadkiem wskaźnika LCP (Largest Contentful Paint).

Optymalne podejście: skompresować GIF przed przesłaniem do biblioteki multimediów. Bezpłatne narzędzia online robią to za pomocą kilku kliknięć.

EZGIF to kombajn do pracy z GIF. Oprócz kompresji potrafi przycinać, kadrować, zmieniać prędkość animacji oraz konwertować GIF do WebP i MP4. Przesyła Pan/Pani plik lub wstawia bezpośredni link, wybiera metodę kompresji (Lossy GIF daje maksymalne zmniejszenie) i pobiera wynik. Działa bezpośrednio w przeglądarce, bez rejestracji.

GIF Compressor to narzędzie z jednym zadaniem: zmniejszyć rozmiar GIF. Obsługuje przeciąganie plików i przesyłanie wsadowe. Algorytm optymalizuje paletę kolorów i usuwa zduplikowane piksele między klatkami, nie naruszając samej animacji.

Oba serwisy są bezpłatne. Do jednorazowego użytku to wystarczy. Jeśli pracuje Pan/Pani z GIF regularnie, proszę rozważyć odpowiedniki desktopowe: ImageOptim dla macOS lub FileOptimizer dla Windows.

Skąd brać animowane GIF na stronę

Nie trzeba szukać GIF w całym internecie. Dwa sprawdzone źródła, gdzie pliki są posortowane według kategorii i gotowe do wstawienia na stronę.

Giphy to największa baza animowanych obrazów. Miliony GIF są podzielone na kategorie: od reakcji i memów po infografikę i abstrakcyjną animację. Pliki można pobierać bezpośrednio lub osadzać za pomocą kodu embed. Licencja zezwala na wykorzystanie na stronach pod warunkiem, że nie odsprzedaje Pan/Pani samych plików.

Reaction GIFs to katalog animowanych reakcji: oklaski, zdziwienie, śmiech, dezaprobata. Przydatny, gdy trzeba dodać emocjonalny akcent w tekście bez naruszania stylu. Pliki pobiera się jednym kliknięciem, bez rejestracji.

Oba źródła umożliwiają filtrowanie GIF według rozmiaru i czasu trwania, co jest przydatne, gdy potrzebny jest lekki plik, który nie obciąży strony.

Wideo: jak dodać animowany GIF w WordPressie

Krótka instrukcja wideo w języku angielskim, cały proces od przesłania do publikacji z pokazaniem ekranu. Jeśli po tekście pozostały pytania dotyczące interfejsu edytora, wideo odpowiada na nie wizualnie.

⁉️🤔 Często zadawane pytania

Czy można zmusić WordPressa, aby nie tworzył automatycznie miniaturek dla GIF?

Tak, za pomocą hooka wp_handle_upload_prefilter w functions.php motywu potomnego. Hook przechwytuje plik przed obróbką i sprawdza typ MIME: jeśli image/gif, system pomija tworzenie miniaturek. Jednak podczas aktualizacji motywu nadrzędnego kod z functions.php zostanie usunięty. Dlatego proszę albo pracować przez motyw potomny, albo przenieść kod do wtyczki Code Snippets, przetrwa ona wszelkie aktualizacje.

Dlaczego GIF nie animuje się w mobilnej wersji strony?

Najczęściej problemem jest adaptacyjne leniwe ładowanie. Niektóre wtyczki buforujące (WP Rocket, LiteSpeed Cache) zastępują GIF statycznym podglądem na urządzeniach mobilnych, aby oszczędzać transfer danych. Proszę sprawdzić ustawienia wtyczki: znaleźć opcję „Lazy Load for iframes and videos" lub „Replace GIF with placeholder" i ją wyłączyć. Jeśli to nie pomogło, proszę przetestować GIF za pomocą narzędzi deweloperskich Chrome w trybie emulacji urządzenia mobilnego.

Jaki jest maksymalny dopuszczalny rozmiar GIF dla WordPressa?

Formalnego limitu nie ma. WordPress przyjmuje pliki do 100-200 MB, górna granica zależy od ustawień serwera PHP (upload_max_filesize, post_max_size). Jednak z punktu widzenia wydajności proszę utrzymywać GIF w granicach 1-2 MB. Wszystko, co cięższe, odczuwalnie spowalnia ładowanie. Dla animacji dłuższej niż 5 sekund lepiej użyć MP4 przez blok „Wideo": waży on 5-10 razy mniej przy tej samej jakości.

Czy można przekonwertować GIF na MP4 dla WordPressa?

Tak, a dla długich animacji jest to nawet zalecane. Serwis EZGIF konwertuje GIF na MP4 jednym kliknięciem. Następnie proszę przesłać MP4 do biblioteki multimediów i wstawić przez blok „Wideo" w Gutenbergu. Zaleta: MP4 wykorzystuje kompresję międzyklatkową, dlatego plik o tej samej jakości wizualnej waży wielokrotnie mniej. Na urządzeniach mobilnych różnica jest szczególnie zauważalna.

Czy animacja zostanie przywrócona po ponownym przesłaniu GIF po wyłączeniu wtyczek?

Tak, ale z pewnym niuansem. Jeśli przesyła Pan/Pani plik o tej samej nazwie, WordPress tworzy kopię z sufiksem -1, -2 i tak dalej. Stara statyczna wersja pozostaje w bibliotece multimediów. Zalecamy usunięcie starego pliku przez Multimedia → Biblioteka, a następnie ponowne przesłanie GIF z wyłączonymi wtyczkami i wybranym pełnym rozmiarem. Animacja zostanie w pełni przywrócona.

Co zrobić, jeśli GIF nadal się nie animuje

Dwa opisane sposoby, wybór pełnego rozmiaru i wyłączenie wtyczek optymalizacyjnych, rozwiązują większość przypadków. Jeśli jednak GIF nadal stoi w miejscu, proszę przejść przez krótką listę kontrolną.

Proszę sprawdzić sam plik. Proszę pobrać GIF ze strony i otworzyć go lokalnie w przeglądarce. Jeśli animacji nie ma również tam, problem leży w pliku źródłowym, a nie w WordPressie. Zdarza się to przy źle skonwertowanych GIF z MP4: podczas konwersji tracona jest flaga pętli lub metadane animacji.

Proszę sprawdzić ustawienia motywu. Niektóre motywy, szczególnie stare motywy premium z własnymi frameworkami kompresji, przechwytują przesyłanie obrazów przez wbudowane skrypty. Proszę tymczasowo przełączyć się na standardowy motyw, na przykład Twenty Twenty-Five, i przesłać tam GIF. Jeśli zadziałało, proszę skontaktować się z pomocą techniczną motywu.

Proszę sprawdzić serwerowy cache obrazów. Usługi CDN (Cloudflare, BunnyCDN, StackPath) mogą buforować starą, statyczną wersję pliku. Po ponownym przesłaniu GIF proszę wyczyścić cache CDN w panelu sterowania usługi.

Proszę zmienić format. Jeśli żaden sposób nie przywrócił animacji, proszę przekonwertować GIF na MP4 przez konwerter EZGIF i wstawić jako wideo. Dla użytkownika nie ma różnicy, animacja jest odtwarzana, a plik waży mniej.