KWALIFIKACJA AUD5 - TEST WIEDZY NR 5

PYTANIE NR 34.
Załóż, że pracujesz nad projektem graficznym, który ma być skalowalny bez utraty jakości. Który format plików byłby najbardziej odpowiedni do tego celu?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
SVG to format grafiki wektorowej, w którym obraz opisują kształty i krzywe, a nie siatka pikseli. Dzięki temu można go dowolnie powiększać lub zmniejszać bez utraty ostrości. JPEG, PNG i GIF są formatami rastrowymi, więc przy dużym skalowaniu tracą jakość.

Pełne wyjaśnienie:

Wymaganie "skalowalny bez utraty jakości" jest typowe dla grafiki wektorowej (np. logo, ikony, piktogramy, elementy interfejsu). W grafice wektorowej obraz jest opisany matematycznie (linie, krzywe, wypełnienia), więc zmiana rozmiaru nie powoduje powstawania "schodków" ani rozmycia krawędzi.

Odpowiedź "SVG" jest poprawna, ponieważ SVG jest standardowym formatem wektorowym szeroko używanym w projektach multimedialnych i webowych. Plik może być renderowany w różnych rozdzielczościach, zachowując ostrość konturów oraz czytelność drobnych detali.

Pozostałe propozycje to formaty rastrowe, czyli oparte o piksele:

  • "JPEG" – dobrze sprawdza się dla fotografii, ale przy powiększaniu widoczna jest utrata szczegółów; dodatkowo typowa kompresja jest stratna.
  • "PNG" – często używany dla grafik z przezroczystością; kompresja może być bezstratna, ale obraz nadal jest pikselowy, więc przy znacznym skalowaniu pojawi się rozmycie lub pikselizacja.
  • "GIF" – format rastrowy o ograniczonej palecie barw, stosowany m.in. do prostych animacji; również nie zapewnia skalowania bez utraty jakości.

Wskazówka egzaminacyjna: gdy w treści pojawia się "bez utraty jakości przy skalowaniu", szukaj formatu wektorowego. Gdy mowa o zdjęciach i kompresji – wtedy częściej pojawiają się formaty rastrowe (np. JPEG/PNG).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Grafika wektorowa opisuje obraz za pomocą kształtów (linie, krzywe, figury) zamiast pikseli. Podczas skalowania program przelicza te kształty na nowy rozmiar, więc krawędzie pozostają ostre. To dlatego wektory są idealne dla logo, ikon i piktogramów.
SVG jest formatem wektorowym, a PNG rastrowym. PNG może mieć świetną jakość i przezroczystość, ale po powiększeniu widać piksele lub rozmycie. SVG zachowuje ostrość konturów niezależnie od rozmiaru, co jest kluczowe w UI i na stronach WWW.
Zwykle nie. JPEG jest rastrowy i często używa kompresji stratnej, więc przy powiększaniu logo mogą pojawić się artefakty i nieostre krawędzie. Do logo lepiej stosować wektory (np. SVG), a do druku eksportować w odpowiednim rozmiarze lub do formatów wektorowych.
Najczęściej SVG stosuje się dla elementów o wyraźnych krawędziach: ikon, logotypów, piktogramów, prostych ilustracji, wykresów i znaków. Dzięki temu jeden plik może działać w wielu rozmiarach (np. na telefonie i na monitorze 4K) bez utraty jakości.
PNG wybierz, gdy masz obraz rastrowy (np. zrzut ekranu, tekstury, grafika z dużą ilością drobnych szczegółów) albo gdy element nie jest łatwy do opisania wektorowo. PNG dobrze wspiera przezroczystość, ale pamiętaj, że skalowanie w górę nadal pogarsza ostrość.
Nie. GIF to format rastrowy, więc powiększanie powoduje pikselizację lub rozmycie. Dodatkowo GIF ma ograniczoną paletę barw, co pogarsza jakość wielu grafik. GIF sprawdza się głównie przy prostych animacjach i bardzo nieskomplikowanych obrazach.
Zwróć uwagę na sformułowania: "skalowanie bez utraty jakości", "ostre krawędzie w każdym rozmiarze", "logo/ikony/piktogramy". To są typowe sygnały grafiki wektorowej. Wśród popularnych odpowiedzi egzaminacyjnych najczęściej pasuje wtedy SVG.
Raster to siatka pikseli. Gdy powiększasz obraz, program musi "dopisać" brakujące piksele (interpolacja). To powoduje rozmycie lub widoczne kwadraty, bo oryginalna liczba informacji jest ograniczona rozdzielczością. Wektor nie ma tego problemu, bo opis jest matematyczny.
Projektuj na siatce, upraszczaj kształty i dbaj o spójne grubości linii. Ustaw poprawny obszar widoku (viewBox) i unikaj zbędnych efektów, które mogą źle się renderować. Przetestuj ikonę w kilku rozmiarach, np. małym i dużym, zanim oddasz plik.
Najczęściej myli się "bezstratną kompresję" z "brakiem strat przy skalowaniu" i wybiera PNG zamiast wektora. Drugi błąd to wybór JPEG, bo jest popularny, mimo że nadaje się głównie do zdjęć. W zadaniach o skalowaniu najczęściej potrzebny jest format wektorowy.
info

Około 73% zdających odpowiada poprawnie na to pytanie. średnio łatwe

W praktyce zawodowej kluczowe jest to, że sVG to format grafiki wektorowej, w którym obraz opisują kształty i krzywe, a nie siatka pikseli.

Źródła:

  • W3C: Scalable Vector Graphics (SVG) 2 – Specification (Overview), https://www.w3.org/TR/SVG2/ (dostęp: 2026-02-27)
  • PNG Development Group / W3C: PNG Specification (Second Edition), https://www.w3.org/TR/PNG/ (dostęp: 2026-02-27)
  • ISO/IEC 10918 (JPEG) – informacje ogólne i powiązania ze standardem, ISO Online Browsing Platform: https://www.iso.org/standard/18902.html (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja formatu SVG (specyfikacja i przykłady)
  • Podręczniki z podstaw grafiki komputerowej (wektor vs raster)
  • Materiały do projektowania UI/UX dotyczące ikon i skalowalnych zasobów

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego