KWALIFIKACJA PGF4 - WRZESIEŃ 2014

PYTANIE NR 17.
Aby grafikę z logo firmy przedstawiającą czerwono-czarny rysunek na białym tle umieścić na stronie internetowej z tłem w kolorze kremowym, należy przeskalować logo, a następnie
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Przy logo na białym tle i stronie z tłem kremowym trzeba usunąć (zrobić przezroczyste) białe tło, aby nie było widocznej "białej ramki". Do tego potrzebny jest format obsługujący przezroczystość, typowo PNG (lub GIF). JPG nie przenosi kanału alfa, więc tła nie da się zachować jako przezroczystego.

Pełne wyjaśnienie:

Jeżeli logo jest przygotowane jako grafika rastrowa z białym tłem, a ma zostać umieszczone na stronie z tłem kremowym, to po wstawieniu pliku bez modyfikacji pojawi się niepożądany biały prostokąt. Dlatego po przeskalowaniu (dopasowaniu rozmiaru do użycia na WWW) kluczowym krokiem jest uzyskanie przezroczystości tła – czyli spowodowanie, aby obszar bieli nie był już pikselami białymi, tylko obszarem przezroczystym.

Odpowiedź "ustawić przezroczystość na biały kolor tła i zapisać plik grafiki w formacie GIF89a lub PNG." jest poprawna, bo wskazuje dwa niezbędne elementy:

  • Usunięcie białego tła (ustawienie przezroczystości dla bieli lub wykonanie maski/wycięcia tła).
  • Zapis w formacie wspierającym przezroczystość w zastosowaniach webowych (najczęściej PNG; GIF również może przenosić przezroczystość, choć zwykle bardziej ograniczoną).

Pozostałe odpowiedzi są błędne z typowych powodów:

  • "ustawić kanał alfa na kolory czerwony lub czarny i zapisać plik w formacie PNG." – kanał alfa dotyczy przezroczystości pikseli, ale tu celem jest usunięcie białego tła, a nie "ustawianie alfa" dla kolorów obiektu. W praktyce mogłoby to prowadzić do niezamierzonego zaniku części logo.
  • "ustawić przezroczystość na biały kolor tła i zapisać plik grafiki w formacie JPG lub TIFF." – nawet jeśli ustawisz przezroczystość w edytorze, zapis do JPG zwykle nie zachowa jej (brak kanału alfa). TIFF bywa używany w DTP/archiwizacji, ale w typowym publikowaniu na WWW nie jest standardowym formatem i nie rozwiązuje problemu kompatybilnie jak PNG.
  • "wystarczy zapisać plik grafiki w formacie GIF89a lub PNG." – sam wybór formatu nie usuwa białego tła. Najpierw trzeba faktycznie zamienić biel tła na przezroczystość (np. zaznaczeniem koloru, maską, narzędziem usuwania tła), dopiero potem zapisać.

Wskazówka egzaminacyjna: gdy w treści pojawia się "na białym tle" oraz "ma trafić na inne tło", niemal zawsze sprawdzana jest umiejętność transparentnego tła i doboru formatu (PNG/GIF zamiast JPG).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
To zapisanie części obrazu jako niewidocznej, tak aby po nałożeniu na stronę WWW widać było tło strony, a nie np. biały prostokąt. Technicznie realizuje się to przez kanał alfa (płynna przezroczystość) lub przezroczystość indeksowaną (często w GIF).
Typowy JPG nie przechowuje przezroczystości (brak kanału alfa), więc "usuniete" tło po zapisie zwykle wróci jako jednolity kolor lub zostanie spłaszczone. JPG jest dobry do zdjęć, ale do logotypów na kolorowych tłach najczęściej wybiera się PNG.
Najczęściej używa się PNG, bo wspiera przezroczystość i zachowuje ostre krawędzie grafiki. GIF też może mieć przezroczystość, ale bywa ograniczony (np. do prostszych przypadków). Wybór zależy od charakteru grafiki i wymagań jakości.
Najpierw trzeba zaznaczyć białe tło (np. narzędziem "zaznacz kolor"), poprawić krawędzie, a potem usunąć tło lub dodać maskę, aby obszar stał się przezroczysty. Dopiero wtedy zapis do PNG zachowa przezroczystość przy publikacji na stronie.
Nie. PNG umożliwia zapis przezroczystości, ale program musi mieć faktycznie przygotowaną warstwę/obszar przezroczysty. Jeśli obraz nadal ma białe piksele w tle, po zapisie do PNG pozostaną białe, a nie "znikną" samoczynnie.
GIF bywa wybierany, gdy grafika jest bardzo prosta, ma niewiele kolorów albo gdy chodzi o animację. Dla statycznych logotypów na różnych tłach zwykle wygodniejszy i jakościowo lepszy jest PNG, szczególnie gdy ważne są gładkie krawędzie i brak posteryzacji.
Kanał alfa to dodatkowa informacja o przezroczystości każdego piksela (od 0% do 100%). Dzięki temu można uzyskać miękkie przejścia na krawędziach i półprzezroczystość. W praktyce jest to bardzo przydatne przy logotypach i ikonach nakładanych na różne tła.
Skalowanie może powodować rozmycie, poszarpane krawędzie albo artefakty, zwłaszcza gdy potem usuwa się tło. Warto skalować w odpowiednim programie i kontrolować antyaliasing. Dobrą praktyką jest eksport w docelowym rozmiarze, aby uniknąć dodatkowego skalowania w przeglądarce.
Najczęstsze błędy to: zapis do JPG (brak przezroczystości), pozostawienie białej obwódki po niedokładnym usunięciu tła, zbyt mała rozdzielczość (nieostre logo) oraz zbyt duży plik (brak optymalizacji). Warto sprawdzić efekt na docelowym tle strony.
Zwykle nie. TIFF częściej służy do druku, archiwizacji i pracy w DTP, a na WWW nie jest standardowym formatem do osadzania grafiki. Dla stron internetowych praktyczniejsze są PNG/JPG/GIF (lub formaty wektorowe), bo mają powszechne wsparcie i lepszą "wagę" pliku.
info

To pytanie poprawnie rozwiązuje 42% zdających egzamin. trudne

Specjaliści zwracają uwagę: "Przy logo na białym tle i stronie z tłem kremowym trzeba usunąć (zrobić przezroczyste) białe tło, aby nie było widocznej "białej ramki"."

Źródła:

  • MDN Web Docs: "Image file type and format guide" (sekcje: PNG, GIF, JPEG) https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types — accessed 2026-03-05
  • W3C: "Portable Network Graphics (PNG) Specification (Second Edition)" https://www.w3.org/TR/PNG/ — accessed 2026-03-05
  • Wikipedia: "Graphics Interchange Format" (informacje o wersji GIF89a i obsłudze przezroczystości) https://en.wikipedia.org/wiki/GIF — accessed 2026-03-05

Materiały:

  • Dokumentacja narzędzi (np. Photoshop/GIMP): maski, zaznaczanie koloru, usuwanie tła, eksport PNG
  • Poradniki o formatach grafiki WWW (PNG vs JPG vs GIF) i ich zastosowaniach
  • Materiały o zarządzaniu kolorem i przygotowaniu assetów do UI/WWW

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego