KWALIFIKACJA OGR1 - TEST WIEDZY NR 3

PYTANIE NR 12.
Zamierzasz stworzyć statyczny baner reklamowy online dla swojej kwiaciarni z przezroczystym tłem. Który format jest najbardziej odpowiedni?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
PNG jest najlepszy dla statycznego banera z przezroczystym tłem, bo obsługuje kanał alfa (przezroczystość stopniowaną) i zachowuje dobrą jakość grafiki z tekstem oraz logo. GIF ma ograniczenie palety barw, a TIFF i BMP zwykle dają zbyt duże pliki jak na WWW.

Pełne wyjaśnienie:

W statycznym banerze reklamowym online z przezroczystym tłem kluczowa jest obsługa przezroczystości w sposób jakościowy (tzw. kanał alfa). Dlatego poprawna jest odpowiedź "PNG".

PNG to format bezstratny, który bardzo dobrze sprawdza się w grafice z tekstem, logotypami i elementami o ostrych krawędziach. Najważniejsze w tym pytaniu: PNG obsługuje przezroczystość stopniowaną, więc tło może płynnie "znikać", a baner da się estetycznie nałożyć na różne kolory lub zdjęcia na stronie.

Dlaczego pozostałe odpowiedzi są niepoprawne:

  • "GIF" – nadaje się głównie do prostych animacji i bardzo prostych grafik. W praktyce ma ograniczoną paletę barw (często prowadzi to do widocznych przejść tonalnych i gorszej jakości), więc dla nowoczesnego, statycznego banera z estetycznym wyglądem zwykle będzie gorszym wyborem.
  • "TIFF" – jest częsty w druku i archiwizacji jakościowej, ale w internecie zwykle oznacza zbyt duży rozmiar pliku i brak sensu użycia w banerze reklamowym, gdzie liczy się szybkie ładowanie.
  • "BMP" – to format z reguły niekompresowany lub słabo kompresowany, przez co pliki są duże. W zastosowaniach online (banery, reklamy) jest niepraktyczny.

Wskazówka egzaminacyjna: jeśli w treści pojawia się warunek "przezroczyste tło", najpierw szukaj formatu, który to wspiera w praktyczny sposób. W typowych zadaniach będzie to PNG; jeśli mowa o fotografii bez przezroczystości, częściej wybiera się JPG/JPEG, a jeśli o animacji – GIF (lub nowsze formaty zależnie od platformy).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Kanał alfa to informacja o przezroczystości piksela (od całkiem przezroczystego do całkiem kryjącego). W banerze online pozwala uzyskać gładkie krawędzie i estetyczne "wycięcie" tła, dzięki czemu grafika dobrze wygląda na różnych tłach strony lub reklamy.
PNG lepiej nadaje się do statycznych grafik z tekstem i logo oraz obsługuje przezroczystość stopniowaną (alfa). GIF częściej wykorzystuje się do prostych animacji, a w statyce może dawać gorszą jakość kolorów i przejść tonalnych. Do nowoczesnych banerów statycznych zwykle wybiera się PNG.
TIFF jest popularny w druku i archiwizacji, gdzie liczy się maksymalna jakość, ale zwykle generuje większe pliki. W reklamie internetowej ważne są szybkie ładowanie i mała waga pliku, więc TIFF jest niepraktyczny i często nie jest standardowo używany w takich materiałach.
Zwykle nie. BMP często przechowuje obraz bez efektywnej kompresji, przez co pliki są duże i wolniej się ładują. W materiałach online lepiej stosować formaty zoptymalizowane pod sieć, takie jak PNG (dla grafiki z przezroczystością) albo JPG/JPEG (dla fotografii).
GIF ma sens głównie wtedy, gdy potrzebujesz prostej animacji (np. migający rabat, zmiana napisu "Promocja dnia"). Trzeba jednak pamiętać o ograniczeniach jakościowych i ostrożnie dobierać liczbę kolorów. Do statycznych banerów z przezroczystym tłem lepszy jest PNG.
Jeśli baner to głównie fotografia i nie potrzebujesz przezroczystego tła, najczęściej wybiera się JPG/JPEG, bo daje mały rozmiar pliku przy dobrej jakości zdjęć. PNG też zadziała, ale przy zdjęciach często będzie "cięższy". Warunek przezroczystości zwykle przesuwa wybór na PNG.
Najczęściej: wybierają GIF "bo internet", ignorując warunek przezroczystości i jakości; używają TIFF/BMP, myląc zastosowania druku z webem; nie rozróżniają grafiki z tekstem/logo od fotografii; oraz zapominają o optymalizacji wagi pliku, co pogarsza szybkość ładowania reklamy.
Usuń zbędne elementy i nadmiar pustej przestrzeni, ogranicz wymiary do potrzebnych, eksportuj z odpowiednim poziomem kompresji i użyj narzędzi do optymalizacji PNG. Zachowaj czytelność tekstu i krawędzie logo. Zawsze porównaj: waga pliku vs jakość po kompresji.
Otwórz plik w programie graficznym i sprawdź, czy tło jest pokazane jako szachownica (typowy symbol przezroczystości). Możesz też nałożyć grafikę na kolorowe tło w edytorze lub na stronie testowej. Jeśli po eksporcie pojawia się białe tło, zapis nie zachował przezroczystości.
Dobór formatu wpływa na jakość i szybkość reklamy kwiaciarni. PNG pozwala przygotować estetyczne grafiki z logo, ceną i hasłem na przezroczystym tle (np. do nałożenia na zdjęcie lub kolor strony). To ułatwia spójną identyfikację wizualną i poprawia odbiór oferty.
info

To pytanie poprawnie rozwiązuje 58% zdających egzamin. średnie

Według specjalistów z branży: "PNG jest najlepszy dla statycznego banera z przezroczystym tłem, bo obsługuje kanał alfa (przezroczystość stopniowaną) i zachowuje dobrą jakość grafiki z tekstem oraz logo."

Źródła:

  • MDN Web Docs: "Image file type and format guide" (sekcja o PNG/JPEG/GIF) https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types - dostęp 2026-03-05
  • Wikipedia: "Portable Network Graphics" (obsługa kanału alfa i zastosowania) https://en.wikipedia.org/wiki/Portable_Network_Graphics - dostęp 2026-03-05
  • Wikipedia: "Graphics Interchange Format" (ograniczenia palety kolorów i zastosowania) https://en.wikipedia.org/wiki/GIF - dostęp 2026-03-05

Materiały:

  • Dokumentacja MDN o formatach obrazów w sieci (PNG/JPEG/GIF i zastosowania)
  • Artykuły/poradniki o różnicach PNG vs JPG vs GIF (przezroczystość, kompresja, zastosowania)
  • Ćwiczenia praktyczne: eksport tej samej grafiki do PNG/GIF/JPG i porównanie jakości oraz rozmiaru pliku

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego