KWALIFIKACJA PGF4 - STYCZEŃ 2021

PYTANIE NR 14.
Które formaty używane są do tworzenia animowanej grafiki?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Animowana grafika w praktyce WWW jest zapisywana w formatach plików, które przenoszą sekwencję klatek. "GIF i WebP" spełniają ten warunek (GIF – powszechny standard; WebP – nowocześniejszy, często lżejszy). Pozostałe pary zawierają formaty biurowe lub statyczne.

Pełne wyjaśnienie:

Animowana grafika to plik, który zawiera kolejne klatki obrazu wraz z informacją o czasie ich wyświetlania, co daje wrażenie ruchu. W projektach internetowych i multimedialnych kluczowe jest, aby format był realnie obsługiwany przez współczesne narzędzia i przeglądarki.

Odpowiedź "GIF i WebP" jest poprawna, ponieważ oba formaty mogą zapisywać animację:

  • GIF to najpopularniejszy i najbardziej uniwersalny format krótkich, zapętlonych animacji. Ma ograniczenie do 256 kolorów, ale jest szeroko wspierany.
  • WebP to nowocześniejszy format obrazu, który również obsługuje animacje i często pozwala uzyskać mniejszy rozmiar pliku niż GIF przy porównywalnym efekcie.

Pozostałe odpowiedzi są błędne, bo zawierają formaty, które nie są formatami animowanej grafiki:

  • "EPS i XLSX" – EPS to format wektorowy do grafiki/drukowania, a XLSX to arkusz kalkulacyjny; nie służą do animowanych obrazów.
  • "PPTX i PNG" – PPTX to prezentacja, a standardowy PNG jest formatem statycznym (animacja występuje w odrębnym wariancie APNG, ale nie w zwykłym PNG).
  • "HTML i TIFF" – HTML jest językiem znaczników, a nie formatem pliku graficznego; TIFF to zwykle format statyczny używany w poligrafii i archiwizacji.

Wskazówka egzaminacyjna: jeśli pytanie dotyczy formatów plików animowanej grafiki, szukaj odpowiedzi z formatami obrazów obsługującymi klatki (np. GIF, animowany WebP, APNG), a nie technologii stron, dokumentów biurowych czy formatów typowo drukarskich.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Animowana grafika to plik obrazu, który zawiera wiele klatek oraz informacje o czasie ich wyświetlania. Dzięki temu po odtworzeniu powstaje efekt ruchu (np. krótka zapętlona animacja na stronie WWW). Typowe przykłady to animowany GIF lub animowany WebP.
Najczęściej spotkasz animowany GIF oraz animowany WebP. Istnieje też APNG, który zachowuje jakość i przezroczystość, ale nie zawsze jest tak popularny jak GIF. Wybór zależy od wagi pliku, jakości i wsparcia platformy docelowej.
SWF był powiązany z technologią Flash. Po zakończeniu wsparcia Flash Player w 2020 r. nowoczesne przeglądarki usunęły domyślną obsługę tej technologii. W praktyce webowej oznacza to, że pliki SWF nie są uniwersalnym sposobem publikowania animacji.
Standardowy PNG jest formatem statycznym. Istnieje jednak wariant APNG (Animated PNG), który obsługuje animacje oraz przezroczystość alfa. W testach trzeba uważać: odpowiedź "PNG" nie oznacza automatycznie "APNG", jeśli nie jest to doprecyzowane.
GIF ma ograniczenie do 256 kolorów na klatkę, więc gorzej nadaje się do animacji z przejściami tonalnymi lub dużą liczbą barw. Pliki mogą też szybko rosnąć rozmiarem. Mimo to GIF jest popularny, bo działa prawie wszędzie i jest prosty w użyciu.
Animowany WebP często pozwala uzyskać podobny efekt przy mniejszym rozmiarze pliku niż GIF, co przyspiesza ładowanie strony. Daje to korzyści w projektach WWW, gdzie liczy się wydajność. Trzeba jednak sprawdzić, czy platforma publikacji akceptuje WebP.
Gdy animacja jest długa, ma dużo detali albo wymaga płynności i dobrej jakości kolorów, często lepszym wyborem jest wideo (np. w kontenerze MP4/WEBM). Animowane obrazy (GIF/WebP) sprawdzają się głównie przy krótkich pętlach i prostych scenach.
Częsty błąd to wybór formatu na podstawie skojarzeń (np. SWF) zamiast aktualnego wsparcia przeglądarek. Inny błąd to używanie GIF do zbyt "ciężkich" animacji bez optymalizacji. Warto też nie mylić formatu obrazu z technologią strony (HTML/JS).
Najpewniej sprawdzisz to w dokumentacji kompatybilności przeglądarek oraz testując plik na docelowych urządzeniach. W praktyce: przygotuj krótki przykład i otwórz go w kilku przeglądarkach. Pamiętaj, że wsparcie zależy też od platform (WWW, aplikacje, CMS).
Zacznij od skrócenia czasu i liczby klatek, ograniczenia rozdzielczości oraz uproszczenia tła. Następnie dobierz format: GIF dla prostych animacji, WebP gdy zależy Ci na mniejszym rozmiarze. Na końcu porównaj wagę plików i efekt wizualny w przeglądarce.
info

Około 67% zdających odpowiada poprawnie na to pytanie. średnie

W praktyce zawodowej kluczowe jest to, że animowana grafika w praktyce WWW jest zapisywana w formatach plików, które przenoszą sekwencję klatek.

Źródła:

  • Adobe – Flash Player End of Life (EOL) information page, komunikat o zakończeniu wsparcia 31.12.2020: https://www.adobe.com/products/flashplayer/end-of-life.html (dostęp: 2026-03-01)
  • MDN Web Docs – WebP image format (opis formatu, w tym animacji): https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#webp (dostęp: 2026-03-01)
  • MDN Web Docs – Image file type details (sekcja o GIF i właściwościach/ograniczeniach): https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#gif (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN: obrazy w formacie WebP (sekcja o animacji i wsparciu)
  • Dokumentacja MDN: format GIF (ograniczenia palety barw, zastosowania)
  • Komunikaty producentów przeglądarek i Adobe o wycofaniu Flash Player

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego