KWALIFIKACJA PGF4 + PGF5 - CZERWIEC 2021 (test 2)

PYTANIE NR 2.
W których formatach należy zapisać nieregularny obiekt wektorowy, aby zachował swoją przezroczystość po umieszczeniu go na stronie internetowej?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
PNG i GIF to formaty webowe, które mogą zachować przezroczystość tła.
PNG obsługuje kanał alfa (płynne krawędzie, cienie), a GIF przezroczystość binarną (włącz/wyłącz).
JPEG i BMP nie oferują przezroczystości, więc pojawi się prostokątne tło.

Pełne wyjaśnienie:

Przezroczystość jest kluczowa, gdy nieregularny kształt (np. logo, ikona) ma "wtopić się" w tło strony bez widocznego prostokątnego obszaru tła. Dlatego przy zapisie/eksporcie grafiki na potrzeby WWW trzeba wybrać format, który obsługuje przezroczystość.

Odpowiedź "PNG, GIF" jest poprawna, ponieważ:

  • PNG wspiera przezroczystość z kanałem alfa, czyli może zapisać wiele poziomów przezroczystości. Daje to dobre efekty na krawędziach (antyaliasing), przy półprzezroczystych cieniach i gradientach. PNG jest też bezstratny, więc dobrze nadaje się do znaków, ikon i grafiki z ostrymi krawędziami.
  • GIF wspiera przezroczystość indeksową (zwykle 0/1), czyli piksel jest całkowicie przezroczysty albo nie. To wystarcza do prostych ikon bez półprzezroczystych przejść, a dodatkowo GIF bywa używany dla animacji i prostych grafik z ograniczoną paletą barw.

Pozostałe odpowiedzi są niepoprawne, bo zawierają formaty, które nie zachowają przezroczystości po umieszczeniu na stronie:

  • "GIF, BMP" i "PNG, BMP" odpadają, ponieważ BMP standardowo nie obsługuje przezroczystości w typowym zastosowaniu webowym i jest niepraktyczny (bardzo duże pliki), więc po wstawieniu na stronę pojawi się tło.
  • "PNG, JPEG" jest błędne, bo JPEG nie obsługuje przezroczystości (to format typowo fotograficzny, stratny), więc nie nadaje się do nieregularnych obiektów wymagających "wyciętego" tła.

W praktycznym workflow często wygląda to tak: grafika powstaje jako wektor (np. w edytorze wektorowym), a następnie jest eksportowana do formatu rastrowego dla WWW. Jeśli wymagana jest przezroczystość, najczęściej wybiera się PNG (gdy liczy się jakość i półprzezroczystości) albo GIF (gdy grafika jest prosta lub animowana).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Przezroczystość oznacza, że część obrazu nie zasłania tła strony. Dzięki temu nieregularne kształty (np. logo) nie mają widocznego prostokątnego tła. W praktyce jest to realizowane jako kanał alfa (wielopoziomowy) lub przezroczystość binarna (0/1).
Najczęściej używa się PNG i GIF. PNG obsługuje kanał alfa, więc pozwala na półprzezroczystości i gładkie krawędzie. GIF ma przezroczystość indeksową (zwykle włącz/wyłącz), więc sprawdza się w prostych grafikach, czasem też animowanych.
JPEG nie obsługuje przezroczystości, więc nie da się zapisać "wyciętego" tła. Dodatkowo jest formatem stratnym, co może pogarszać ostre krawędzie i drobne detale typowe dla logotypów czy ikon. JPEG najlepiej stosować do fotografii bez potrzeby przezroczystości.
Kanał alfa zapisuje stopień przezroczystości piksela (nie tylko 0/1). Dzięki temu krawędzie obiektu mogą być gładkie (antyaliasing), a cienie i delikatne przejścia wyglądają naturalnie na dowolnym tle strony. To powód, dla którego PNG jest standardem dla ikon i UI.
PNG zwykle umożliwia płynną przezroczystość (kanał alfa), więc półprzezroczyste piksele i cienie są poprawne. GIF ma najczęściej przezroczystość binarną: piksel jest całkiem przezroczysty albo całkiem nie. Dlatego GIF gorzej radzi sobie z miękkimi krawędziami i gradientami.
PNG wybierz, gdy grafika ma cienie, półprzezroczystości, gradienty albo wymaga bardzo dobrej jakości (np. logo z wygładzonymi krawędziami). PNG jest bezstratny i daje lepszy efekt wizualny, choć często kosztem większego rozmiaru pliku niż w prostych GIF-ach.
GIF sprawdza się w prostych ikonach i grafikach z płaskimi kolorami, gdy wystarcza przezroczystość w trybie 0/1. Dodatkową zaletą jest możliwość animacji. Trzeba pamiętać o ograniczeniu palety do 256 kolorów, co nie pasuje do bogatych tonalnie obrazów.
W typowym zastosowaniu webowym BMP nie jest wyborem do grafiki z przezroczystością. Pliki BMP są zwykle duże i nie są standardem publikacji internetowej. W praktyce, jeśli potrzebujesz przezroczystości, stosuje się PNG lub GIF, bo są powszechnie obsługiwane i zoptymalizowane.
Najczęstsze pomyłki to zapis do JPEG (brak przezroczystości) lub wybór GIF przy grafice z cieniami i półprzezroczystościami (GIF nie zachowa płynnych przejść). Zdarza się też eksport z tłem "na stałe" (np. białym), przez co na stronie widać prostokąt wokół obiektu.
Na poziomie podstawowym zapamiętaj regułę: PNG i GIF mogą zachować przezroczystość, a JPEG i BMP nie. Jeśli w odpowiedzi pojawia się JPEG lub BMP, to sygnał ostrzegawczy. Potem dopiero rozważ szczegóły: alfa w PNG vs przezroczystość binarna w GIF.
info

Statystycznie 58% uczniów zna prawidłową odpowiedź. średnie

W praktyce zawodowej kluczowe jest to, że pNG i GIF to formaty webowe, które mogą zachować przezroczystość tła.

Źródła:

  • W3C: "Portable Network Graphics (PNG) Specification (Second Edition)", https://www.w3.org/TR/PNG/ - accessed 2026-02-27
  • Khronos Registry: "Graphics Interchange Format (GIF) Specification", https://www.w3.org/Graphics/GIF/spec-gif89a.txt - accessed 2026-02-27
  • MDN Web Docs: "Image file type and format guide" (sekcje o PNG/GIF/JPEG i przezroczystości), https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types - accessed 2026-02-27

Materiały:

  • Dokumentacja formatów graficznych (PNG, GIF) i ich cech
  • Materiały dydaktyczne o eksporcie "Save for Web/Export" w programach graficznych
  • Artykuły/poradniki o przezroczystości (kanał alfa) i antyaliasingu w grafice rastrowej

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego