KWALIFIKACJA AUD5 - TEST WIEDZY NR 1

PYTANIE NR 37.
Przygotowujesz projekt graficzny w postaci wektorowej do publikacji na stronie internetowej. Które z poniższych czynności powinieneś wykonać?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Grafika wektorowa (np. SVG) skaluje się bez utraty jakości, więc nie ma potrzeby "zwiększania rozmiaru" projektu ani konwersji do bitmapy, która odbiera zaletę skalowalności. Typowym krokiem przy publikacji w sieci jest optymalizacja rozmiaru pliku, m.in. przez kompresję bezstratną (np. gzip/SVGZ), która zmniejsza transfer bez pogorszenia jakości.

Pełne wyjaśnienie:

Projekt wektorowy jest opisany matematycznie (krzywe, kształty, wypełnienia), dlatego jego kluczową cechą jest skalowalność bez utraty jakości. W praktyce webowej format SVG jest natywnie obsługiwany przez współczesne przeglądarki, więc publikacja grafiki wektorowej nie wymaga jej rasteryzacji.

Dlaczego poprawna jest kompresja bezstratna?
Kompresja bezstratna (np. gzip; czasem spotyka się też wariant SVGZ) zmniejsza rozmiar danych przesyłanych do użytkownika, nie zmieniając zawartości grafiki. Oznacza to: brak pogorszenia jakości, zachowanie ostrości krawędzi oraz zachowanie edytowalności. To bezpośrednio przekłada się na krótszy czas ładowania strony.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • "Skonwertuj projekt do formatu bitmapowego" – konwersja do PNG/JPG powoduje utratę głównej zalety wektora (skalowania). Stosuje się ją tylko w szczególnych przypadkach, gdy naprawdę potrzebny jest raster (np. konkretna miniatura), a nie jako standardowy krok publikacji wektora na WWW.
  • "Zwiększ rozmiar projektu…" – w wektorze "rozmiar" nie działa jak w bitmapie. Widoczny rozmiar na stronie uzyskuje się przez atrybuty/ustawienia renderowania i CSS (np. szerokość/wysokość), a poprawne skalowanie zapewniają właściwe parametry pliku (np. obszar widoku) oraz stylowanie.
  • "Wszystkie powyższe" – nie może być prawdą, ponieważ dwie wymienione czynności (konwersja do bitmapy i sztuczne zwiększanie rozmiaru projektu) nie są standardowym, zalecanym postępowaniem dla publikacji grafiki wektorowej.

Wskazówka egzaminacyjna: gdy w treści pojawia się "wektor do WWW", myśl o SVG i optymalizacji transferu (czyszczenie/optimizacja + kompresja bezstratna), a nie o rasteryzacji.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Grafika wektorowa to obraz opisany matematycznie (kształty i krzywe), a nie siatką pikseli. Dzięki temu skaluje się bez utraty jakości, co jest idealne dla ikon i logotypów w WWW. Najczęściej publikuje się ją jako plik SVG.
SVG skaluje się bez "schodków" i często ma mniejszy rozmiar dla prostych ikon. PNG jest bitmapą, więc przy powiększaniu traci ostrość. SVG można też łatwo stylować (np. kolor) i animować, co bywa przydatne w interfejsach.
JPG używa kompresji stratnej i jest przeznaczony głównie do fotografii. Po konwersji wektora do JPG tracisz skalowalność i ostre krawędzie, a artefakty kompresji mogą pogorszyć wygląd napisów i konturów. To zwykle krok nieuzasadniony dla ikon/logo.
Kompresja bezstratna zmniejsza rozmiar danych bez zmiany treści grafiki. W praktyce plik SVG (tekstowy) jest kompresowany algorytmem gzip podczas przechowywania lub przesyłania, co redukuje transfer. Po stronie przeglądarki treść jest odtwarzana identycznie.
Ma sens, gdy potrzebujesz konkretnej bitmapy: np. miniatury do podglądu, grafiki do miejsc wymagających rastra, lub gdy przygotowujesz zasób do systemu, który nie przyjmuje SVG. To wyjątki. Dla typowego renderowania w przeglądarce SVG zwykle jest właściwym wyborem.
Responsywność osiąga się przez poprawne ustawienia samego SVG (obszar widoku) oraz przez stylowanie w CSS, np. dopasowanie szerokości do kontenera. Nie polega to na "zwiększaniu rozmiaru" pliku projektu, tylko na kontrolowaniu sposobu wyświetlania w przeglądarce.
Optymalizacja SVG to usuwanie zbędnych danych (np. metadanych, nieużywanych elementów), upraszczanie ścieżek oraz porządkowanie struktury, aby plik był mniejszy i szybciej się ładował. Często łączy się to z kompresją bezstratną po stronie serwera.
Nie. Kompresja bezstratna z definicji nie usuwa informacji, więc po dekompresji plik jest równoważny oryginałowi. W przeciwieństwie do kompresji stratnej (np. typowej dla JPG), nie pojawiają się artefakty ani utrata ostrości krawędzi.
Najczęstsze błędy to niepotrzebna konwersja do bitmapy, mylenie kompresji bezstratnej ze stratną oraz próby "naprawy widoczności" przez zwiększanie rozmiaru pliku zamiast ustawień wyświetlania. Skutkiem bywa większy transfer i gorsza jakość na różnych ekranach.
Szukaj słów kluczowych: "wektor", "skalowanie bez utraty jakości", "ikony/logotypy", "publikacja na stronie". W takich zadaniach poprawne działania zwykle dotyczą optymalizacji i kompresji bezstratnej oraz poprawnego osadzania, a nie rasteryzacji do PNG/JPG.
info

Statystycznie 47% uczniów zna prawidłową odpowiedź. trudne

W praktyce zawodowej kluczowe jest to, że grafika wektorowa (np. SVG) skaluje się bez utraty jakości, więc nie ma potrzeby "zwiększania rozmiaru" projektu ani konwersji do bitmapy, która odbiera zaletę skalowalności.

Źródła:

  • MDN Web Docs: "SVG: Scalable Vector Graphics" (opis i zastosowania SVG) https://developer.mozilla.org/en-US/docs/Web/SVG (dostęp: 2026-02-18)
  • W3C: "Scalable Vector Graphics (SVG) 2" (specyfikacja formatu) https://www.w3.org/TR/SVG2/ (dostęp: 2026-02-18)
  • Google Developers (web.dev): "Reduce the size of your SVGs" https://web.dev/articles/optimize-svg (dostęp: 2026-02-18)

Materiały:

  • Dokumentacja SVG w MDN (opis formatu i użycia w WWW)
  • Dokumentacja kompresji HTTP i gzip/Brotli w kontekście zasobów statycznych
  • Materiały o optymalizacji SVG (usuwanie metadanych, uproszczenie ścieżek)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego