Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Rozpoczęcie: 24 września 2026 23:42
Zakończenie: 25 września 2026 00:00
Egzamin zdany!
Wynik: 28/40 punktów (70,0%)
Wymagane minimum: 20 punktów (50%)
Pewność odpowiedzi
Żadna odpowiedź nie została oznaczona jako strzał.
Przy następnym egzaminie zaznaczaj niepewne odpowiedzi - zobaczysz wtedy, ile wyniku bierze się z wiedzy, a ile ze szczęścia.
Twój wynik na tle innych
Twój wynik jest lepszy niż 56% podejść do kwalifikacji INF.03.
Porównanie z 43086 zakończonymi podejściami do tej kwalifikacji (dane zbiorcze, bez wyników indywidualnych).
Zachowaj ten wynik na koncie
Załóż darmowe konto albo zaloguj się - ten egzamin przypiszemy do Twojego konta, więc wrócisz do swoich błędów, będziesz śledzić postęp i dostaniesz powtórki dobrane do Twoich odpowiedzi.
Efekt AutoDuck w obróbce dźwięku jest stosowany do
A. ściszenia dźwięku w tle, gdy pojawia się dźwięk pierwszoplanowy.Twoja odpowiedź
B. ocieplenia głosu i dźwięków pochodzących z tła.
C. eliminacji szumów pochodzących z dźwięków w tle.
D. wyrównania głośności całej ścieżki dźwiękowej.
Poprawna odpowiedź. Efekt AutoDuck dokładnie robi to, co opisuje poprawna odpowiedź: automatycznie ścisza dźwięk w tle (np. muzykę), gdy pojawia się dźwięk pierwszoplanowy, zwykle głos lektora lub prowadzącego. W praktyce wygląda to tak, że masz dwie ścieżki: na jednej mówiony komentarz, na drugiej muzykę w tle. AutoDuck „podgląda” poziom głośności ścieżki z głosem i gdy wykryje, że ktoś zaczyna mówić, automatycznie obniża poziom głośności ścieżki z muzyką o zadaną liczbę decybeli. Kiedy mówienie się kończy, muzyka wraca płynnie do poprzedniego poziomu. To jest klasyczny przykład tzw. duckingu, bardzo często stosowany w radiu, podcastach, vlogach, prezentacjach wideo, a nawet w prostych materiałach szkoleniowych. Z mojego doświadczenia to jedna z tych funkcji, które naprawdę oszczędzają czas – zamiast ręcznie rysować obwiednię głośności, ustawiasz próg zadziałania, czas narastania i opadania (attack/release) oraz głębokość tłumienia. Dobre praktyki mówią, żeby nie przesadzać z tłumieniem tła – zwykle wystarcza w okolicach 10–18 dB, tak żeby głos był czytelny, ale muzyka nadal była słyszalna. Ważne jest też ustawienie odpowiednio długiego „release”, żeby muzyka nie „podskakiwała” nerwowo pomiędzy pauzami w mowie. W narzędziach typu Audacity, Adobe Audition czy Reaper AutoDuck (lub sidechain ducking) jest standardowym narzędziem w pracy z multimediami na potrzeby internetu: spoty reklamowe, intro do kanałów YouTube, kursy e-learningowe – wszędzie tam, gdzie chcesz, żeby głos był zawsze na pierwszym planie, a tło samo się grzecznie cofa, gdy ktoś coś mówi.
Pytanie 2
Jakie kolory wchodzą w skład modelu barw CMYK?
A. cyjan, magenta, żółty i czarnyTwoja odpowiedź
B. czerwony, zielony i niebieski
C. cyjan, magenta, żółty i karmazyn
D. czerwony, zielony, niebieski i kanał alfa
Poprawna odpowiedź. Model CMYK tworzą cztery składowe: cyan (niebieskozielony), magenta (purpurowy), yellow (żółty) i black (czarny, oznaczany K). Stosuje się go w druku. Dlatego CMYK to cyjan, magenta, żółty i czarny.
Pytanie 3
Co oznacza jednostka ppi (pixels per inch)?
A. określa rozdzielczość obrazów rastrowychPoprawna odpowiedź
B. określa rozdzielczość wydruków drukarek i ploterów
C. to parametr cyfrowych urządzeń pomiarowych
D. określa rozdzielczość grafiki wektorowejTwoja odpowiedź
Niepoprawna odpowiedź. Pozostałe opisy mylą ppi z innymi parametrami. Rozdzielczość WYDRUKU drukarek i ploterów wyraża się w dpi (punkty na cal), a nie ppi. Grafika WEKTOROWA nie ma pikseli, więc nie opisuje się jej w ppi. To też nie parametr urządzeń pomiarowych. ppi określa rozdzielczość obrazów rastrowych.
Pytanie 4
Baza danych przechowuje dane multimedialne (duże ilości danych binarnych). Którego typu danych należy użyć dla takich pól?
A.
ENUM
B.
LONGTEXT
Twoja odpowiedź
C.
DOUBLE
D.
BLOB
Poprawna odpowiedź
Niepoprawna odpowiedź. Pozostałe typy nie nadają się do danych binarnych. ENUM pozwala przechować tylko jedną z wcześniej zdefiniowanych wartości tekstowych (np. „mały”, „duży”) - to typ wyliczeniowy, nie magazyn plików. DOUBLE to liczba zmiennoprzecinkowa, służąca do wartości ułamkowych. LONGTEXT przechowuje wprawdzie dużo danych, ale TEKSTOWYCH, z kodowaniem znaków, więc surowe bajty obrazu mógłby zniekształcić. Dane binarne multimediów trzyma się w polu typu BLOB, dlatego to on jest poprawny.
Pytanie 5
Który z formatów plików dźwiękowych zapewnia największą redukcję rozmiaru pliku?
A. MP3Twoja odpowiedź
B. PCM
C. CD-Audio
D. WAV
Poprawna odpowiedź. 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 6
Które z poniższych stwierdzeń odnosi się prawidłowo do grafiki rastrowej?
A. Grafika rastrowa nie jest zapisana w formacie WMF (ang. Windows Metafile Format - format metaplików w Windows)
B. Obraz zapisywany jest w postaci figur geometrycznych zorganizowanych w układzie współrzędnych
C. Jest to forma przedstawienia obrazu za pomocą siatki pikseli, które są odpowiednio kolorowane w układzie pionowo-poziomym na monitorze, drukarce lub innym urządzeniu wyjściowymTwoja odpowiedź
D. W trakcie procesu skalowania, jakość obrazu nie ulega zmianie
Poprawna odpowiedź. Grafika rastrowa to technika reprezentacji obrazów, w której obraz składa się z siatki pikseli. Każdy piksel ma przypisany kolor, co pozwala na precyzyjne odwzorowanie detali i kolorystyki. Taki sposób przedstawienia obrazu znajduje zastosowanie w grafice komputerowej, fotografii cyfrowej oraz w druku. W praktyce, obrazy rastrowe są powszechnie wykorzystywane w programach graficznych, takich jak Adobe Photoshop czy GIMP, gdzie edytuje się poszczególne piksele. Publikacje internetowe, jak także różnorodne formy marketingu wizualnego, opierają się na grafice rastrowej, ponieważ umożliwia ona tworzenie złożonych i bogatych w szczegóły obrazów. Ważnym aspektem grafiki rastrowej jest rozdzielczość, która określa ilość pikseli w obrazie; im wyższa rozdzielczość, tym większa jakość. Wydruki, które zyskują na jakości dzięki zastosowaniu technologii rastrowej, są zgodne z najlepszymi praktykami odnośnie do standardów drukarskich, co umożliwia osiągnięcie wysokiej jakości wydruków. Zrozumienie grafiki rastrowej jest kluczowe dla każdego, kto interesuje się tworzeniem i edytowaniem obrazów w kontekście cyfrowym.
Pytanie 7
Który z poniższych formatów NIE umożliwia zapis plików animowanych?
A. SVG
B. SWF
C. GIF
D. ACETwoja odpowiedź
Poprawna odpowiedź. Format ACE (Archive Compressed Enhanced) jest formatem archiwum, który służy do kompresji danych, a nie do przechowywania animacji. W przeciwieństwie do formatów takich jak SWF, SVG czy GIF, ACE nie jest projektowany do obsługi grafiki ruchomej. SWF to format opracowany przez Adobe, który jest używany do tworzenia i wyświetlania animacji we Flashu. SVG to wektorowy format grafiki, który również wspiera animacje za pomocą CSS i JavaScript. GIF, z kolei, jest jednym z najpopularniejszych formatów do zapisu prostych animacji, dzięki możliwości przechowywania wielu klatek w jednym pliku. Zrozumienie różnic między tymi formatami jest istotne w kontekście tworzenia treści multimedialnych, a także w kontekście ich zastosowań w sieci. Wybór odpowiedniego formatu do animacji może mieć wpływ na wydajność ładowania strony, jakość wizualną oraz możliwości interakcji z użytkownikami.
Pytanie 8
Która cecha wyróżnia format PNG?
A. brak obsługi kanału alfa
B. kompresja bezstratnaTwoja odpowiedź
C. reprezentacja grafiki wektorowej
D. obsługa animacji
Poprawna odpowiedź. PNG wyróżnia kompresja BEZSTRATNA - zmniejsza rozmiar pliku bez utraty jakości, dzięki czemu format nadaje się do grafik z ostrymi krawędziami, logo i przezroczystością (obsługuje kanał alfa). Dlatego cechą PNG jest kompresja bezstratna.
Pytanie 9
Odszumienie zapisu dźwiękowego można wykonać w programie
A. Blender
B. Inkscape
C. FileZilla
D. AudacityTwoja odpowiedź
Poprawna odpowiedź. Poprawna odpowiedź to Audacity, bo jest to specjalistyczny, ale jednocześnie darmowy i otwartoźródłowy program do edycji oraz obróbki dźwięku. W praktyce oznacza to, że możesz w nim nagrywać, przycinać, normalizować, a właśnie także odszumiać nagrania audio. W menu Efekty znajdziesz funkcje typu „Usuwanie szumu” (Noise Reduction), które działają na podstawie próbki szumu – najpierw zaznaczasz fragment, gdzie słychać sam szum tła (np. wentylator, brumienie, szum ulicy), a potem program wykorzystuje ten wzorzec do odfiltrowania podobnych częstotliwości z całego nagrania. To jest standardowa, bardzo typowa procedura w amatorskiej i półprofesjonalnej postprodukcji audio. Moim zdaniem Audacity to taki „podstawowy kombajn” dźwiękowy, którego warto znać w technikum. Pozwala też stosować inne efekty: kompresję, korekcję barwy (EQ), filtrowanie dolno- i górnoprzepustowe, zmianę głośności (normalizacja, wzmacnianie), a nawet proste miksowanie kilku ścieżek. W kontekście dobrych praktyk ważne jest, żeby nie przesadzać z odszumianiem, bo zbyt agresywne ustawienia potrafią zepsuć brzmienie głosu, tworząc artefakty i metaliczny dźwięk. Profesjonaliści zwykle pracują tak, że najpierw nagrywają jak najczyściej (dobry mikrofon, cisza w pomieszczeniu), a dopiero potem delikatnie odszumiają w programie. Audacity dobrze wpisuje się w takie podejście, bo daje podgląd efektu (odsłuch) przed zatwierdzeniem zmian i możliwość cofania operacji. W realnych projektach szkolnych czy webowych, np. przy przygotowaniu podcastu, narracji do filmu instruktażowego albo materiału wideo na stronę WWW, właśnie w Audacity robi się podstawowe czyszczenie dźwięku, zanim materiał trafi do montażu wideo lub na serwer.
Pytanie 10
Która właściwość grafiki wektorowej jest prawdziwa?
A. jest niezależna od rozdzielczościTwoja odpowiedź
B. jest nieskalowalna
C. raz utworzonej nie da się edytować
D. nie można jej przekształcić w grafikę rastrową
Poprawna odpowiedź. Grafika wektorowa opisuje obraz za pomocą obiektów geometrycznych - punktów, linii i krzywych zadanych wzorami matematycznymi - a nie siatki pikseli. Dzięki temu jest niezależna od rozdzielczości: można ją powiększać i pomniejszać bez utraty ostrości, bo kształty są przeliczane przy każdej skali. Stąd jej zastosowanie w logotypach i materiałach do druku. Można ją też w każdej chwili edytować, a w razie potrzeby zrasteryzować do pikseli. Dlatego prawdziwą cechą jest niezależność od rozdzielczości.
Pytanie 11
Rozmycie Gaussa, wygładzanie oraz szum RGB to funkcje programów do obróbki:
A. grafiki wektorowejTwoja odpowiedź
B. ścieżki dźwiękowej
C. dźwięku w formacie MIDI
D. grafiki rastrowejPoprawna odpowiedź
Niepoprawna odpowiedź. Te filtry działają na pikselach, więc nie dotyczą grafiki wektorowej (opisywanej krzywymi i wzorami) ani dźwięku - ani ścieżki audio, ani formatu MIDI. Rozmycie Gaussa, wygładzanie i szum RGB to funkcje obróbki grafiki rastrowej.
Pytanie 12
Który z poniższych formatów NIE pozwala na zapis plików animowanych?
A. GIF
B. ACETwoja odpowiedź
C. SVG
D. SWF
Poprawna odpowiedź. ACE to format archiwum - służy do pakowania i kompresji plików (podobnie jak ZIP czy RAR), a nie do przechowywania grafiki czy animacji. Pozostałe formaty potrafią zapisać ruchome treści: GIF łączy wiele klatek w prostą animację, SWF (Flash) przechowuje animacje i interaktywność, a SVG (wektorowy) może zawierać animacje definiowane np. w CSS lub SMIL. Dlatego animacji nie zapisze ACE.
Pytanie 13
Dla strony internetowej stworzono grafikę rysunek.jpg o wymiarach: szerokość 200 px, wysokość 100 px. Jak można wyświetlić tę grafikę jako miniaturę – pomniejszoną z zachowaniem proporcji, używając znacznika?
Niepoprawna odpowiedź. Pozostałe odpowiedzi niestety nie trzymają się zasady zachowania proporcji, jak zmniejszamy grafikę. W pierwszej opcji, <img src="rysunek.png" style="width: 25px; height:50px"> zestawione wartości szerokości i wysokości są krzywe, co powoduje zniekształcenie obrazu. Oryginalny rysunek ma proporcje 2:1, a tu wychodzi 1:2, co może wprowadzać ludzi w błąd. W trzeciej opcji, <img src="rysunek.png"> brak wskazania szerokości i wysokości sprawia, że obrazek wyświetla się w swoim pierwotnym rozmiarze, a to nie jest cel, bo chcemy mieć miniaturę. A ostatnia odpowiedź, <img src="rysunek.png" style="width: 25px; height:25px;"> ustala jednakowe wymiary, przez co wychodzi kwadratowa miniaturka, co nie zgadza się z oryginalnymi proporcjami. Generalnie, niepoprawne odpowiedzi mogą wynikać z braku zrozumienia, dlaczego dbanie o proporcje w grafikach jest takie ważne. To kluczowe zagadnienie w projektowaniu stron, bo dobre proporcje to podstawa estetyki i funkcjonalności wizualnych elementów na stronie.
Pytanie 14
Aby osiągnąć pokazany rezultat w programie graficznym wykorzystano
A. gradient liniowyTwoja odpowiedź
B. gradient okrągły
C. zmianę intensywności kolorów
D. kanał alpha
Poprawna odpowiedź. Gradient liniowy to narzędzie stosowane w edytorach grafiki rastrowej do tworzenia płynnych przejść pomiędzy dwoma lub więcej kolorami w zadanym kierunku najczęściej poziomym lub pionowym. W praktyce gradient liniowy jest kluczowy w projektowaniu graficznym ponieważ pozwala na subtelne cieniowanie i nadawanie głębi elementom wizualnym. Przykładowo stosuje się go w tworzeniu tła logotypów czy też przycisków interfejsów użytkownika. Proces tworzenia gradientu liniowego opiera się na ustawieniu punktów początkowych i końcowych oraz przypisaniu im odpowiednich wartości kolorystycznych co podkreśla jego wszechstronność. Standardowym podejściem jest użycie gradientu liniowego w celu uzyskania efektu trójwymiarowości co jest zgodne z dobrymi praktykami projektowania UX i UI. W kontekście branżowym gradienty liniowe są nieodłącznym elementem narzędzi takich jak Adobe Photoshop czy GIMP gdzie umożliwiają manipulację barwą i luminancją co jest kluczowe w profesjonalnym edytowaniu obrazów.
Pytanie 15
W HTML atrybut alt elementu img służy do określenia
A. lokalizacji i nazwy pliku źródłowego grafiki
B. parametrów grafiki, takich jak wymiary, ramka, wyrównanie
C. treści, która zostanie pokazana, gdy grafika nie może być załadowanaTwoja odpowiedź
D. opisu, który pojawi się pod grafiką
Poprawna odpowiedź. Atrybut <b>alt</b> znacznika <b>img</b> w języku HTML jest niezwykle istotnym elementem, który ma na celu zapewnienie dostępności treści wizualnych dla użytkowników. Gdy obrazek nie może zostać załadowany (np. z powodu problemów z siecią lub błędnej ścieżki do pliku), tekst zawarty w atrybucie <b>alt</b> zostaje wyświetlony zamiast obrazu. W praktyce oznacza to, że osoba korzystająca z technologii asystujących, takich jak czytniki ekranu, będzie miała możliwość zrozumienia, co miało się pojawić w danym miejscu na stronie. Zgodnie z wytycznymi WCAG (Web Content Accessibility Guidelines), stosowanie atrybutu <b>alt</b> jest kluczowe dla zapewnienia dostępności stron internetowych. Przykładem może być sytuacja, w której na stronie internetowej znajduje się obrazek przedstawiający produkt. Atrybut <b>alt</b> powinien zawierać opis tego produktu, co pozwoli użytkownikom, którzy nie widzą obrazu, zrozumieć jego znaczenie. Prawidłowe użycie atrybutu <b>alt</b> nie tylko poprawia dostępność, ale także może wpłynąć na SEO strony, ponieważ wyszukiwarki traktują ten atrybut jako dodatkowy kontekst dla treści wizualnych.
Pytanie 16
Od czego zależy WYSOKOŚĆ dźwięku?
A. od czasu trwania drgań
B. od sposobu pobudzenia drgań
C. od częstotliwości drgań fali akustycznejTwoja odpowiedź
D. od siły wzbudzenia drgań
Poprawna odpowiedź. Wysokość dźwięku zależy od CZĘSTOTLIWOŚCI drgań fali akustycznej - im wyższa częstotliwość (więcej drgań na sekundę, mierzona w Hz), tym dźwięk wyższy. Dlatego o wysokości decyduje częstotliwość drgań.
Pytanie 17
Jaką barwę przedstawia kolor zapisany w modelu RGB(255, 0, 0)?
A. żółtą
B. zieloną
C. czerwonąTwoja odpowiedź
D. niebieską
Poprawna odpowiedź. W modelu RGB kolor opisują trzy składowe: czerwona (R), zielona (G) i niebieska (B), każda od 0 do 255. Zapis RGB(255, 0, 0) oznacza maksymalną czerwoną i zerowe pozostałe, czyli czysty kolor czerwony. Dlatego RGB(255, 0, 0) to barwa czerwona.
Pytanie 18
W instrukcjach, których celem jest odtwarzanie dźwięku na stronie internetowej jako tła muzycznego, nie stosuje się atrybutu
A. href="c:/100.wav"Poprawna odpowiedź
B. loop="10"
C. volume="-100"
D. balance="10"Twoja odpowiedź
Niepoprawna odpowiedź. Wszystkie pozostałe odpowiedzi są niepoprawne z kilku powodów. Atrybut loop, który jest używany do powtarzania dźwięku, nie może przyjmować wartości liczbowych, dlatego loop='10' jest niewłaściwy. Wartość loop jest typu boolowskiego, gdzie obecność atrybutu w tagu <audio> lub <source> oznacza, że dźwięk ma być odtwarzany w pętli. Kolejną niepoprawną odpowiedzią jest balance='10', który nie jest uznawany za standardowy atrybut HTML. W kontekście dźwięku, nie istnieje atrybut balance, który mógłby kontrolować balans lewego i prawego kanału. Ostatnia z niepoprawnych odpowiedzi, volume='-100', także nie jest obowiązującym atrybutem. W HTML5 nie ma możliwości ustawienia głośności w ten sposób; zamiast tego dźwięk musi być kontrolowany za pomocą JavaScript i API Web Audio, co pozwala na programowe dostosowanie głośności dźwięku. Podsumowując, wszystkie te odpowiedzi nie odpowiadają na wymagania techniczne dotyczące odtwarzania dźwięku w standardach internetowych.
Pytanie 19
Którą jednostką wyraża się rozdzielczość obrazu na ekranie monitora (liczba pikseli na cal)?
A. ppiPoprawna odpowiedź
B. dpiTwoja odpowiedź
C. lpi
D. spi
Niepoprawna odpowiedź. Pozostałe jednostki dotyczą innych dziedzin. dpi (dots per inch) opisuje rozdzielczość DRUKU (punkty drukarki). lpi (lines per inch) to gęstość rastra w poligrafii. spi (samples per inch) odnosi się do skanowania. Piksele na cal na ekranie to ppi.
Pytanie 20
Typowym programem przeznaczonym do edycji grafiki wektorowej jest
A. Audacity.
B. Paint.
C. Inkscape.Twoja odpowiedź
D. Brasero.
Poprawna odpowiedź. Poprawnie wskazany program to Inkscape, bo jest to typowy, specjalistyczny edytor grafiki wektorowej. Grafika wektorowa opiera się na obiektach takich jak linie, krzywe Béziera, wielokąty, tekst, które są opisane matematycznie (współrzędne, promienie, kąty), a nie na siatce pikseli. Dzięki temu projekty można skalować praktycznie dowolnie bez utraty jakości, co jest absolutnym standardem przy projektowaniu logotypów, ikon, infografik, schematów technicznych czy elementów interfejsu użytkownika. Inkscape obsługuje format SVG, który jest otwartym standardem W3C i jest powszechnie stosowany w projektach webowych, także w responsywnych interfejsach. W praktyce, używając Inkscape, można tworzyć np. logo firmy, które później bez problemu osadzisz na stronie WWW, w materiałach do druku, na banerach, a nawet w aplikacji mobilnej, bez martwienia się o rozmazanie czy pikselizację. Program oferuje warstwy, style, grupowanie obiektów, precyzyjne wyrównywanie, siatki i prowadnice, co jest zgodne z dobrymi praktykami pracy z grafiką: porządek w projekcie, praca na oddzielnych warstwach, używanie krzywych zamiast „ręcznego” rysowania byle jakich kształtów. Moim zdaniem, znajomość Inkscape albo innego edytora wektorowego (np. Adobe Illustrator, CorelDRAW) to dzisiaj podstawowa umiejętność dla kogoś, kto myśli poważnie o grafice komputerowej czy front-endzie. Wiele firm wręcz wymaga, żeby materiały były dostarczane właśnie w formacie wektorowym, bo wtedy łatwiej je modyfikować, dopasowywać kolorystykę do brandingu i eksportować do różnych formatów (PNG, PDF, EPS) w zależności od potrzeb. Inkscape pozwala też na pracę z krzywymi, maskami, gradientami czy efektami filtrów, co daje bardzo duże możliwości przy zachowaniu zalet wektorów.
Pytanie 21
Aby usunąć z nagrania szmery i zakłócenia tła, należy zastosować efekt:
A. zmiany wysokości dźwięku
B. normalizacji
C. pogłosu (reverb)
D. redukcji szumówTwoja odpowiedź
Poprawna odpowiedź. Redukcja (usuwanie) szumów to obróbka, która analizuje stałe, niepożądane tło - szum, przydźwięk, syk - i wycisza je, pozostawiając właściwy sygnał. W edytorach audio zwykle pobiera się próbkę samego szumu, a program odejmuje go z całego nagrania. Dlatego do usunięcia szmerów i zakłóceń tła służy efekt redukcji szumów.
Pytanie 22
Aby przekształcić obraz z formatu JPEG na PNG tak, by biały kolor stał się przezroczysty, należy w pierwszej kolejności:
A. wymazać gumką wszystkie białe miejsca
B. zmniejszyć rozdzielczość obrazu
C. dodać do obrazu kanał alfaTwoja odpowiedź
D. zaimportować obraz do edytora grafiki wektorowej
Poprawna odpowiedź. Przezroczystość w grafice rastrowej przechowuje kanał alfa - dodatkowy kanał określający, na ile każdy piksel jest widoczny. JPEG go nie obsługuje, więc po przejściu na PNG trzeba najpierw dodać kanał alfa, a następnie zaznaczyć biały kolor i uczynić go przezroczystym. Bez kanału alfa nie da się zapisać przezroczystych obszarów. Dlatego najpierw dodaje się kanał alfa.
Pytanie 23
Zapisano kod HTML wstawiający grafikę na stronę internetową:
<img src="rysunek.png" alt="pejzaż">
Jeżeli rysunek.pngnie zostanie odnaleziony, przeglądarka:
A. w miejscu grafiki wypisze tekst "pejzaż".Twoja odpowiedź
B. w miejscu grafiki wypisze błąd wyświetlania strony.
C. w miejscu grafiki wypisze tekst "rysunek.png".
D. nie wyświetli strony internetowej.
Poprawna odpowiedź. Brawo! Wybrałeś prawidłową odpowiedź. Element <img> w kodzie HTML może mieć atrybut alt, który określa tekst alternatywny, który ma być wyświetlony, gdy obrazek nie może zostać załadowany. W tym przypadku, atrybut alt ma wartość 'pejzaż', co oznacza, że jeśli obraz 'rysunek.png' nie może zostać załadowany, przeglądarka wyświetli tekst 'pejzaż' w miejscu, gdzie powinien być obraz. Ta funkcja jest przydatna z kilku powodów. Po pierwsze, pozwala użytkownikowi zrozumieć kontekst strony, nawet jeśli nie może zobaczyć obrazu. Po drugie, jest to zgodne ze standardami dostępności, ponieważ czytniki ekranu dla osób niewidomych mogą odczytywać ten tekst. To jest ważne dla tworzenia stron internetowych, które są dostępne dla wszystkich.
Pytanie 24
Aby edytować nakładające się na siebie pojedyncze fragmenty grafiki, pozostawiając resztę bez zmian, należy zastosować:
A. warstwyTwoja odpowiedź
B. kanał alfa
C. histogram
D. kadrowanie
Poprawna odpowiedź. Warstwy to podstawowy mechanizm edytorów grafiki (np. GIMP, Photoshop): każdy element umieszcza się na osobnej warstwie, niczym na przezroczystej folii, a leżące wyżej zasłaniają niższe. Dzięki temu można edytować, przesuwać lub ukrywać pojedynczy fragment, nie naruszając pozostałych. To właśnie warstwy pozwalają pracować nad nakładającymi się elementami niezależnie - i dlatego są poprawną odpowiedzią.
Pytanie 25
W standardzie HDTV wykorzystywana jest rozdzielczość
A. 1280 x 1024 px
B. 720 x 480 px
C. 704 x 576 px
D. 1920 x 1080 pxTwoja odpowiedź
Poprawna odpowiedź. Rozdzielczość 1920 x 1080 px jest typową rozdzielczością standardu HDTV, najczęściej kojarzoną z formatem Full HD, czyli obrazem o 1920 pikselach w poziomie i 1080 pikselach w pionie. W praktyce daje to proporcje 16:9, które są podstawowym formatem dla telewizji wysokiej rozdzielczości, filmów, monitorów, transmisji streamingowych i materiałów wideo publikowanych w internecie. Moim zdaniem warto to zapamiętać razem z nazwą 1080p, bo w specyfikacjach kamer, telewizorów i plików wideo właśnie tak często się to opisuje. Litera p oznacza zwykle skanowanie progresywne, czyli wyświetlanie pełnych klatek, a nie półobrazów jak w starszym przeplotowym systemie 1080i. W branży multimedialnej rozdzielczość 1920 x 1080 px jest takim praktycznym minimum dla dobrej jakości materiału wideo, zwłaszcza gdy film ma wyglądać ostro na większym ekranie. Przy projektowaniu grafiki do filmu, miniatur, plansz końcowych czy materiałów na YouTube też często przygotowuje się pliki właśnie w 1920 x 1080 px, żeby zachować zgodność z formatem HD i uniknąć niepotrzebnego skalowania obrazu.
Pytanie 26
Bitmapa jest obrazem:
A. analogowymTwoja odpowiedź
B. interakcyjnym
C. wektorowym
D. rastrowymPoprawna odpowiedź
Niepoprawna odpowiedź. Pozostałe określenia nie pasują do bitmapy. „Analogowy” dotyczy sygnału ciągłego (np. taśma, klisza), a bitmapa to obraz cyfrowy złożony z pikseli. „Wektorowy” to przeciwny typ grafiki - opisuje linie i kształty wzorami matematycznymi, dzięki czemu skaluje się bez utraty jakości, czego o bitmapie powiedzieć nie można. „Interakcyjny” w ogóle nie jest sposobem reprezentacji obrazu. Bitmapa jest grafiką rastrową, dlatego poprawna jest odpowiedź „rastrowym”.
Pytanie 27
W programie do edytowania grafiki rastrowej zmieniono krzywe kolorów w sposób zaznaczony ramką na pokazanym obrazie. Jakie jest to działanie?
A. wygładzenie krawędzi na obrazie
B. rozjaśnienie całego obrazu
C. przyciemnienie całego obrazu
D. modyfikację najjaśniejszych i najciemniejszych kolorów obrazuTwoja odpowiedź
Poprawna odpowiedź. Modyfikacja krzywych kolorów w programach do obróbki grafiki rastrowej jest zaawansowanym narzędziem służącym do precyzyjnej regulacji tonalnej obrazu. Krzywe pozwalają na kontrolę nad najjaśniejszymi i najciemniejszymi partiami obrazu poprzez modyfikację kanałów RGB lub wartości jasności. W zaznaczonej na obrazku ramce widać, że punkty kontrolne krzywej zostały przesunięte, co wskazuje na zmianę tonacji skrajnych wartości jasności. Tego typu operacja jest często stosowana w celu poprawy kontrastu i ogólnego wyglądu zdjęcia. Standardową praktyką jest tu podnoszenie i opuszczanie punktów na krzywej, co daje możliwość uwydatnienia szczegółów w cieniach oraz światłach bez wpływu na średnie tony. Modyfikacja krzywych jest zgodna z profesjonalnymi standardami edycji, ponieważ umożliwia uzyskanie efektów niedostępnych przy użyciu prostych suwaków jasności lub kontrastu. Praktyczne zastosowanie znajduje m.in. w fotografii portretowej, gdzie często konieczne jest subtelne dostosowanie tonacji skóry oraz w krajobrazach, gdzie ważne jest zachowanie detali w jasnych niebie i ciemnych cieniach ziemi. Stosując krzywe, można precyzyjnie regulować każdy aspekt tonalny obrazu, co jest kluczowe w profesjonalnej edycji graficznej.
Pytanie 28
W tabeli pokazano cechy pliku graficznego. Aby rysunek ładował się szybciej na stronie WWW, należy
Wymiary: 4272 x 2848px Rozdzielczość: 72 dpi Format: JPG
A. zwiększyć rozdzielczość
B. zmniejszyć wymiary rysunkuPoprawna odpowiedź
C. zmienić proporcje szerokości do wysokości
D. zmienić format grafiki na CDRTwoja odpowiedź
Niepoprawna odpowiedź. Zmiana formatu na CDR nie jest zalecana dla grafiki internetowej. Format CDR jest formatem wektorowym używanym w programie CorelDRAW i nie jest obsługiwany przez przeglądarki internetowe. Grafika wektorowa w formacie CDR wymaga konwersji do formatu rastrowego takiego jak PNG lub JPG aby mogła być użyta na stronach WWW co dodaje dodatkowy krok w procesie publikacji. Zwiększenie rozdzielczości, czyli zwiększenie wartości dpi, zwiększa ilość danych w pliku graficznym, co powoduje dłuższy czas ładowania. Większa rozdzielczość jest użyteczna głównie w kontekście drukowania gdzie jakość obrazu jest kluczowa, natomiast dla internetu standardowa rozdzielczość 72 dpi jest wystarczająca dla większości zastosowań. Zmiana proporcji szerokości do wysokości nie wpływa na rozmiar pliku ani na czas jego ładowania. Taka zmiana może wręcz prowadzić do niepożądanego efektu rozciągnięcia lub zniekształcenia obrazu co negatywnie wpływa na estetykę strony. Prawidłowe proporcje są ważne dla zachowania spójnej estetyki i użyteczności wizualnej serwisu jednak nie mają bezpośredniego wpływu na wydajność ładowania. Typowe błędy myślowe związane z tymi odpowiedziami wynikają z braku zrozumienia specyfiki optymalizacji webowej gdzie mniejszy rozmiar pliku przekłada się na szybsze ładowanie i lepszą wydajność strony internetowej.
Pytanie 29
Zapis koloru #ff00e0 odpowiada zapisowi RGB:
A.
rgb(f,0,e0)
B.
rgb(255,0,224)
Twoja odpowiedź
C.
rgb(ff,0,e0)
D.
rgb(255,0,128)
Poprawna odpowiedź. W zapisie szesnastkowym #RRGGBB każda para cyfr opisuje jedną składową (0-255) w systemie szesnastkowym. Dla #ff00e0: ff = 255 (czerwona), 00 = 0 (zielona), e0 = 224 (niebieska), czyli rgb(255,0,224). Wartość e0 przelicza się jako 14·16 + 0 = 224. W funkcji rgb() składowe podaje się dziesiętnie. Dlatego #ff00e0 to rgb(255,0,224).
Pytanie 30
Który kod szesnastkowy oznacza kolor żółty (w RGB: czerwony + zielony)?
A.
#FFFF00
Twoja odpowiedź
B.
#F0F0F0
C.
#00FFFF
D.
#FF00FF
Poprawna odpowiedź. W modelu RGB żółty powstaje z pełnej czerwonej i pełnej zielonej, bez niebieskiej - czyli #FFFF00 (FF czerwony, FF zielony, 00 niebieski). To addytywne mieszanie świateł: czerwone + zielone światło daje żółte. Zapamiętaj: żółty = R i G na maksa, B na zero.
Pytanie 31
W programie do obróbki grafiki rastrowej zmodyfikowano krzywe kolorów tak, jak zaznaczono ramką na przedstawionym obrazie. Ma to na celu
A. rozjaśnienie całego obrazu
B. przyciemnienie całego obrazu
C. wygładzenie krawędzi w obrazie
D. modyfikację najjaśniejszych i najciemniejszych kolorów obrazuTwoja odpowiedź
Poprawna odpowiedź. Modyfikacja krzywych kolorów w programie do obróbki grafiki rastrowej polega na manipulacji wartościami kolorów w obrazie, co ma na celu wpływ na najjaśniejsze i najciemniejsze odcienie. Takie działanie umożliwia zwiększenie kontrastu oraz poprawę dynamiki kolorystycznej, co jest szczególnie ważne w profesjonalnej edycji zdjęć. Na przykład, podnosząc wartości skrajnych punktów na krzywej jasności, można uzyskać efekt wyraźniejszego podziału pomiędzy cieniami a światłami, co sprawia, że obraz staje się bardziej wyrazisty. W praktyce, edytory graficzne, takie jak Adobe Photoshop, oferują narzędzie krzywych, które pozwala na precyzyjne dostosowanie kolorów, co jest standardem w branży. Tego typu modyfikacje są kluczowe, aby dostosować obrazy do potrzeb drukarskich czy prezentacji cyfrowych, gdzie jakość i kolorystyka są niezmiernie ważne. Zmiana krzywych kolorów pozwala również na osiągnięcie zamierzonych efektów artystycznych i stylizacji zdjęć, które są istotne w marketingu wizualnym.
Pytanie 32
Model barw o parametrach: odcień, nasycenie, jasność i przezroczystość to:
A. HSLATwoja odpowiedź
B. RGBA
C. sRGB
D. CMYK
Poprawna odpowiedź. Model o parametrach odcień, nasycenie, jasność ORAZ przezroczystość (alfa) to HSLA - rozszerzenie HSL o kanał alfa. Dlatego mowa o modelu HSLA.
Pytanie 33
Częstotliwość próbkowania ma wpływ na:
A. jakość dźwięku cyfrowegoTwoja odpowiedź
B. poziom głośności nagranego utworu
C. amplitudę fali dźwiękowej
D. jakość dźwięku analogowego
Poprawna odpowiedź. Próbkowanie to zamiana ciągłego sygnału dźwiękowego na cyfrowy przez pomiar jego wartości w równych odstępach czasu. Częstotliwość próbkowania (np. 44,1 kHz dla CD) mówi, ile takich pomiarów wykonuje się na sekundę - im więcej, tym wierniej odwzorowany jest oryginalny dźwięk, zwłaszcza wysokie tony. Dlatego częstotliwość próbkowania wpływa na jakość dźwięku cyfrowego.
Pytanie 34
Który z wymienionych programów służy do obróbki dźwięku?
A. CorelDRAW
B. AudacityTwoja odpowiedź
C. Inkscape
D. GIMP
Poprawna odpowiedź. Audacity to darmowy program do nagrywania i edycji dźwięku - pozwala wycinać i łączyć fragmenty, regulować głośność, normalizować, usuwać szumy oraz nakładać efekty, a także eksportować do formatów takich jak MP3 czy WAV. To popularne narzędzie do montażu audio i podcastów. Pozostałe wymienione programy dotyczą grafiki, a nie dźwięku. Dlatego do obróbki dźwięku służy Audacity.
Pytanie 35
Który z przedstawionych obrazów został przetworzony przy użyciu podanego stylu CSS?
A. Rys. C
B. Rys. B
C. Rys. APoprawna odpowiedź
D. Rys. DTwoja odpowiedź
Niepoprawna odpowiedź. Analizując inne odpowiedzi, możemy zidentyfikować kluczowe błędy wynikające z niezrozumienia bądź błędnej interpretacji właściwości CSS zastosowanych w stylu. Należy zwrócić uwagę na rozbieżności między oczekiwanym efektem a rzeczywistym wyglądem obrazów. W przypadku Rys. B, obraz nie posiada żadnego marginesu ani zaokrąglonych rogów, co świadczy o nieobecności zastosowanego stylu border-radius oraz padding. Ten brak zaokrąglenia sugeruje pominięcie istotnego aspektu estetycznego, jakim jest border-radius w CSS, który jest często używany do poprawienia odbioru wizualnego. Rys. C z kolei może mieć prawidłowy kolor obramowania, ale brak zaokrąglonych rogów również sygnalizuje, że styl nie został w pełni zastosowany zgodnie z założeniami CSS. Natomiast Rys. D wykazuje zastosowanie obramowania przerywanego, co wskazuje na nieodpowiednie użycie właściwości border-style, która w zadaniu powinna być ustawiona na solid. To błędne użycie stylu obramowania pokazuje złą interpretację specyfikacji CSS, gdzie ciągła linia jest wymagana. Podsumowując, wybór innej niż Rys. A odpowiedzi wskazuje na pominięcie kluczowych cech stylu CSS, takich jak padding i border-radius, które są istotne dla poprawnego renderowania wizualnego elementów interfejsu w zgodności z projektowymi standardami i praktykami branżowymi.
Pytanie 36
Którą funkcję z menu Kolory programu GIMP użyto, w celu uzyskania efektu przedstawionego w filmie?
A. Krzywe.Twoja odpowiedź
B. Inwersja.
C. Progowanie.Poprawna odpowiedź
D. Barwienie.
Niepoprawna odpowiedź. 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 37
Która z czynności nie wpłynie na objętość zajmowanej pamięci pliku graficznego?
A. Zmiana rozmiaru obrazu przy użyciu atrybutów HTMLTwoja odpowiedź
B. Interpolacja
C. Modyfikacja rozdzielczości obrazu
D. Kompresja
Poprawna odpowiedź. Skalowanie obrazu za pomocą atrybutów HTML to technika, która pozwala na dostosowanie rozmiaru wyświetlanego obrazu w przeglądarce internetowej bez zmiany jego rzeczywistego rozmiaru pliku. Atrybuty takie jak 'width' i 'height' w tagach <img> wpływają jedynie na to, jak obraz jest prezentowany na stronie, a nie na jego fizyczne właściwości. Przykładem może być użycie <img src='obraz.jpg' width='300' height='200'>, co sprawia, że obraz wyświetla się w określonych wymiarach, ale plik graficzny pozostaje niezmieniony. Takie podejście jest zgodne z dobrymi praktykami w projektowaniu stron internetowych, ponieważ pozwala na utrzymanie jakości obrazu bez dodatkowego obciążania serwera. W sytuacjach, gdy szybkość ładowania strony jest kluczowa, użycie odpowiednich atrybutów HTML może przyczynić się do lepszego doświadczenia użytkownika bez potrzeby modyfikacji oryginalnych plików graficznych. Warto również zaznaczyć, że w przypadku responsywnych stron internetowych stosuje się techniki CSS, które umożliwiają dalsze dostosowanie wielkości obrazów, ale także nie wpływają na ich wagę w pamięci.
Pytanie 38
Jakie formaty wideo są obsługiwane przez standard HTML5?
A. Ogg, QuickTime
B. MP4, AVITwoja odpowiedź
C. Ogg, AVI, MPEG
D. MP4, Ogg, WebMPoprawna odpowiedź
Niepoprawna odpowiedź. Wybór odpowiedzi MP4, AVI, Ogg czy Ogg, AVI, MPEG jest błędny z kilku powodów. Format AVI, mimo swojej popularności, nie jest obsługiwany w standardzie HTML5. AVI to stary format, który nie jest zoptymalizowany do użytku w sieci, co prowadzi do problemów z kompatybilnością i wydajnością. Z kolei QuickTime, chociaż używany w niektórych aplikacjach, nie jest standardowo wspierany przez HTML5, co ogranicza jego zastosowanie w nowoczesnych stronach internetowych. W przypadku formatu MPEG, choć jest on dość powszechnie stosowany, to nie jest preferowany w kontekście HTML5, a jego wsparcie jest ograniczone w porównaniu do MP4, Ogg i WebM. Warto zaznaczyć, że najnowsze przeglądarki internetowe szybko przechodzą na otwarte standardy, co sprawia, że formaty, które opierają się na patencie, stają się mniej popularne. W związku z tym, korzystanie z formatów takich jak MP4, Ogg czy WebM nie tylko zapewnia lepszą jakość i wydajność, ale również zwiększa dostępność treści w sieci. Wybór niewłaściwych formatów może prowadzić do problemów z odtwarzaniem na różnych platformach, co negatywnie wpływa na doświadczenia użytkowników oraz zasięg treści. W efekcie, aby zachować optymalne standardy w tworzeniu stron internetowych, kluczowe jest stosowanie formatów zgodnych ze specyfikacją HTML5.
Pytanie 39
Wymiary:
4272x2848px
Rozdzielczość:
72 dpi
Format:
JPG
W ramce przedstawiono właściwości pliku graficznego. W celu optymalizacji czasu ładowania rysunku na stronę WWW należy
A. zmienić format grafiki na CDRTwoja odpowiedź
B. zmniejszyć rozmiary obrazuPoprawna odpowiedź
C. dostosować proporcje szerokości do wysokości
D. zwiększyć rozdzielczość
Niepoprawna odpowiedź. Zwiększenie rozdzielczości nie jest zalecanym rozwiązaniem w kontekście optymalizacji czasu ładowania grafiki. Wyższa rozdzielczość zwiększa liczbę pikseli w obrazie, co skutkuje większym rozmiarem pliku, co w efekcie spowalnia czas ładowania strony. Dla obrazów przeznaczonych do wyświetlania w Internecie, standardowa rozdzielczość 72 dpi jest wystarczająca, a jej zwiększenie do 300 dpi lub więcej ma sens tylko w przypadku drukowania, gdzie jakość obrazu jest kluczowa. Zmiana formatu grafiki na CDR również nie jest odpowiednia w tym kontekście. CDR to format pliku stworzony przez program CorelDRAW, który jest stosunkowo niewłaściwy do publikacji w sieci. Pliki CDR są często większe od plików JPG i nie są szeroko wspierane przez przeglądarki internetowe. W związku z tym, ich użycie zamiast formatu JPG, który jest zoptymalizowany do szybkiego ładowania i wyświetlania w Internecie, stanowi nieefektywne podejście. Zmiana proporcji szerokości do wysokości również nie przynosi korzyści, ponieważ może prowadzić do zniekształcenia obrazu, co jest niepożądane z punktu widzenia estetyki i użyteczności. Dostosowanie proporcji może być istotne w przypadku określonych układów, jednak nie wpływa bezpośrednio na optymalizację rozmiaru pliku ani czasu ładowania. Celem optymalizacji jest uzyskanie właściwego balansu między jakością a rozmiarem pliku, a zmiana wymiarów jest najskuteczniejszym sposobem na osiągnięcie tego celu.
Pytanie 40
Który rastrowy format graficzny jest obsługiwany przez przeglądarki internetowe?
A. TGA
B. PNGTwoja odpowiedź
C. PCX
D. FLIF
Poprawna odpowiedź. Spośród wymienionych to PNG jest rastrowym formatem obsługiwanym natywnie przez przeglądarki internetowe - obok JPG i GIF tworzy zestaw bezpiecznych formatów webowych. Wyświetli się bez wtyczek i konwersji. Zapamiętaj webowe rastry: JPG (zdjęcia), PNG (jakość + przezroczystość), GIF (proste animacje).
