Wyniki egzaminu

Nowy egzamin

Informacje o egzaminie:

Zawód: Technik informatyk
Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Data rozpoczęcia: 8 czerwca 2026 10:37
Data zakończenia: 8 czerwca 2026 10:48

Egzamin zdany!

Wynik: 23/40 punktów (57,5%)

Wymagane minimum: 20 punktów (50%)

Nowe

Analiza przebiegu egzaminu- sprawdź jak rozwiązywałeś pytania

Przebieg egzaminu

Pochwal się swoim wynikiem!

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

Przedstawiona ikona funkcji edytora grafiki rastrowej o nazwie "kubełek" umożliwia

A. zmianę aktywnych kolorów.

B. zaznaczenie obszaru o takim samym kolorze.

C. wypełnienie zaznaczonego obszaru kolorem.

D. pobranie wskazanej barwy i ustawienie jej, jako aktywnej.

Gratulacje, odpowiedź jest poprawna. Ikona 'kubełek farby' w edytorach grafiki rastrowej jest narzędziem umożliwiającym wypełnienie zaznaczonego obszaru wybranym kolorem. Działanie tego narzędzia jest podobne do rozlewania farby - kolor wypełnia ciągły obszar aż do napotkania krawędzi lub pikseli o innym kolorze. Ta funkcja pozwala na szybkie i efektywne kolorowanie większych powierzchni obrazu. W praktyce, jest to niezwykle przydatne narzędzie, szczególnie gdy potrzebujesz szybko zmienić tło obrazu lub wypełnić obszar jednolitym kolorem. Warto również zauważyć, że różne edytory mogą mieć dodatkowe opcje dla tego narzędzia, takie jak możliwość wyboru tolerancji (która decyduje, jak bardzo podobny kolor musi być, aby został wypełniony) czy wypełnianie według warstwy czy według obrazu.

Pytanie 2

Kolor zielony to szesnastkowo #008000. Jaki to zapis RGB?

rgb(0, 160, 0)

rgb(0, 128, 0)

rgb(0, 80, 0)

rgb(0, 100, 0)

Pozostałe odpowiedzi błędnie przeliczają parę 80. To nie 80 dziesiętnie (taki byłby zapis #005000), nie 160 (#00A000) ani 100 (#006400). Szesnastkowe 80 równa się 128, więc #008000 to rgb(0, 128, 0).

Pytanie 3

Jaką wartość w formacie heksadecymalnym będzie miała barwa określona kodem rgb(255, 10, 22)?

A. #251022

B. #2551022

C. #FF0A16

D. #FF1016

Wybór błędnych odpowiedzi wynika najczęściej z niezrozumienia zasad konwersji kolorów z formatu RGB do formatu heksadecymalnego. Odpowiedzi takie jak #2551022 czy #251022 sugerują, że użytkownik nie zrozumiał, jak działa system szesnastkowy, w którym każda para cyfr reprezentuje jeden z trzech kanałów koloru. Na przykład, w odpowiedzi #2551022 widzimy zbyt wiele cyfr, co jest niezgodne z formatem heksadecymalnym, który wymaga dokładnie sześciu znaków. Dodatkowo, odpowiedzi te mogą prowadzić do błędnych wyników w projektach graficznych i programistycznych, gdzie precyzyjne określenie kolorów jest kluczowe. W przypadku #FF1016, choć niektóre cyfry są poprawne, znowu pojawia się problem z wartościami kanału zielonego, gdzie odpowiednia wartość powinna być 0A, a nie 10. Przykłady te pokazują, jak ważne jest zrozumienie, że kanały kolorów w RGB są reprezentowane w skali szesnastkowej jako dwucyfrowe liczby szesnastkowe, a ich nadmiar lub zmiana kolejności może prowadzić do nieprawidłowych kolorów. Dobra praktyka w projektowaniu to upewnienie się, że konwersje są wykonywane poprawnie, aby uniknąć niepożądanych wyników.

Pytanie 4

Który format to RASTROWY format graficzny z kompresją BEZSTRATNĄ?

A. CDR

B. JNG

C. SVG

D. PNG

PNG to rastrowy format graficzny z kompresją BEZSTRATNĄ - zmniejsza rozmiar pliku bez pogorszenia jakości obrazu, dodatkowo obsługując przezroczystość. Dlatego nadaje się do grafik, w których liczy się czystość krawędzi i kolorów. Zapamiętaj: PNG = raster + bezstratność (+ kanał alfa).

Pytanie 5

Grafika powinna być zapisana w formacie GIF, jeśli

A. jest to obraz w technologii stereoskopowej

B. istnieje potrzeba zapisu obrazu w formie bez kompresji

C. jest to grafika wektorowa

D. konieczne jest zapisanie obrazu lub animacji

Format GIF (Graphics Interchange Format) jest powszechnie wykorzystywany do przechowywania obrazów oraz animacji. Dzięki obsłudze przezroczystości oraz możliwości tworzenia prostych animacji, GIF stał się standardem w przypadku grafiki na stronach internetowych. Jego ograniczenie do 256 kolorów sprawia, że idealnie nadaje się do prostych grafik, takich jak logo czy ikony, gdzie nie jest wymagana pełna gama kolorów, co ma miejsce w formatach takich jak JPEG czy PNG. W przypadku animacji, GIF umożliwia zapis wielu klatek w jednym pliku, co pozwala na odtwarzanie sekwencji obrazu bez potrzeby korzystania z dodatkowego oprogramowania. Praktyczne zastosowanie GIF-a można zaobserwować w mediach społecznościowych, gdzie animowane obrazki są często wykorzystywane do wyrażania emocji, a także na stronach internetowych do przedstawiania logo w ruchu. Używanie formatu GIF w kontekście animacji jest zgodne z dobrą praktyką w branży, ponieważ pozwala na efektywne zarządzanie zasobami wizualnymi oraz zwiększa atrakcyjność treści wizualnych.

Pytanie 6

Podczas realizacji grafiki na stronę internetową konieczne jest wycięcie jedynie jej części. Jak nazywa się ta czynność?

A. kadrowanie

B. zmiana rozmiaru

C. odwrócenie obrazu

D. łącznie warstw

Kadrowanie to proces, który polega na przycinaniu obrazu w celu uzyskania określonego obszaru, eliminując zbędne fragmenty. W kontekście przygotowywania grafiki na stronę internetową, kadrowanie jest kluczowe, ponieważ pozwala na dostosowanie wymiarów obrazu do wymagań projektu, co jest szczególnie istotne w kontekście responsywnego designu. Przykładowo, jeśli mamy zdjęcie o wysokiej rozdzielczości, a chcemy je wykorzystać jako tło na stronie, kadrowanie pozwala nam wybrać najważniejszy fragment, który będzie najlepiej komponował się w ustalonym układzie. W praktyce kadrowanie nie tylko poprawia estetykę grafiki, ale także wpływa na jej wydajność, zmniejszając rozmiar pliku, co jest korzystne dla szybkości ładowania strony. Warto również zaznaczyć, że dobrym zwyczajem jest zachowanie proporcji obrazu podczas kadrowania, co można osiągnąć przy pomocy narzędzi takich jak Adobe Photoshop czy GIMP, które oferują funkcje do precyzyjnego wycinania i dostosowywania wymiarów.

Pytanie 7

W instrukcjach mających na celu odtwarzanie dźwięku jako muzyki tła na stronie internetowej NIE stosuje się atrybutu

A. href="C:/100.wav"

B. balance="-10"

C. volume="-100"

D. loop="10"

Odpowiedź href="C:/100.wav" jest prawidłowa, ponieważ atrybut href jest używany w kontekście linków hipertekstowych, a nie do odtwarzania dźwięku na stronie. W przypadku odtwarzania dźwięku w HTML, odpowiednie tagi to <audio> oraz związane z nimi atrybuty, takie jak src, controls, autoplay, loop, itp. Aby zrealizować odtwarzanie dźwięku jako podkładu muzycznego, używamy tagu <audio src="C:/100.wav" autoplay loop></audio>, co zapewnia, że dźwięk z pliku .wav będzie odtwarzany automatycznie i w pętli. Zgodnie z dobrymi praktykami, pliki audio powinny być dostępne na serwerze i wskazywane względem ich lokalizacji w sieci, co wspiera lepszą wydajność oraz dostępność. Użycie atrybutu href w tym kontekście jest niewłaściwe i może prowadzić do niepoprawnego działania strony, ponieważ przeglądarki nie interpretują tego w kontekście dźwięku. Przykładowo, zamiast href, należy zastosować odpowiednie atrybuty w tagu <audio> zgodnie z aktualnymi standardami HTML5.

Pytanie 8

Który parametr obiektu graficznego zmieni się po modyfikacji wartości kanału alfa?

A. kolejność wyświetlania pikseli

B. nasycenie kolorów

C. przezroczystość

D. ostrość krawędzi

Pozostałe parametry zależą od czego innego. Nasycenie kolorów reguluje saturacja, ostrość krawędzi - wyostrzanie, a kolejność wyświetlania pikseli nie ma związku z kanałem alfa. Modyfikacja kanału alfa zmienia przezroczystość.

Pytanie 9

Kanał alfa jest wykorzystywany do określenia

A. przezroczystości obiektu graficznego

B. podstawowych właściwości obiektu graficznego

C. wybranego fragmentu obiektu graficznego

D. jasności oraz kontrastu kolorów

Kanał alfa nie zajmuje się jasnością i kontrastem kolorów, te sprawy są związane z innymi systemami kolorów, jak HSV czy HSL. Jasność to w sumie intensywność koloru, a kontrast to różnica między jasnymi a ciemnymi miejscami w obrazie. Kanał alfa koncentruje się tylko na przezroczystości, więc to nie dotyczy tych kwestii. Tak samo, zaznaczenie jakiejś części obiektu graficznego nie jest związane z kanałem alfa; to po prostu technika w programach graficznych do wyboru konkretnych obszarów, która nie ma nic wspólnego z przezroczystością. W końcu, podstawowe właściwości obiektu graficznego, takie jak jego wymiary, położenie czy kolor, są określane przez inne atrybuty, a nie kanał alfa. Dlatego zrozumienie, jak działa kanał alfa w grafice komputerowej, jest istotne, jeśli chcesz sprawnie wykorzystać technologię graficzną i tworzyć zaawansowane efekty wizualne.

Pytanie 10

Przedstawiona transformacja obrazu, w edytorze grafiki rastrowej, została wykonana przy pomocy filtru

A. redukcja szumu.

B. błysk gradientowy.

C. rozmycia Gaussa.

D. szum HSV.

Gratulacje, twoja odpowiedź jest prawidłowa. Wybrałeś 'rozmycie Gaussa', które jest odpowiednią odpowiedzią. Na przedstawionym obrazie widzimy, że obraz po prawej stronie jest rozmyty w sposób ciągły i jednolity - to jest charakterystyczne dla rozmycia Gaussa. Filtr rozmycia Gaussa jest powszechnie stosowany w edytorach grafiki rastrowej do uzyskania efektu miękkiego rozmycia, który symuluje efekt obserwacji obiektu przez nieostre medium lub z dużą głębią ostrości. Jest to praktyczne narzędzie, które ma szerokie zastosowanie zarówno w fotografii, jak i w grafice komputerowej. Filtr ten jest często używany do poprawy estetyki obrazów, redukcji szumu i artefaktów, a także w szeroko pojętym przetwarzaniu obrazów, takim jak detekcja krawędzi. Jego nazwa pochodzi od matematyka Karla Gaussa, który opracował koncepcję rozkładu normalnego, na którym opiera się ten filtr.

Pytanie 11

Który efekt został zaprezentowany na filmie?

A. Przenikanie zdjęć.

B. Zmiana jasności zdjęć.

C. Zmniejszenie kontrastu zdjęcia.

D. Zwiększenie ostrości zdjęcia.

Poprawnie wskazany efekt to przenikanie zdjęć, często nazywane też płynnym przejściem (ang. crossfade). Polega to na tym, że jedno zdjęcie stopniowo zanika, jednocześnie drugie pojawia się z narastającą widocznością. W praktyce technicznej realizuje się to najczęściej przez zmianę przezroczystości (opacity) dwóch warstw – jedna warstwa z pierwszym obrazem ma zmniejszaną wartość opacity z 1 do 0, a druga z kolejnym zdjęciem zwiększaną z 0 do 1. Na stronach WWW taki efekt robi się zwykle za pomocą CSS (transition, animation, keyframes) albo JavaScriptu, czasem z użyciem bibliotek typu jQuery czy gotowych sliderów. Moim zdaniem to jest jeden z podstawowych efektów, który warto umieć odtworzyć, bo pojawia się w galeriach, sliderach na stronach głównych, prezentacjach produktów czy prostych pokazach slajdów. W materiałach multimedialnych, np. w edycji wideo, dokładnie ten sam efekt nazywa się przejściem typu „cross dissolve” lub „fade”, i zasada działania jest identyczna – płynne nakładanie się dwóch klatek obrazu w czasie. Dobre praktyki mówią, żeby nie przesadzać z czasem trwania przenikania: zwykle 0,5–1,5 sekundy daje przyjemny, profesjonalny wygląd, bez wrażenia „zamulenia” interfejsu. Warto też pilnować spójności – jeśli na stronie używasz przenikania w jednym miejscu, dobrze jest utrzymać podobny styl animacji w innych elementach, żeby całość wyglądała konsekwentnie i nie rozpraszała użytkownika. W kontekście multimediów na WWW przenikanie jest też korzystne wydajnościowo, bo operuje głównie na właściwości opacity i transformacjach, które przeglądarki potrafią optymalizować sprzętowo.

Pytanie 12

Który z formatów plików dźwiękowych zapewnia największą redukcję rozmiaru pliku?

A. CD-Audio

B. MP3

C. WAV

D. PCM

MP3 to format z kompresją stratną - odrzuca dźwięki słabo słyszalne dla ucha, dzięki czemu plik jest wielokrotnie mniejszy od zapisu nieskompresowanego, przy akceptowalnej jakości. To dlatego zdominował przechowywanie i przesyłanie muzyki. Pozostałe wymienione formaty są zasadniczo nieskompresowane, więc zajmują dużo miejsca. Stopień kompresji MP3 reguluje przepływność (bitrate). Dlatego największą redukcję rozmiaru daje MP3.

Pytanie 13

Aby uzyskać przedstawiony efekt napisu w programie INKSCAPE / COREL, należy

A. skorzystać z opcji wstaw / dopasuj tekst do ścieżki

B. zastosować opcję sumy z kołem

C. skorzystać z opcji gradientu

D. zastosować opcję wykluczenia z kołem

Funkcja wstaw lub dopasuj tekst do ścieżki w programach takich jak Inkscape czy CorelDRAW pozwala na kreatywne umieszczanie tekstu wzdłuż określonej linii lub krzywej co jest przydatne w projektowaniu graficznym gdzie częstym wymaganiem jest dostosowanie tekstu do nietypowych kształtów. Na przykład tworzenie logo gdzie napis musi okrążać okrąg lub być umieszczony wzdłuż linii falistej. Proces ten zaczyna się od stworzenia ścieżki którą może być zarówno linia prosta jak i bardziej złożona krzywa a następnie wybrania opcji dopasowania tekstu do tej ścieżki. Kluczowe jest by zrozumieć że taka ścieżka działa jak prowadnica dla tekstu który dostosowuje się do jej kształtu co pozwala na uzyskanie efektów trudnych do osiągnięcia tradycyjnymi metodami. Funkcja ta jest zgodna z dobrymi praktykami projektowania graficznego umożliwiając twórcom większą elastyczność i kreatywność w prezentacji tekstu. Jest to również standardowe narzędzie w pakietach do grafiki wektorowej co pozwala na łatwą edycję i skalowanie projektów bez utraty jakości co jest kluczowe w profesjonalnym designie.

Pytanie 14

Jaki kolor oznacza zapis szesnastkowy #0000FF?

A. czerwony

B. zielony

C. czarny

D. niebieski

W zapisie szesnastkowym #RRGGBB kolejne pary to czerwony, zielony i niebieski. W #0000FF czerwony i zielony są zerowe, a niebieski maksymalny (FF = 255), więc kolor jest NIEBIESKI. Dlatego #0000FF to niebieski.

Pytanie 15

Jak powinien być poprawnie zapisany znacznik <img>, służący do umieszczenia na stronie internetowej obrazu rys.jpg, przeskalowanego do szerokości 120 px oraz wysokości 80 px z tekstem alternatywnym "krajobraz"?

A. <img image="rys.jpg" width="120px" height="80px" alt="krajobraz"/>

B. <img src="rys.jpg" height="120px" width="80px" info="krajobraz"/>

C. <img href="rys.jpg" height="120px" width="80px" info="krajobraz"/>

D. <img src="rys.jpg" width="120px" height="80px" alt="krajobraz"/>

Odpowiedzi, które nie są zgodne z poprawnym zapisem znacznika <img>, wykazują kilka kluczowych błędów, które wpływają na ich nieprawidłowość. W pierwszej z błędnych odpowiedzi zamiast atrybutu 'src' użyto 'image', co jest błędem w kontekście HTML. 'src' jest standardowym atrybutem, który określa źródło obrazu, podczas gdy 'image' nie jest rozpoznawane przez przeglądarki i nie prowadzi do wyświetlenia żadnej grafiki. W drugiej odpowiedzi zamiast 'alt' zastosowano 'info', co również jest nieprawidłowe, ponieważ 'alt' jest kluczowym atrybutem, który zapewnia opis alternatywny obrazu, istotny dla dostępności. Ponadto, w obu przypadkach zostały błędnie zamienione wartości 'width' i 'height', co może prowadzić do nieproporcjonalnego wyświetlania obrazów, co z kolei negatywnie wpływa na estetykę i użyteczność strony. Warto również zaznaczyć, że jednostka 'px' w kontekście atrybutów rozmiaru nie jest wymagana w HTML5, więc nawet jeśli byłoby to zastosowane w poprawny sposób, nie jest to konieczne. Te nieporozumienia mogą wynikać z braku znajomości aktualnych standardów HTML, co może prowadzić do problemów z wyświetlaniem i dostępnością treści na stronach internetowych. Zastosowanie odpowiednich atrybutów oraz ich wartości jest kluczowe dla tworzenia stron internetowych zgodnych z aktualnymi standardami i praktykami, co w dłuższym okresie przekłada się na lepsze doświadczenia użytkowników.

Pytanie 16

Najprostszy sposób przekształcenia obiektu oznaczonego cyfrą 1 w obiekt oznaczony cyfrą 2 to

A. narysowanie docelowego obiektu

B. animowanie obiektu

C. zmiana warstwy obiektu

D. geometryczne transformowanie obiektu

Geometria transformacji to niezwykle ważne pojęcie w dziedzinie grafiki komputerowej i projektowania. Polega na zmianie kształtu obiektu za pomocą operacji takich jak skalowanie, obracanie, przesuwanie czy odkształcanie. W kontekście pytania, geometria transformacji umożliwia przekształcenie obiektu oznaczonego cyfrą 1 w obiekt oznaczony cyfrą 2 poprzez zmianę jego kształtu i wielkości. Praktyczne zastosowanie transformacji geometrycznych obejmuje m.in. skalowanie w celu dostosowania rozmiarów obiektów do różnych nośników lub kontekstu wyświetlania. Obracanie jest używane do orientacji obiektów w przestrzeni, co jest niezwykle przydatne w modelowaniu 3D czy animacjach. Dobre praktyki projektowania graficznego zalecają korzystanie z transformacji geometrycznych, aby uzyskać spójną i estetyczną kompozycję. Standardy branżowe często definiują konkretne algorytmy i formaty danych dla transformacji, jak na przykład macierze przekształceń w grafice trójwymiarowej. Zrozumienie i umiejętne zastosowanie tych pojęć pozwala na efektywne tworzenie złożonych struktur wizualnych oraz interaktywnych aplikacji.

Pytanie 17

Jaką rozdzielczość określa jednostka ppi (ang. pixels per inch)?

A. Obrazów generowanych przez drukarki i plotery

B. Skanujących urządzeń.

C. Obrazów bitmapowych.

D. Cyfrowych przyrządów dokonujących pomiarów.

Skanery są urządzeniami, które przetwarzają obrazy z analogowych źródeł na format cyfrowy, ale nie są bezpośrednio związane z rozdzielczością wyrażaną w ppi. Często mylnie zakłada się, że skanery działają na podobnych zasadach jak drukarki, jednak ich rozdzielczość jest mierzone w dpi (dots per inch), co odnosi się do punktów na cal, a nie pikseli. Obrazy rastrowe, chociaż mają swoje zastosowanie w kontekście ppi, nie są jedynym kontekstem dla tej jednostki. Rozdzielczość obrazów rastrowych odnosi się do ich jakości i szczegółowości, jednak ppi jest najczęściej używane w kontekście druku, a nie w samym tworzeniu obrazów rastrowych. Cyfrowe urządzenia wykonujące pomiary mogą mieć różne zastosowania, ale również nie odnoszą się do ppi w kontekście ich działania czy wydajności. Rozumienie, jak różne urządzenia i techniki pomiarowe używają różnych jednostek miary do określania rozdzielczości, jest kluczowe dla prawidłowego zrozumienia tematu. W branży graficznej oraz drukarskiej ważne jest, aby właściwie interpretować te jednostki oraz ich zastosowania w praktyce.

Pytanie 18

Przy edytowaniu obrazu w programie graficznym rastrowym należy usunąć kolory z obrazu, aby uzyskać jego wersję w skali szarości. Jaką funkcję można zastosować, aby osiągnąć ten efekt?

A. szumu RGB

B. kadrowania

C. desaturacji

D. filtru rozmycia

Desaturacja to technika używana w edytorach grafiki rastrowej, polegająca na usunięciu kolorów z obrazu, co prowadzi do uzyskania odcieni szarości. Proces ten jest często stosowany w celu podkreślenia formy, tekstury i kontrastu obiektów w grafice, a także w celu poprawy czytelności w przypadku zdjęć i ilustracji, gdzie kolory mogą rozpraszać uwagę. Aby zastosować desaturację, użytkownik może skorzystać z odpowiedniej opcji w menu edytora, co zazwyczaj odbywa się poprzez wybór narzędzia desaturacji lub konwersji na skalę szarości. Dobrą praktyką jest przetestowanie różnych metod desaturacji, ponieważ niektóre programy oferują różne algorytmy, które mogą dawać różne rezultaty. Na przykład, niektóre edytory pozwalają na kontrolę intensywności desaturacji, co daje większą elastyczność w edytowaniu. W kontekście standardów branżowych, desaturacja jest powszechnie używana w grafikach do druku i w mediach cyfrowych, aby poprawić jakość wizualną i komunikacyjną obrazów.

Pytanie 19

Aby nałożyć na zdjęcie półprzezroczysty znak wodny (logo prześwitujące przez obraz), należy:

A. zastosować filtr Gaussa

B. poprawić nasycenie kolorów

C. odpowiednio przyciąć obraz

D. wykorzystać kanał alfa

Półprzezroczystość daje kanał alfa, a nie inne operacje. Nasycenie zmienia intensywność barw, przycięcie kadruje obraz, a filtr Gaussa rozmywa - żadne nie czyni warstwy prześwitującą. Trzeba wykorzystać kanał alfa.

Pytanie 20

W programie INKSCAPE / COREL aby uzyskać przedstawiony efekt napisu, należy

A. skorzystać z funkcji wstaw / dopasuj tekst do ścieżki.

B. zastosować funkcję wykluczenia z kołem.

C. skorzystać z funkcji gradientu.

D. zastosować funkcję sumy z kołem.

Niestety, twoja odpowiedź nie była prawidłowa. Wybrane przez Ciebie odpowiedzi odwoływały się do operacji na obiektach (sumowanie, wykluczanie) lub do efektów wizualnych (gradient), które nie mają bezpośredniego związku z manipulacją tekstem wzdłuż ścieżki. W programach graficznych takich jak Inkscape czy CorelDRAW, aby uzyskać efekt tekstu dopasowanego do ścieżki, stosuje się funkcję dopasowania tekstu do ścieżki. Funkcje sumowania czy wykluczania obiektów służą do tworzenia nowych kształtów z istniejących obiektów, a nie do manipulacji tekstem. Podobnie, gradient to efekt wizualny, który pozwala na płynne przejście między dwoma lub więcej kolorami, ale nie wpływa on na kształt czy orientację tekstu. Ważne jest aby nie mylić tych różnych funkcji i umieć prawidłowo je zastosować w praktyce.

Pytanie 21

Który format wideo NIE jest natywnie obsługiwany przez element <video> w HTML5?

A. AVI

B. MP4

C. Ogg

D. WebM

Element <video> w HTML5 obsługuje natywnie formaty MP4 (H.264), WebM i Ogg. AVI to starszy kontener, którego przeglądarki nie odtwarzają wprost przez <video> - wymaga konwersji do jednego z obsługiwanych formatów. Dlatego nieobsługiwanym formatem jest AVI.

Pytanie 22

Poprawny zapis znacznika , za pomocą którego można umieścić na stronie internetowej obraz rys.jpg przeskalowany do szerokości 120 px i wysokości 80 px z tekstem alternatywnym "krajobraz" to

A. <img image="rys.jpg" width="120px" height="80px" alt="krajobraz">

B. <img src="rys.jpg" height="120px" width="80px" info="krajobraz">

C. <img href="rys.jpg" height="120px" width="80px" info="krajobraz">

D. <img src="rys.jpg" width="120px" height="80px" alt="krajobraz">

Odpowiedź <img src="rys.jpg" width="120px" height="80px" alt="krajobraz"> jest na pewno dobra! Używasz fajnego atrybutu 'src' do wskazania, skąd bierzesz obrazek, co jest super ważne. Atrybuty 'width' i 'height' też są dobrze ustawione, bo określają, jak duży ma być obrazek na stronie. To naprawdę przydaje się, zwłaszcza jak robimy responsywne strony. A ten 'alt', to świetny pomysł – daje tekst alternatywny, co bardzo pomaga osobom, które korzystają z czytników ekranu. Bez tego mogą nie wiedzieć, co jest na obrazku, a to jest spoko, bo dba o dostępność. Co do pikseli, używasz ich standardowo, ale pomyśl, że w CSS można też iść w procenty czy jednostki względne, żeby było jeszcze elastyczniej. W sumie, gdybyś chciał, mógłbyś bawić się CSS-em do stylizacji obrazów tła, co też sprawia, że wszystko lepiej się dopasowuje do różnych ekranów.

Pytanie 23

Którą funkcję z menu Kolory programu GIMP użyto, w celu uzyskania efektu przedstawionego w filmie?

A. Krzywe.

B. Progowanie.

C. Barwienie.

D. Inwersja.

Wiele osób myli w GIMP-ie różne narzędzia z menu Kolory, bo na pierwszy rzut oka kilka z nich „mocno zmienia” obraz. Jednak efekt pokazany na filmie, gdzie obraz staje się dwuwartościowy (czarno-biały, bez półtonów), jest typowym działaniem funkcji Progowanie. Kluczowe jest tu zrozumienie, czym różnią się od siebie dostępne operacje. Krzywe służą do zaawansowanej korekcji tonalnej i kontrastu. Można nimi mocno przyciemnić lub rozjaśnić wybrane zakresy jasności, robić tzw. efekt kontrastu „S”, korygować prześwietlenia itd. Ale nawet przy bardzo agresywnych ustawieniach krzywych obraz nadal zawiera półtony – pojawiają się stopniowe przejścia między odcieniami, a nie ostre odcięcie na zasadzie czarne/białe. To świetne narzędzie do retuszu zdjęć, ale nie do uzyskania efektu progowania. Inwersja (Kolory → Inwersja) po prostu odwraca wartości kolorów lub jasności: jasne staje się ciemne, czerwony zmienia się na cyjan, zielony na magentę itd. To jak negatyw fotograficzny. Struktura szczegółów pozostaje identyczna, zmienia się tylko ich „biegun”. Nie pojawia się żadne odcięcie progowe, więc obraz wciąż ma pełne spektrum odcieni. W praktyce inwersja przydaje się np. przy przygotowaniu masek lub pracy z materiałami skanowanymi, ale nie generuje typowego, „plakatowego” efektu czerni i bieli jak progowanie. Barwienie z kolei (Kolory → Barwienie) służy do nadania całemu obrazowi jednolitego odcienia, zwykle po wcześniejszym sprowadzeniu go do skali szarości. Można w ten sposób uzyskać np. sepię, niebieski ton nocny albo dowolny kolorystyczny „filtr”. Jasność i kontrast lokalny pozostają bardzo podobne, zmienia się dominująca barwa. To zupełnie inna kategoria operacji niż progowanie, które pracuje na poziomie progów jasności, a nie na poziomie koloru. Typowym błędem jest patrzenie tylko na to, że „obraz bardzo się zmienił” i przypisywanie tego narzędziom takim jak krzywe czy inwersja. W pracy z grafiką warto zawsze zadać sobie pytanie: czy efekt polega na zmianie rozkładu jasności, na odwróceniu kolorów, czy na twardym podziale na dwa poziomy? Jeśli widzisz brak półtonów i ostre granice, praktycznie zawsze chodzi o progowanie, które zostało wskazane jako poprawna funkcja.

Pytanie 24

Jakie kolory wchodzą w skład modelu barw CMYK?

A. cyjan, magenta, żółty i karmazyn

B. cyjan, magenta, żółty i czarny

C. czerwony, zielony, niebieski i kanał alfa

D. czerwony, zielony i niebieski

Czerwony, zielony i niebieski to model RGB (ekrany), a nie CMYK. „Karmazyn” zamiast czarnego jest błędny - czwartą składową CMYK jest CZARNY (K). Kanał alfa to przezroczystość, nie barwa modelu. CMYK to cyjan, magenta, żółty i czarny.

Pytanie 25

Najłatwiejszym sposobem na zmianę obiektu z numerem 1 na obiekt z numerem 2 jest

A. narysowanie obiektu docelowego

B. zmiana warstwy obiektu

C. geometriczne przekształcenie obiektu

D. animacja obiektu

Geometryczne transformowanie obiektu to proces, który pozwala na zmiany w wielkości, kształcie, pozycji lub orientacji obiektu bez modyfikacji jego struktury. W przypadku zamiany obiektu oznaczonego cyfrą 1 na obiekt oznaczony cyfrą 2, transformacja geometryczna, jak skalowanie, jest najprostszą metodą. Skalowanie pozwala na proporcjonalne powiększenie obiektu, co jest niezbędne, gdy chcemy zwiększyć jego rozmiar bez zniekształceń. W praktyce, narzędzia do obróbki grafiki czy modelowania 3D, takie jak Adobe Illustrator czy AutoCAD, oferują funkcje do precyzyjnego skalowania. Kluczowe jest zachowanie proporcji, co można osiągnąć poprzez skalowanie względem określonego punktu odniesienia. Transformacje geometryczne są fundamentalne w wielu dziedzinach, takich jak projektowanie graficzne, inżynieria czy animacja komputerowa, i są zgodne z najlepszymi praktykami, które promują efektywność i precyzję w pracy z obiektami wizualnymi.

Pytanie 26

Który z poniższych formatów NIE pozwala na zapis plików animowanych?

A. GIF

B. SWF

C. ACE

D. SVG

Pozostałe formaty obsługują animację, więc nie są odpowiedzią. GIF przechowuje sekwencję klatek wyświetlanych w pętli - to klasyczny format prostych animacji. SWF to format technologii Flash, stworzony właśnie do animacji i interaktywnych aplikacji. SVG, choć wektorowy, również pozwala animować elementy obrazu. Formatem niesłużącym do animacji jest ACE - to archiwum do kompresji plików - dlatego ta odpowiedź jest poprawna.

Pytanie 27

Na stronie internetowej dodano grafikę w kodzie HTML. Co się stanie, jeśli plik rysunek.png nie zostanie odnaleziony przez przeglądarkę?

<img src="rysunek.png" alt="pejzaż">

A. wyświetli tekst "pejzaż" w miejscu grafiki

B. zademonstruje błąd wyświetlania strony w miejscu grafiki

C. nie pokaże strony internetowej

D. wstawi tekst "rysunek.png" zamiast grafiki

W HTML znacznik <img> jest używany do wstawiania obrazów na stronach. Ważne, żeby pamiętać o atrybucie src, który mówi przeglądarce, skąd ma wziąć obraz. A alt to taki tekst zapasowy, który wyświetli się, jeśli obrazek nie załaduje się z jakiegoś powodu. To istotne, bo ułatwia dostępność dla osób, które mogą mieć trudności z widzeniem. Na przykład, gdy plik rysunek.png się nie załaduje, to wyświetli się tekst z atrybutu alt - w tym przypadku słowo pejzaż. To jest zgodne z dobrymi praktykami, bo każdy powinien wiedzieć, co miało być na obrazku, nawet jeśli go nie widzi. To także pomaga wyszukiwarkom w indeksowaniu treści. A używanie atrybutu alt to rzecz, którą warto stosować, jeśli chcemy, żeby nasza strona była dostępna i przyjazna dla użytkowników. Przy tym, przypomina mi się, że to też jest zgodne z zasadami dostępności WCAG.

Pytanie 28

Kolorem, który ma odcień niebieski, jest kolor

A. #EE0000

B. #0000EE

C. #00EE00

D. #EE00EE

Odpowiedzi takie jak #EE0000, #00EE00 oraz #EE00EE wskazują na inne kolory, które nie są związane z odcieniem niebieskim. #EE0000 odpowiada czerwieni, co można zrozumieć analizując jego składowe: wysoka wartość czerwonej (EE) w połączeniu z zerowymi wartościami zielonej i niebieskiej. Czerwień jest często używana do przyciągania uwagi, jednak w kontekście pytań o kolor niebieski, jest to nieadekwatny wybór. Z kolei #00EE00 reprezentuje zielony, gdzie składowa zielona ma wysoką intensywność, a czerwona i niebieska są nieobecne, co nie ma związku z poszukiwanym kolorem. Ostatnia odpowiedź, #EE00EE, przedstawia różowy, co wynika z wysokiej wartości zarówno czerwonej, jak i niebieskiej, a braku zielonej. Dobrą praktyką w zakresie wyboru kolorów jest zrozumienie ich znaczenia oraz zastosowania w konkretnej dziedzinie, co ma kluczowe znaczenie w kontekście projektowania graficznego czy brandingowego. Niezrozumienie podstawowych zasad definiowania kolorów w formacie RGB może prowadzić do nieprawidłowych wyborów kolorystycznych, które z kolei mogą wpływać na percepcję marki czy funkcjonalność aplikacji. Dlatego ważne jest, aby zrozumieć, jakie wartości szesnastkowe odpowiadają poszczególnym kolorom oraz jakie są ich praktyczne zastosowania w projektach graficznych.

Pytanie 29

Która operacja NIE zmieni rozmiaru (wagi) pliku graficznego?

A. interpolacja

B. kompresja

C. zmiana rozmiaru WYŚWIETLANIA obrazu atrybutami HTML

D. zmiana rozdzielczości obrazu

Atrybuty HTML (np. width, height) zmieniają tylko ROZMIAR WYŚWIETLANIA obrazu w przeglądarce - plik na serwerze pozostaje ten sam, więc jego waga się nie zmienia. To dlatego „zmniejszenie” obrazka atrybutem nie przyspiesza ładowania. Dlatego wagi pliku nie zmieni skalowanie atrybutami HTML.

Pytanie 30

Podczas edytowania grafiki w programie do obróbki rastrowej należy usunąć kolory z obrazu, aby uzyskać wizualizację w odcieniach szarości. W tym celu można zastosować funkcję

A. filtru rozmycia

B. szumu RGB

C. kadrowania

D. desaturacji

Desaturacja to proces, który polega na usunięciu kolorów z obrazu, co skutkuje uzyskaniem jego wersji w odcieniach szarości. W kontekście edytorów grafiki rastrowej, takich jak Adobe Photoshop lub GIMP, desaturacja jest kluczową funkcją, umożliwiającą szybkie przekształcenie zdjęcia kolorowego w monochromatyczne. Tego typu operacje są szczególnie przydatne w fotografii czarno-białej, w grafice artystycznej oraz w projektowaniu, gdzie kolor może odwracać uwagę od kompozycji lub detali. Aby wykonać desaturację, wystarczy zastosować odpowiednią funkcję menu, co pozwala na łatwe i efektywne pozbycie się kolorów. Dobrą praktyką jest również eksploracja różnych metod desaturacji, takich jak konwersja do skali szarości lub użycie filtrów, które mogą dać różne efekty wizualne. Warto również zaznaczyć, że desaturacja nie jest tym samym co konwersja do odcieni szarości, gdyż może zachować pewne informacje o luminancji, które są istotne w kontekście dalszej obróbki obrazu.

Pytanie 31

Taki styl CSS sprawi, że na stronie internetowej

ul{ list-style-image: url('rys.gif'); }

A. punkt listy nienumerowanej będzie rys.gif

B. rys.gif stanie się ramką dla listy nienumerowanej

C. rys.gif wyświetli się jako tło dla listy nienumerowanej

D. każdy punkt listy zyska osobne tło z grafiki rys.gif

Deklaracja CSS ul{ list-style-image: url('rys.gif'); } powoduje, że każdy element listy nienumerowanej (ul) używa obrazu rys.gif jako punktora. Właściwość list-style-image pozwala na zamianę domyślnego stylu punktów listy, takiego jak kropki czy kwadraty, na dowolny obrazek. Jest to przydatne, gdy chcemy nadać stronie unikalny wygląd lub dostosować ją do identyfikacji wizualnej marki. W praktyce oznacza to, że zamiast klasycznego punktora, użytkownicy zobaczą wybrany obraz, co może wpłynąć na estetykę i czytelność strony. Ważne jest, aby obraz był odpowiednio skalowany, aby nie zaburzał układu listy. List-style-image to standardowa właściwość CSS uznawana przez większość przeglądarek, co czyni ją uniwersalnym narzędziem w rękach projektanta stron. W procesie projektowania warto upewnić się, że wybrany obrazek jest dostępny dla wszystkich użytkowników, co można osiągnąć np. poprzez dodanie atrybutu alt w wersji tekstowej listy dla lepszej dostępności.

Pytanie 32

Który parametr obrazu zmieni się po zmianie wartości NASYCENIA (saturacji)?

A. ostrość krawędzi

B. intensywność (żywość) barw

C. kolejność wyświetlania pikseli

D. przezroczystość

Nasycenie (saturacja) określa INTENSYWNOŚĆ i czystość barw. Przy nasyceniu bliskim zera kolory bledną aż do skali szarości, a przy wysokim stają się soczyste i żywe - to typowy suwak w GIMP-ie czy Photoshopie, gdy zdjęcie ma wyglądać „mocniej” lub „spokojniej”. Sama jasność i barwa (odcień) pozostają, zmienia się tylko siła kolorów. Zapamiętaj: saturacja steruje żywością barw.

Pytanie 33

Od czego zależy WYSOKOŚĆ dźwięku?

A. od czasu trwania drgań

B. od siły wzbudzenia drgań

C. od sposobu pobudzenia drgań

D. od częstotliwości drgań fali akustycznej

Pozostałe cechy wpływają na co innego. Siła i sposób wzbudzenia drgań przekładają się na głośność i barwę dźwięku, a czas trwania drgań - na długość dźwięku. Wysokość zależy od częstotliwości drgań fali.

Pytanie 34

Ikona przedstawiająca funkcję w edytorze grafiki rastrowej, znana jako „kubełek”, pozwala na

A. wybór obszaru o identycznym kolorze

B. zmianę bieżących kolorów

C. pobranie wybranej barwy i ustawienie jej jako aktywnej

D. wypełnienie obszaru, który został zaznaczony kolorem

Narzędzie 'kubełek', często spotykane w edytorach grafiki rastrowej takich jak Adobe Photoshop czy GIMP, służy do wypełniania zaznaczonego obszaru kolorem. Jest to szczególnie przydatne w sytuacjach, gdy chcemy szybko zapełnić jednolitym kolorem duże powierzchnie, takie jak tła lub obiekty. Działa na zasadzie zalewania najbliższych pikseli wybranym kolorem, uwzględniając podobieństwo kolorów, co można regulować za pomocą opcji tolerancji. W praktyce, narzędzie to usprawnia proces tworzenia grafik, ponieważ eliminuje potrzebę ręcznego kolorowania każdego piksela. Dodatkowo 'kubełek' może być stosowany w połączeniu z różnymi trybami mieszania, co pozwala na uzyskanie bardziej zaawansowanych efektów wizualnych. Praca z 'kubełkiem' wymaga zrozumienia koncepcji warstw, ponieważ wypełnianie na konkretnej warstwie ma wpływ na finalny wygląd projektu. Wiedza o tym, jak skutecznie używać narzędzia 'kubełek', jest niezbędna dla każdego grafika cyfrowego, który chce pracować efektywnie i profesjonalnie, realizując projekty zgodnie z najlepszymi praktykami branżowymi.

Pytanie 35

Które z poniższych stwierdzeń dotyczy skalowania obrazu?

A. Powoduje zmianę wymiarów obrazu bez modyfikacji istotnej zawartości wizualnej

B. Powoduje wycięcie określonego fragmentu z pierwotnego obrazu w celu uzyskania lepszego widoku

C. Łączy lub odejmuje figury

D. Polega na modyfikacji sposobu zapisu obrazu, aby zmienić metodę kompresji

Skalowanie obrazu to proces, który polega na zmianie jego rozmiaru, zachowując przy tym kluczowe elementy wizualne. Istotne jest, aby w trakcie skalowania nie doszło do zniekształcenia ważnych detali czy proporcji obrazu. W praktyce, stosowanie algorytmów interpolacji, takich jak biliniowa czy bikubiczna, pozwala na uzyskanie wysokiej jakości powiększeń lub pomniejszeń obrazów, co jest fundamentem w grafice komputerowej, projektowaniu stron internetowych oraz w fotografii cyfrowej. Dzięki odpowiednim technikom, możemy skalować zdjęcia do różnych rozmiarów bez utraty istotnych informacji, co jest niezwykle ważne w kontekście przygotowywania materiałów do druku lub publikacji online. Dobrze wykonane skalowanie obrazu zapewnia estetyczny wygląd i zgodność z wymogami technicznymi, co jest kluczowe w mediach, marketingu i projektowaniu graficznym.

Pytanie 36

Aby zapisać prostą animację na potrzeby strony internetowej, można skorzystać z formatu:

A. PNG

B. CDR

C. JPG

D. GIF

Do zapisania prostej animacji na stronę internetową nadaje się format GIF. Plik GIF może przechowywać wiele klatek wyświetlanych po kolei w pętli, więc tworzy krótką animację bez potrzeby stosowania wideo. Obsługuje też przezroczystość, choć ogranicza paletę do 256 kolorów. To dlatego proste, lekkie animacje (np. ikony, banery) zapisuje się właśnie jako GIF.

Pytanie 37

Jaką wartość w systemie szesnastkowym przyjmie kolor określony kodem RGB rgb(255, 128, 16)?

A. #ff0f10

B. #008010

C. #ff8011

D. #ff8010

Odpowiedzi takie jak #008010, #ff8011 oraz #ff0f10 są nieprawidłowe z różnych powodów. Zaczynając od #008010, zauważamy, że pierwszy składnik (R) wynosi 0, co oznacza, że kolor nie zawiera czerwonego komponentu. Oryginalny kolor rgb(255, 128, 16) ma maksymalne wartości czerwonego, co wyklucza odpowiedzi z zerowymi wartościami. Przechodząc do #ff8011, widzimy, że ostatnia cyfra jest 1, co wynika z konwersji wartości 16, która w systemie szesnastkowym powinna być 10. Użycie 1 zamiast 10 nie oddaje prawidłowo oryginalnego koloru. Wreszcie, analiza #ff0f10 ujawnia problem z zielonym komponentem, który w tej odpowiedzi wynosi 0, biorąc pod uwagę, że wartość zielona powinna wynosić 128 (80 w systemie szesnastkowym). Te błędy mogą wynikać z nieprecyzyjnego zrozumienia konwersji wartości kolorów między systemami. Ważne jest, aby zrozumieć, że RGB to model addytywny, w którym kolory są tworzone przez łączenie światła czerwonego, zielonego i niebieskiego, a każdy składnik ma swoje przypisane wartości, które muszą być dokładnie odzwierciedlone w kodzie szesnastkowym. Przy pracy z kolorami, szczególnie w projektowaniu cyfrowym, dobrze jest również korzystać z narzędzi do konwersji oraz palet kolorów, aby uniknąć takich pomyłek.

Pytanie 38

W przedstawionej definicji stylu CSS, powtarzanie dotyczy

body {
   background-image: url("rysunek.gif");
   background-repeat: repeat-y;
 }

A. tła każdego ze znaczników akapitu.

B. rysunku umieszczonego w tle strony w pionie.

C. rysunku umieszczonego w tle strony w poziomie.

D. rysunku umieszczonego znacznikiem img.

Niestety, Twoja odpowiedź nie jest poprawna. 'background-repeat: repeat-y;' w CSS rzeczywiście nie dotyczy rysunków wstawianych przez tag img ani tła akapitów. Mówi po prostu, że tło się powtarza w pionie, czyli wzdłuż osi Y. Może to trochę mylić, ale warto pamiętać, że oś Y to pion a oś X to poziom. Zrozumienie tych podstawowych rzeczy jest konieczne, żeby ogarnąć CSS i tworzyć ładne strony www.

Pytanie 39

Które stwierdzenie dotyczy grafiki wektorowej?

A. służy do zapisu cyfrowych fotografii

B. to obraz w postaci siatki kolorowanych pikseli na ekranie

C. może być zapisana w formacie JPG lub PNG

D. obraz jest opisany figurami geometrycznymi w układzie współrzędnych

Pozostałe zdania opisują grafikę RASTROWĄ. Siatka kolorowanych pikseli, zapis w JPG/PNG i cyfrowe fotografie to cechy rastra. Grafikę wektorową wyróżnia opis figurami geometrycznymi w układzie współrzędnych.

Pytanie 40

Jaką wartość w formacie szesnastkowym ma kolor rgb(255, 16, 8)?

A. #FF1008

B. #800F80

C. #801008

D. #FF0F80

Pozostałe kody się nie zgadzają. #801008 zaczyna się od 80 (czyli 128, a nie 255). #FF0F80 i #800F80 nie odpowiadają wartościom 16 i 8. Poprawny zapis rgb(255, 16, 8) to #FF1008.

Rozpocznij nowy egzamin

Powrót do strony głównej