KWALIFIKACJA PGF4 - STYCZEŃ 2019

PYTANIE NR 39.
W którym formacie należy zapisać obraz, aby na stronie internetowej był wyświetlany z płynnymi przejściami do przezroczystości (z częściowymi przezroczystościami)?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Format PNG obsługuje przezroczystość z kanałem alfa, czyli także częściowe (pół)przezroczystości i płynne przejścia. JPEG nie przenosi kanału alfa, BMP standardowo nie jest używany w WWW i zwykle nie zapewnia takiej przezroczystości, a PDF nie jest typowym formatem obrazka osadzanego jako plik rastrowy na stronie.

Pełne wyjaśnienie:

Aby obraz na stronie internetowej mógł mieć płynne przejścia do przezroczystości (czyli częściowe przezroczystości), plik musi przenosić informację o kanale alfa. Kanał alfa opisuje, w jakim stopniu dany piksel jest kryjący: od w pełni nieprzezroczystego, przez półprzezroczysty, aż do całkowicie przezroczystego. Dzięki temu możliwe są miękkie krawędzie, cienie, poświaty i delikatne zanikanie tła.

Odpowiedź "PNG" jest poprawna, ponieważ PNG jest formatem rastrowym powszechnie stosowanym w publikacjach internetowych i obsługuje przezroczystość realizowaną właśnie przez kanał alfa (w praktyce: półprzezroczystości i gradienty przezroczystości). To typowy wybór dla logotypów, ikon i elementów interfejsu, które mają mieć gładkie krawędzie na dowolnym tle.

  • "JPEG" jest niepoprawny, bo JPEG został zaprojektowany głównie do zdjęć i stosuje kompresję stratną; standardowo nie przenosi kanału alfa, więc nie zapewnia półprzezroczystości. Efekt "wycięcia" tła wymagałby obejść (np. jednolite tło), co nie spełnia warunku płynnego przejścia do przezroczystości.
  • "BMP" jest niepoprawny w realiach WWW: to format ciężki, zwykle bez kompresji, rzadko używany do publikacji internetowych. Dodatkowo nie jest standardowym wyborem do przechowywania przezroczystości w typowym workflow webowym, więc nie odpowiada na wymaganie półprzezroczystości w praktyce przeglądarkowej.
  • "PDF" jest niepoprawny, ponieważ PDF to format dokumentu (kontener) przeznaczony głównie do składu i dystrybucji publikacji, a nie standardowy "format obrazka" używany jako zasób graficzny na stronie. Choć PDF może zawierać grafikę i przezroczystość, nie jest to właściwa odpowiedź na pytanie o zapis obrazu do wyświetlania jako grafika WWW z kanałem alfa.

Wskazówka egzaminacyjna: jeśli w treści pojawia się "częściowa przezroczystość", "miękkie krawędzie", "cień" lub "płynne przejścia" — szukaj formatu z kanałem alfa. Dla podstawowego zestawu formatów webowych najczęściej będzie to PNG.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Kanał alfa to dodatkowa informacja w pikselach opisująca stopień krycia (przezroczystości). Umożliwia nie tylko tło całkowicie przezroczyste, ale też półprzezroczystości, cienie i płynne zanikanie. PNG jest znanym formatem, który taki kanał alfa potrafi przechowywać.
Typowy JPEG nie przenosi kanału alfa, więc nie zapisze półprzezroczystych pikseli. Nadaje się głównie do fotografii, gdzie liczy się mały rozmiar pliku przy akceptacji strat jakości. Jeśli potrzebujesz płynnych przejść do przezroczystości, wybierz format obsługujący alfa.
Najczęściej jako PNG zapisuje się logotypy, ikony, przyciski, ilustracje z przezroczystym tłem oraz elementy UI z cieniem lub poświatą. Tam, gdzie ważne są ostre krawędzie i przezroczystość (również częściowa), PNG bywa bezpiecznym wyborem przy publikacji w przeglądarce.
W praktyce WWW BMP jest rzadko używany, bo zwykle ma duży rozmiar i słabe wsparcie w typowych workflow publikacji internetowej. Nawet jeśli w pewnych odmianach może przenosić dodatkowe informacje, nie jest standardową odpowiedzią na wymaganie półprzezroczystości w grafice na stronę.
JPEG zwykle wygrywa przy zdjęciach i fotografiach, gdzie nie potrzebujesz przezroczystości, a zależy Ci na małej wadze pliku. Daje dobre rezultaty przy obrazach o wielu szczegółach i przejściach tonalnych, ale kosztem kompresji stratnej. Do ikon i grafiki z alfa częściej wybiera się PNG.
Zwykle chodzi o półprzezroczystość, czyli sytuację, gdy piksele mogą być częściowo kryjące (np. 30%, 50%, 80%). To efekt typowy dla cieni, miękkich krawędzi i poświat. W praktyce oznacza to potrzebę formatu, który obsługuje kanał alfa, a nie tylko brak tła "na sztywno".
PDF jest formatem dokumentu, a nie typowym formatem zasobu obrazkowego w HTML. Może zawierać grafikę, ale w praktyce do wstawiania obrazów w treść strony używa się formatów takich jak PNG lub JPEG. PDF stosuje się raczej do udostępniania dokumentów do pobrania lub podglądu.
Najprościej otworzyć plik w edytorze graficznym i sprawdzić warstwę tła (np. czy widać szachownicę oznaczającą przezroczystość). Możesz też nałożyć obraz na tła o różnych kolorach i zobaczyć, czy krawędzie są miękkie i czy występują półprzezroczystości. Dla PNG to typowe zachowanie.
Częsty błąd to spłaszczenie grafiki na jednolite tło przed eksportem lub zapis do formatu bez kanału alfa. Innym problemem jest nieoptymalny eksport (zbyt duża rozdzielczość), co zwiększa wagę pliku. Warto upewnić się, że eksport zachowuje alfa oraz że grafika ma docelowy rozmiar dla WWW.
Ucz się przez porównywanie: dla każdego formatu zapamiętaj typowe zastosowanie (zdjęcia, ikony, dokumenty), sposób kompresji (stratna/bezstratna) i obsługę przezroczystości. Rozwiązuj krótkie scenariusze: "logo z cieniem", "zdjęcie w tle", "plik do druku". To pomaga szybko dobrać właściwą odpowiedź.
info

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

W praktyce zawodowej kluczowe jest to, że format PNG obsługuje przezroczystość z kanałem alfa, czyli także częściowe (pół)przezroczystości i płynne przejścia.

Źródła:

  • MDN Web Docs: "Image file type and format guide" (sekcje o PNG i JPEG, przezroczystość/alpha), https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types (dostęp: 2026-02-27)
  • RFC 2083: "PNG (Portable Network Graphics) Specification, Version 1.0" (opis możliwości formatu, w tym kanału alfa), https://www.rfc-editor.org/rfc/rfc2083 (dostęp: 2026-02-27)
  • ISO/IEC 15948:2004: "Information technology — Computer graphics and image processing — Portable Network Graphics (PNG): Functional specification" (specyfikacja PNG, w tym przezroczystość) — opis normy (dostęp biblioteczny/instytucjonalny)

Materiały:

  • Dokumentacja przeglądarek i serwisów developerskich o formatach plików graficznych (PNG/JPEG/BMP) i przezroczystości
  • Materiały dydaktyczne z grafiki rastrowej: kanały, głębia koloru, kompresja
  • Ćwiczenia praktyczne: eksport tego samego projektu do różnych formatów i porównanie efektu na tle o różnym kolorze

Aktualizacja pytania: 31.03.2026

Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego