KWALIFIKACJA INF3 - STYCZEŃ 2020

PYTANIE NR 12.
Grafik wykonał logo dla strony internetowej. To czarny znaczek na przezroczystym tle. Aby zachować wszystkie atrybuty obrazu i umieścić go na stronie internetowej, grafik powinien zapisać obraz w formacie
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
PNG obsługuje przezroczystość (kanał alfa), więc czarny znak może zostać zapisany bez tła i poprawnie nałożony na dowolny kolor strony. JPG nie przenosi przezroczystości i wprowadza artefakty na krawędziach, BMP jest nieoptymalny wagowo, a CDR to format edycyjny, nie webowy.

Pełne wyjaśnienie:

W zadaniu kluczowe jest sformułowanie: "czarny znaczek na przezroczystym tle" oraz potrzeba umieszczenia logo na stronie internetowej z zachowaniem cech obrazu. Do takiego zastosowania właściwy jest format, który:

  • przenosi przezroczystość (czyli kanał alfa),
  • dobrze nadaje się do grafiki z ostrymi krawędziami (logo, ikony),
  • jest powszechnie obsługiwany przez przeglądarki.

Odpowiedź "PNG" spełnia te warunki: PNG wspiera przezroczystość i zwykle zachowuje ostre krawędzie logotypu bez typowych zniekształceń kompresji stratnej. Dzięki temu logo można położyć na dowolnym tle (np. kolor, gradient, zdjęcie) bez "ramki" lub niechcianego tła.

Odpowiedź "JPG" jest błędna, ponieważ JPEG z założenia jest formatem stratnym, typowo używanym do fotografii. W standardowym użyciu nie przenosi przezroczystości, a przy ostrych krawędziach (litery, znaki) może powodować artefakty i rozmycia.

Odpowiedź "BMP" także nie jest właściwa do publikacji w WWW: pliki BMP są zwykle duże i nieoptymalne do przesyłania przez sieć, a wsparcie i praktyka webowa preferują formaty skompresowane.

Odpowiedź "CDR" to format projektu edycyjnego (związany z programami do grafiki), a nie format przeznaczony do bezpośredniego osadzania w stronach jako obraz rastrowy. Nawet jeśli CDR może przechowywać projekt, typowym krokiem jest eksport do formatu webowego.

Wskazówka egzaminacyjna: jeśli w treści pojawia się "przezroczyste tło", szukaj formatów wspierających kanał alfa. Gdy mowa o zdjęciu – częściej właściwy jest JPEG; gdy o logo/ikonach – częściej PNG (albo wektor, jeśli jest podany w odpowiedziach).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Kanał alfa to dodatkowa informacja w pliku obrazu opisująca przezroczystość pikseli (od całkiem przezroczystych do nieprzezroczystych). Dzięki temu logo lub ikona może być nałożona na dowolne tło strony bez widocznej "ramki" w kolorze tła zapisanym w pliku.
PNG zwykle zachowuje ostre krawędzie i obsługuje przezroczystość, co jest kluczowe dla logotypów oraz ikon. W efekcie znak wygląda czysto na każdym tle (kolor, gradient, zdjęcie) i nie pojawia się prostokątne tło ani typowe artefakty kompresji stratnej.
JPG/JPEG jest najlepszy głównie do fotografii. Dla logo bywa problematyczny, bo kompresja stratna może psuć ostre krawędzie, a standardowo nie zapewnia przezroczystości tła. Jeśli potrzebujesz logo bez tła, częściej wybiera się PNG lub format wektorowy.
PNG jest często używany do ikon, prostych ilustracji, zrzutów ekranu i elementów UI, gdy liczy się czytelność detali oraz możliwość przezroczystości. Sprawdza się też w sytuacjach, gdy na jednolitym lub zmiennym tle ma być widoczny sam kształt obiektu.
BMP zazwyczaj daje duże pliki w porównaniu z formatami zoptymalizowanymi do sieci. To wydłuża ładowanie strony i zwiększa transfer. W praktyce webowej częściej stosuje się formaty kompresowane (np. PNG dla grafiki z przezroczystością lub JPEG dla zdjęć).
CDR to format pliku projektu używany w programach do grafiki (format edycyjny). Nadaje się do przechowywania i dalszej obróbki projektu, ale nie jest typowym formatem do osadzania jako obraz w przeglądarce. Zwykle wykonuje się eksport do formatu webowego.
Sygnałem są sformułowania typu "przezroczyste tło", "bez tła", "nałożenie na tło strony" albo "ikona na dowolnym kolorze". Wtedy należy szukać formatu, który przenosi kanał alfa. W testach najczęściej będzie to PNG, jeśli opcje są ograniczone.
Częsty błąd to wybór JPEG "bo jest w internecie" bez sprawdzenia wymagań (np. przezroczystość). Drugi błąd to utożsamianie pliku źródłowego projektu (np. format edycyjny) z formatem publikacji. Warto czytać warunek o tle i rodzaju grafiki.
Gdy logo ma być skalowane do różnych rozmiarów bez utraty jakości (np. od favicony po duży nagłówek), zwykle lepsza jest grafika wektorowa. W testach jednak trzeba kierować się odpowiedziami: jeśli wektor nie jest dostępny, wybiera się format najlepiej spełniający warunek przezroczystości.
Trzeba wyeksportować obraz z włączoną przezroczystością (kanał alfa) i sprawdzić podgląd na kolorowym tle. Najczęściej wybiera się PNG i upewnia, że tło w programie graficznym nie zostało "spłaszczone" do bieli. Potem testuje się efekt w przeglądarce.
info

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

Specjaliści zwracają uwagę: "PNG obsługuje przezroczystość (kanał alfa), więc czarny znak może zostać zapisany bez tła i poprawnie nałożony na dowolny kolor strony."

Źródła:

  • MDN Web Docs: "Image file type and format guide" (sekcje PNG i JPEG) — https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types — dostęp 2026-03-02
  • W3C: "PNG (Portable Network Graphics) Specification" — https://www.w3.org/TR/PNG/ — dostęp 2026-03-02
  • CorelDRAW Help: informacje o formacie CDR (format natywny/edycyjny CorelDRAW) — https://product.corel.com/help/CorelDRAW/ — dostęp 2026-03-02

Materiały:

  • Dokumentacja MDN: porównanie formatów obrazów w WWW
  • Ćwiczenia: eksport logo z tłem przezroczystym i test w przeglądarce
  • Materiały o kompresji stratnej/bezstratnej i wpływie na ostre krawędzie grafiki

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego