KWALIFIKACJA INF3 - CZERWIEC 2016

PYTANIE NR 12.
Który z formatów grafiki jest najbardziej odpowiedni do zapisu obrazu z przezroczystością na potrzeby strony internetowej?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Format PNG jest typowo wybierany do grafiki rastrowej na stronach WWW, gdy potrzebna jest przezroczystość, ponieważ obsługuje kanał alfa. JPG standardowo nie zapewnia przezroczystości, BMP zwykle daje zbyt duże pliki, a SVG jest formatem wektorowym i nie zawsze jest właściwy dla "obrazu" rastrowego.

Pełne wyjaśnienie:

W kontekście stron internetowych "obraz z przezroczystością" oznacza plik, w którym tło (lub wybrane fragmenty) może być częściowo albo całkowicie niewidoczne, tak aby spod spodu było widać kolor tła strony lub inne elementy interfejsu. Do tego celu w grafice rastrowej najczęściej wykorzystuje się PNG, ponieważ ten format wspiera kanał alfa, czyli zapis stopnia przezroczystości dla poszczególnych pikseli.

Odpowiedź "PNG" jest właściwa, bo pozwala zachować przezroczyste tło (np. w logotypach, ikonach, elementach UI), a jednocześnie jest powszechnie obsługiwany przez przeglądarki oraz narzędzia do publikacji w sieci.

Dlaczego pozostałe odpowiedzi nie pasują:

  • "JPG" (JPEG) jest świetny do fotografii i dobrze kompresuje zdjęcia, ale standardowo nie oferuje przezroczystości. Jeśli zapiszesz grafikę z tłem "wyciętym", JPG i tak wypełni to tło kolorem.
  • "BMP" to format rastrowy kojarzony z małą kompresją lub jej brakiem, przez co pliki są zwykle duże. Nawet jeśli bywa zdolny do przechowywania informacji o kolorze, w praktyce webowej jest niekorzystny dla wydajności ładowania stron.
  • "SVG" jest formatem wektorowym. Może obsługiwać przezroczystość obiektów i świetnie nadaje się do ikon czy logotypów, ale nie zawsze jest "najbardziej odpowiedni" dla zapisu obrazu rozumianego jako bitmapa (np. fotografia lub render pikselowy). W wielu zadaniach egzaminacyjnych przy takim sformułowaniu chodzi o wybór formatu rastrowego z alfa, czyli PNG.

Wskazówka egzaminacyjna: gdy w pytaniu pojawia się hasło "przezroczystość tła" i jednocześnie mowa o typowym pliku graficznym na WWW, najczęściej właściwą odpowiedzią jest PNG; dla zdjęć bez przezroczystości częściej wybiera się JPG, a dla prostych kształtów i ikon często rozważa się SVG.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Kanał alfa to dodatkowa informacja w pliku obrazu określająca przezroczystość pikseli (lub obiektów). Dzięki niemu tło może być niewidoczne albo półprzezroczyste. W praktyce WWW kanał alfa jest typowo kojarzony z formatem PNG.
JPG (JPEG) został zaprojektowany głównie do kompresji fotografii i standardowo nie przechowuje informacji o przezroczystości. Gdy zapiszesz grafikę z "wyciętym" tłem do JPG, obszary przezroczyste zostaną wypełnione kolorem, co psuje efekt na stronie.
PNG stosuje się m.in. do logotypów, ikon, zrzutów ekranu oraz elementów interfejsu, gdy potrzebna jest dobra ostrość krawędzi i przezroczyste tło. To częsty wybór, gdy grafika ma być nakładana na różne kolory tła lub zdjęcia.
Zależy od typu grafiki. SVG to format wektorowy, świetny dla ikon i logotypów oraz skalowania bez utraty jakości; może też mieć przezroczystość. PNG jest rastrowy i zwykle wybiera się go, gdy obraz ma piksele (np. bitmapowe UI, zrzuty ekranu) i ma zachować kanał alfa.
Wybierz PNG, gdy potrzebujesz przezroczystości, ostrych krawędzi i tekstu (np. ikona, logo, interfejs). JPG częściej wybiera się dla zdjęć bez przezroczystości, gdzie liczy się mały rozmiar pliku przy akceptowalnej jakości, ale bez kanału alfa.
BMP zwykle daje duże pliki (słaba lub brak kompresji), co zwiększa czas ładowania strony i obciąża transfer. W praktyce WWW preferuje się formaty zoptymalizowane pod sieć, takie jak PNG (np. dla przezroczystości) czy JPG (np. dla fotografii).
Najprościej otworzyć plik w edytorze graficznym i sprawdzić, czy tło jest widoczne jako "szachownica", a następnie wyeksportować ponownie z zachowaniem kanału alfa. Możesz też wstawić PNG na stronę z kolorowym tłem i zobaczyć, czy tło strony prześwituje.
Częste błędy to: zapis logotypu z przezroczystością do JPG, używanie BMP (zbyt duże pliki), wybieranie SVG dla grafiki, która jest w istocie bitmapą, oraz brak optymalizacji rozmiaru/kompresji. Na egzaminie warto kojarzyć: przezroczystość → zwykle PNG.
Nie. Przezroczystość oznacza, że plik przechowuje dodatkową informację (kanał alfa), co może zwiększać rozmiar. Rozmiar zależy też od wymiarów grafiki, ilości szczegółów i sposobu kompresji. PNG bywa większy niż JPG dla zdjęć, ale daje inne możliwości.
Utrwal podstawowe cechy: PNG (przezroczystość, grafika rastrowa), JPG (fotografie, brak przezroczystości), SVG (wektor, skalowanie), BMP (duże pliki). Przećwicz rozpoznawanie typu grafiki i celu użycia, bo to zwykle decyduje o poprawnej odpowiedzi.
info

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

Specjaliści zwracają uwagę: "Format PNG jest typowo wybierany do grafiki rastrowej na stronach WWW, gdy potrzebna jest przezroczystość, ponieważ obsługuje kanał alfa."

Źródła:

  • MDN Web Docs: Image file type and format guide (sekcje o PNG, JPEG i przezroczystości), https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types - dostęp 2026-02-28
  • W3C: Portable Network Graphics (PNG) Specification (informacje o alpha channel/przezroczystości), https://www.w3.org/TR/PNG/ - dostęp 2026-02-28
  • W3C: Scalable Vector Graphics (SVG) 2 (charakterystyka formatu SVG jako wektorowego), https://www.w3.org/TR/SVG2/ - dostęp 2026-02-28

Materiały:

  • Dokumentacja MDN o typach i formatach obrazów w sieci
  • Specyfikacja PNG (opis kanału alfa i przezroczystości)
  • Materiały o optymalizacji grafiki webowej (dobór formatu do zastosowania)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego